Vi går mot en tid av komponenttänkande snarare än sidtänkande. Denna förändring ställer väldigt många tidigare uppfattningar och verktyg på ända, både i det grafiska arbetet såväl som inom implementationen av detta i kod. Under denna halvdag får ni möjlighet att bekanta er med en process för komponentbaserad design (från styleguide till handoff), arbeta med Sass/BEM/PostCSS/Stylelint för att skriva kod för en komponent, samt regressionstesta och dokumentera er CSS.
Kunna skapa visuella komponenter, utföra dessa i CSS enligt en team-standard samt förstå prestandan bakom
- https://www.lightningdesignsystem.com/
- https://blog.hichroma.com/the-crucial-tool-for-modern-frontend-engineers
- https://trulia.github.io/hologram/
- http://airbnb.design/building-a-visual-language/
- https://css-tricks.com/design-systems-building-future/
- http://designguidelines.co/
- https://nordnet.design/a-closer-look-at-our-atomic-workflow-in-action-by-the-nordnet-design-studio
- https://medium.freecodecamp.com/how-to-construct-a-design-system
- https://github.com/davidhund/styleguide-generators
- http://postcss.parts
- https://webpack.js.org/concepts/
- https://csswizardry.com/2012/04/the-single-responsibility-principle-applied-to-css/
- http://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528
- https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.ab8emiofa