Meta Refresh 2018

Meta Refresh 2018

The web in your pocket

Aayush Arora

@aayusharora

Scaling CSS with ITCSS

Submitted Aug 5, 2018

Are you fighting with your own CSS? Have you always felt a need for an Architecture in your CSS files? ITCSS provides you an architecture to deal with the cascade & specificity for scaling CSS. In this talk, you will learn the seven layers of ITCSS, transforming the way you write your CSS files

Outline

Scaling CSS seems challenging but can be super easy with minimal efforts of setting up a right Architecture. ITCSS is an architecture based on seven layers from settings to trumps that is used to scale and maintain CSS Applications. The inverted triangle approach helps us to write highly maintainable code with minimum overwriting. This talk will focus on the layers of ITCSS using Motley, an Open source framework based on ITCSS.

In this talk, Aayush will share the challenges he has faced while writing CSS for his company and how he came over those challenges by designing Motley.

Motley: https://github.com/coding-blocks/motley

Requirements

Knowledge of SCSS is an advantage.

Speaker bio

Aayush is a Udacity certified Front-end Developer. He is a Front-end Engineer and Instructor at Coding Blocks and currently Mentors at Udacity for global nano degree programmes. He is an active member and contributor in Open Source Organisations such as NASA, FOSSASIA & CloudCV. He has a passion for sharing knowledge and has been featured as the first guest author on Google Codelabs this year. If you want to talk to him, you can anytime challenge him a chess match.

    • Talks at FOSSASIA Summit 2018, Singapore
  • https://youtu.be/MzRam90wiok
    
    • Talks at FOSSASIA Summit 2017, Singapore
  • https://youtu.be/Ar8p9zgy0J8

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more