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

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.

Read more

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

What's inside

Syllabus

Course Overview
Course Introduction
What Is Inverted Triangle CSS?
One Plain Website, Coming Up!
Read more
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
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
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
Reviewing CSS books can help reinforce the concepts covered in this course by providing additional examples and explanations.
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
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
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
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
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

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.
Provides a cookbook-style approach to learning CSS. It good reference book to have on hand for solving specific problems whenever needed.
Explores many common CSS problems and their solutions. Since this course teaches ITCSS, which methodology, this book would be useful for solving specific CSS problems that may occur.
Covers many useful concepts and current best practices for writing CSS. Since this course teaches a new CSS methodology, ITCSS, this book will be useful to use as a comparison and contrast to supplement the course material.
Provides a concise overview of advanced CSS techniques. It would be useful to have as a supplementary resource to this course.
Provides a general overview of writing maintainable CSS. It will be useful as a supplementary resource for this course.
Provides a good overview of web design using responsive design. This book would be useful as background reading.
Good introduction to writing HTML and CSS. It would be useful as background reading.
Good introduction to CSS. It would be useful as background reading or as a reference to have on hand.

Share

Help others find this course page by sharing it with your friends and followers:
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser