Work with us

Let us know your requirements and we'll get back to you as soon as possible.
Drop files here or click to upload

We care about your privacy and automatically agree to the following NDA. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Submit

Thank you, !

Thank you very much for submitting your inquiry to Xfive! We'll be in touch with you soon.
Katelyn Gleason
Katelyn Gleason Eligible
Xfive’s team rental model helped me easily acquire a new team member for our project. Marek has been working with us for many months and although he is an external contractor, I feel like he's a part of our family now.
Home Blog ITCSS: A Year After

ITCSS: A Year After

Five insights from the year with Inverted Triangle CSS.

One year ago we published ITCSS: Scalable and Maintainable CSS Architecture article. It was an overview of Harry Roberts’s Inverted Triangle CSS methodology and our experience using it for developing our company website.

What started more as an experiment is now an integral part of the development work we do for our clients at Xfive. In this follow-up article, I’d like to share five insights from the last year with ITCSS.

1) ITCSS on the growth

Over the time our blog post was lucky enough to get to the first position in Google search results for the ITCSS phrase. So we can share some first-hand data on how big the interest is in ITCSS.

ITCSS article stats

As you can see, in the past months when the blog post has stabilized on the top, it gets about 2500 unique page views a month (approx. 6000 pageviews a month). It shows that although advanced solutions like CSS Modules exist, people are still in search for a down-to-earth and easy to use CSS methodology.

2) ITCSS introduction is now available online

The success of our article is partially caused by the fact that there still isn’t any official documentation at itcss.io, so people are looking for alternative write-ups. However, one difference from the last year is that the original ITCSS article is now available at Manage large CSS projects with ITCSS. So even without access to .net magazine you can now read it online. Just be aware, it’s missing shorter columns on the specificity graph and preprocessors which were in the original version.

3) Official ITCSS framework: inuitcss

Another important thing is that inuitcss, which is an official ITCSS framework, has gone through some major updates. It now has much better documentation and is easier to use.

inuitcss is a good place to check when you want to expand your ITCSS skills and study how things should be or could be done.

4) Scalable CSS Architecture Talk

Since we’ve made ITCSS official part of our development workflow we also educate our team members about it. Check out Scalable CSS Architecture talk by Michał Pierzchała and Artur Kot at the X-Cloud days in Krakow last November:

You can also check out the slides for the talk.

5) Setup ITCSS projects quickly with Chisel

To make ITCSS projects setup easier we’ve created Chisel, development framework for creating easy to maintain and fast WordPress websites and front-end templates which supports ITCSS.

When you setup a project with Chisel, you’ll get a project with ITCSS layers set up in separate folders. Chisel supports SCSS and files are compiled using Gulp. When you add a file to the particular layer folder, it will be automatically compiled, so you don’t have to import individual files in main.scss.

About the author

Lubos Kmetko

Lubos Kmetko LinkedIn

Lubos Kmetko started to work for Xfive as a front-end developer in 2006. He currently helps with business operations and writes for the Xfive blog.

More from Lubos
More from Lubos

Comments (7)

Write a comment

Jak Clark

Excellent article! Everybody should be following ITCSS already ;-)

Apr 05, 2017

Lubos Kmetko

Thanks, Jak :)

Apr 05, 2017

Luke Harrison

Nice article. Last years article was what introduced me to ITCSS so for that you have my gratitude.

Apr 30, 2017

Lubos Kmetko

Thanks, Luke! Happy to hear we've helped you discover ITCSS.

May 02, 2017

Emanuel

I'm a big fan of ITCSS and I've been using it for 2 years.
In this previous article you wrote: "But don’t forget to keep an eye on other players like CSS modules, in the meantime." Are you still using ITCSS? Have you started with CSS modules or similar?

Dec 18, 2018

Lubos Kmetko

@Emanuel we are still big fans of ITCSS too and using it in almost all projects. It's part of our WordPress / front-end development framework https://www.getchisel.co

Dec 19, 2018

Guruprasad K J

Thank you very much. Both your articles helped me as a starter to learn ITCSS.

Jun 12, 2019

Would you like to add something?

All fields are required. Your email address will not be published.

Submit

Related blog posts

Start your project or scale your team