Kitty's articles
Now we’re going to look at warnings and errors. Both form a one-way communication system between the program (in this case, Sass) and the developer (you).
Hugo Giraudel explains clearly the differences between Sass and SCSS and offers an overview of the two syntaxes, a bit of history, and his recommendations.
Hugo Giraudel explores a way to put together tilted angles using Sass and some high school mathematics.
Hugo Giraudel introduces JavaScript functional testing and demonstrates how it can ensure that an application works as expected from a user’s perspective.
Kitty Giraudel uses SitePoint's tiles as a case study for component encapsulation, theme management and flexbox.
Hugo discusses the importance of code reviews, and how to get them happening within your development team.
Hugo Giraudel looks at how to inline critical CSS and other CSS styles in the head of a Jekyll website.
Hugo covers the options available for web developers in handling CSS precision with percentage values, including using Sass and the native calc function.
Hugo has been working on creating a simple and automated workflow for dealing with creating accessible icons using SVG. He shares it in this post.
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.
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.
Hugo Giraudel introduces you to a library he has developed to preload images in parallel using promises. Performance for the win!
Hugo shows us how we can responsibly use the @error directive in Sass
Kitty takes some of the well known centering techniques in CSS and shows us how to wrap them in Sass mixins.
Hugo Giraudel discusses the various popular ways in CSS that we name and use class selectors and how Sass can help in structuring them.
Hugo shows us how to get up and running with the Node-based preprocessor Stylus.
Hugo shows us how we can get started with SCSS-Lint to help write better Sass and CSS.
Kitty shows us how we can use Sassy Tester and gulp to help us when testing a Sass library.
Kitty strays from Sass for a brief moment to consider how in-document linked footnotes can be created to be maintainable and accessible with just HTML and CSS.
Hugo shows us how we can got about testing a Sass function in 5 minutes or so using Sass.
Hugo shows us the bare essentials of what we could include in making a Gulp workflow for Sass.
Hugo shows us how to use recursion in creating an awesome Sass mixin for media queries and media merging.
Kitty Giraudel shows us four ways of theming with Sass discussing the code required, the output and the pros and cons of each option.
Kitty Giraudel talks us through units in Sass and best practices around using them.
Hugo shows us how we can extend a Sass media query mixin to allow for global layout changes and specific component changes.
Hugo discusses why he's slowly moved away from Compass and favored other tools for speed and ease.
Hugo Giraudel shows off a really powerful Sass mixin to create a nice CSS3 long-shadow effect.
Kitty shares some extra functions we can use when using Sass maps.
Hugo shows us a great way that we can build a functional wrapper with functions and mixins.
Hugo gives reason why we should avoid the @extend directive in Sass for better comprehension of the code we write.