How to Redesign Unsplash Using Styled Components
HTML & CSSAkshay Kadam,
CSS Architecture — SitePoint
Featured
Advertise with usRecent
How to Redesign Unsplash Using Styled Components
HTML & CSS
By Akshay Kadam,
Akshay Kadam introduces Styled Components, a JS-based means of adding styles to your React project, and then shows how to use them in practice by imitating the Unsplash interface.
Front-end Frameworks: Custom vs Ready-to-use Solutions
HTML & CSS
By Ivaylo Gerchev,
Ivaylo Gerchev looks at the pros and cons of choosing between, prebuilt, front-end frameworks versus using a custom solution.
CSS Architecture and the Three Pillars of Maintainable CSS
HTML & CSS
By Zsolt Nagy,
Zsolt Nagy discusses three principles of CSS architecture and why mastering them will help you keep your CSS maintainable and lean.
Results of the Ultimate CSS Survey 2017
HTML & CSS
By Louis Lazaris,
Louis Lazaris breaks down the results of the Ultimate CSS Survey, shedding light on developer practices in CSS tooling, technologies, and knowledge.
The Ultimate CSS Survey 2017
HTML & CSS
By Louis Lazaris,
SitePoint's 2nd annual CSS Survey to give us a better idea of the knowledge, experience, habits, and practices of CSS developers from around the world.
Tame Unruly Style Sheets With These Three CSS Methodologies
HTML & CSS
By Maria Antonietta Perna,
Maria Antonietta Perna introduces BEM, SMACSS and eCSS, three CSS architecture methodologies to help you write clean and maintainable CSS code.
CSS Architecture: CSS File Organization
HTML & CSS
By Tiffany Brown,
In this exclusive excerpt from our book, CSS Master, we look at the importance of file organization and how it benefits CSS architecture overall.
How and Why You Should Inline Your Critical CSS
HTML & CSS
By Asha Laxmi,
Asha looks at why you should be inlining your critical CSS, as well as how you can do it using Grunt, npm modules and other tools.
How Good Are Your HTML and CSS Comments?
HTML & CSS
By Georgie Luhur,
Georgie Luhur looks at best practices for commenting HTML and CSS, and why well structured comments can make all the difference.
PostCSS Mythbusting: Four PostCSS Myths Busted
HTML & CSS
By Ashley Nolan,
Ashley Nolan addresses some of the most common myths around PostCSS to show how it can enhance your workflow and improve how you work with CSS.
Cleaning Up a CSS Codebase
HTML & CSS
By Kitty Giraudel,
Hugo speaks from experience and gives us his personal suggestions on how to deal with a messy codebase, whether it's our own old project or something inherited.
Understanding the CSS Modules Methodology
HTML & CSS
By Kitty Giraudel,
Hugo Giraudel explains the new kid on the CSS processor block: CSS Modules and he relates why he thinks this concept is how CSS should be.
Structuring CSS Class Selectors with Sass
HTML & CSS
By Kitty Giraudel,
Hugo Giraudel discusses the various popular ways in CSS that we name and use class selectors and how Sass can help in structuring them.
Atomic OOBEMITSCSS
HTML & CSS
By Una Kravets,
Una shares with us various CSS methodologies in creating Atomic OOBEMITSCSS
Working with BEM at Scale — Advice From Top Developers
HTML & CSS
By Patrick Catanzariti,
Patrick Catanzariti spoke to some experienced front-end developers to get their views on how to deal with the popular BEM CSS methodology on large scale projects.
Introduction to inuitcss: A Different Kind of CSS Framework
HTML & CSS
By Reggie Dawson,
Harry Roberts has created an anti-framework of sorts: inuitcss. Reggie takes a look at how to set it up and what makes it different from the rest.
Selector Specificity with CSS Preprocessors
HTML & CSS
By Alexander Futekov,
Alexander looks at some solutions for dealing with selector specificity when working with a CSS preprocessor.
Component-Driven CSS Frameworks
HTML & CSS
By Vinay Raghu,
Vinay Raghu talks about the difference between UI kits and CSS frameworks and how frameworks should be chosen if your development is component-based.
BEM and SMACSS: Advice From Developers Who’ve Been There
HTML & CSS
By Patrick Catanzariti,
Patrick contacted a number of developers who have used BEM and SMACSS in their projects, and collected their thoughts on how they can be used effectively.
Using Helper Classes to DRY and Scale CSS
HTML & CSS
By Ahmad Ajmi,
Ahmad Ajmi takes a look at how we can use classes in CSS to abstract class sets that each perform a single action, making our HTML more like Lego blocks.
Building a Step Wizard with BEM and Sass
Blogs
By Kitty Giraudel,
Hugo Giraudel with a detailed tutorial on creating a step wizard, commonly found in e-commerce, using BEM and Sass techniques.
Introducing CCSS (Component CSS)
HTML & CSS
By Satheesh Kumar,
Satheesh Kumar introduces a new architecture, inspired by a number of different tools and methodologies, for helping with building large applications.
A Look at Different Sass Architectures
HTML & CSS
By Vinay Raghu,
Vinay Raghu looks at some different ways to structure your Sass projects, including a look at the architecture of some well-known projects.
8 Tips to Help You Get the Best out of Sass
HTML & CSS
By Cathy Dutton,
Cathy Dutton with a rundown of 8 tips to help you improve the workflow and maintenance of your Sass-based projects.
Title CSS: A Simple Approach to CSS Class Naming
HTML & CSS
By Jon Cuthbert,
Jon Cuthbert presents a simple approach to CSS class naming, building on methodologies like OOCSS, BEM, and others popular methods.