We may earn an affiliate commission when you visit our partners.

Introduction to Inverted Triangle CSS

The CSS you write for your web projects can become hard to manage. This course is designed to introduce you to the viewer in Inverted Triangle CSS, a methodology for writing structured, organized, and easy to maintain CSS.

The CSS you write or inherit for your web projects can often become difficult to manage. In this course, Introduction to Inverted Triangle CSS, you'll learn how to write CSS that is structured, organized, and easy to maintain. First, you'll dive into learning about specificity. Next, you'll explore the ins and outs of the layers of the Inverted Triangle CSS (ITCSS) methodology. Finally, you'll discover how using ITCSS will help you manage the CSS for your web projects no matter how large or small. When you're finished with this course, you'll have the necessary knowledge and skills to start write efficiently in CSS to utilize in your own practice.

Enroll now

Or start your subscription today

And complete this course over a free trial

Here's a deal for you

We found an offer that may be relevant to this course.

Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid for a limited time only

Future-proof your career

Access O'Reilly books, live events, courses, and more. Save with an annual subscription.

Take

15%

off

What's inside

Syllabus

Course Overview

Course Introduction

What Is Inverted Triangle CSS?

One Plain Website, Coming Up!

Traditional Approaches to CSS

Flipped on Its Head

Course Summary and Conclusion

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Covers the Inverted Triangle CSS (ITCSS) methodology, an industry-standard approach to writing maintainable CSS

Introduces specificity and the ins and outs of the ITCSS layers

Taught by Jason Sauer, an experienced instructor in CSS and ITCSS

Specifically tailored for web developers looking to improve their CSS organization and maintenance skills

Can be taken as a standalone course or as part of a larger learning journey in CSS

Save this course

Save Introduction to Inverted Triangle CSS to your list so you can find it easily later:

Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Introduction to Inverted Triangle CSS with these activities:

Review CSS Fundamentals

Show steps

Reviewing CSS fundamentals can help strengthen your foundational understanding of the language, which will support your learning in this course.

Browse courses on CSS

Show steps

Go over your notes from previous CSS courses or tutorials.
Take practice quizzes or tests to assess your understanding.
Review online resources, such as tutorials or documentation.

Participate in a CSS Study Group

Show steps

Participating in a CSS study group can provide a collaborative environment to learn and support one another, enhancing your understanding of the course material.

Browse courses on CSS

Show steps

Find or create a CSS study group.
Meet regularly with the group to discuss course topics.
Work together on CSS projects and assignments.

Review CSS Books

Show steps

Reviewing CSS books can help reinforce the concepts covered in this course by providing additional examples and explanations.

View CSS: The Missing Manual on Amazon

Show steps

Choose a CSS book to review.
Read through the book, taking notes on key concepts.
Summarize the main points of the book in your own words.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Follow CSS Tutorials

Show steps

Following CSS tutorials provides a structured learning experience and can help supplement the course material.

Browse courses on CSS

Show steps

Find CSS tutorials on specific topics that you want to learn.
Work through the tutorials, following the instructions carefully.
Complete the exercises or projects associated with the tutorials.

Complete CSS Coding Exercises

Show steps

Completing CSS coding exercises can help improve your understanding of CSS syntax and best practices, which will support your learning in this course.

Browse courses on CSS

Show steps

Find a set of CSS coding exercises.
Work through the exercises, completing them to the best of your ability.
Check your answers against the provided solutions.

Build a Simple Website using ITCSS

Show steps

Building a simple website using ITCSS will allow you to apply the concepts you learn in this course to a practical project, reinforcing your understanding.

Browse courses on CSS

Show steps

Plan the structure of your website.
Create the HTML and CSS for your website.
Test your website to ensure it works properly.

Write a Blog Post about ITCSS

Show steps

Writing a blog post about ITCSS provides an opportunity to demonstrate your understanding of the topic and further solidify your knowledge.

Browse courses on CSS

Show steps

Choose a specific aspect of ITCSS to focus on.
Research the topic thoroughly.
Write a blog post that explains the topic clearly and concisely.

Contribute to an Open-Source CSS Project

Show steps

Contributing to an open-source CSS project provides an opportunity to apply your skills in a real-world context and gain practical experience.

Browse courses on CSS

Show steps

Find an open-source CSS project that you are interested in.
Read the project's documentation and contribute code.
Work with the project's maintainers to improve the codebase.

Career center

Learners who complete Introduction to Inverted Triangle CSS will develop knowledge and skills that may be useful to these careers:

Front-End Web Developer

Front-end Web Developers are responsible for the visual design and functionality of websites. This course can help you learn how to write CSS that is structured, organized, and easy to maintain, which will be helpful in creating high-quality websites.

See salaries and explore the career path for Front-End Web Developer

Web Designer

Web Designers are responsible for the visual appearance of websites. This course can help you learn how to write CSS that is structured, organized, and easy to maintain, which will be helpful in creating visually appealing websites.

See salaries and explore the career path for Web Designer

User Experience Researcher

User Experience Researchers are responsible for understanding user needs and pain points. This course, Introduction to Inverted Triangle CSS, will help you learn how to write CSS that is structured, organized, making your work easier to use and more user-friendly.

See salaries and explore the career path for User Experience Researcher

Web Accessibility Specialist

Web Accessibility Specialists ensure websites are accessible to people with disabilities, and they play a role in making your website more user-friendly. This course can help you understand the basics of CSS, which will be helpful in making websites more accessible.

See salaries and explore the career path for Web Accessibility Specialist

Software Developer

Software Developers are responsible for the design, development, and maintenance of software systems. This course can help you understand the basics of CSS, which will be helpful in developing software applications that are visually appealing and user-friendly.

See salaries and explore the career path for Software Developer

User Interface (UI) Designer

User Interface (UI) Designers are responsible for the design of the user interface for websites and applications. This course may be helpful in learning how to write CSS that is structured, organized, and easy to maintain, which can help you create user interfaces that are both visually appealing and user-friendly.

See salaries and explore the career path for User Interface (UI) Designer

Web Analyst

Web Analysts are responsible for analyzing website traffic and user behavior. This course may be helpful in learning how to write CSS that is structured, organized, and easy to maintain, which can help you create websites that are more effective and user-friendly.

See salaries and explore the career path for Web Analyst

Information Architect

Information Architects are responsible for the organization and structure of websites. This course may be helpful in learning how to write CSS that is structured, organized, and easy to maintain, which can help you create websites that are more user-friendly and easy to navigate.

See salaries and explore the career path for Information Architect

Content Manager

Content Managers are responsible for the creation and management of website content. This course may be helpful in understanding the basics of CSS, which will be helpful in creating website content that is visually appealing and user-friendly.

See salaries and explore the career path for Content Manager

Digital Marketer

Digital Marketers are responsible for promoting and marketing websites and online businesses. This course may be helpful in understanding the basics of CSS, which will be helpful in creating marketing materials that are visually appealing and user-friendly.

See salaries and explore the career path for Digital Marketer

Instructional Designer

Instructional Designers are responsible for the design and development of educational materials. This course can help you build a foundation in CSS, which may be helpful in creating educational materials that are visually appealing and user-friendly.

See salaries and explore the career path for Instructional Designer

Technical Writer

Technical Writers are responsible for the creation and maintenance of technical documentation. This course can help you build a foundation in CSS, which may be helpful in creating technical documentation that is visually appealing and user-friendly.

See salaries and explore the career path for Technical Writer

Graphic designer

Graphic Designers are responsible for the design of visual concepts. This course may be helpful in understanding the basics of CSS, which will be helpful in creating visual concepts that are visually appealing and user-friendly.

See salaries and explore the career path for Graphic designer

Art Director

Art Directors are responsible for the overall visual direction of a project. This course may be helpful in understanding the basics of CSS, which will be helpful in creating visual concepts that are visually appealing and user-friendly.

See salaries and explore the career path for Art Director

Photographer

Photographers are responsible for taking pictures. This course may be helpful in understanding the basics of CSS, which will be helpful in creating visual concepts that are visually appealing and user-friendly.

See salaries and explore the career path for Photographer

Reading list

We've selected 13 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Introduction to Inverted Triangle CSS.

CSS Pocket Reference

Save

Comprehensive guide to CSS. It very useful reference book to have.

Introduction to Inverted Triangle CSS

Here's a deal for you

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses