Hugo's articles
How to Use Warnings and Errors in Sass Effectively
By Hugo Giraudel,
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).
What’s the Difference Between Sass and SCSS?
By Hugo Giraudel,
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.
Tilted Angles in Sass
By Hugo Giraudel,
Hugo Giraudel explores a way to put together tilted angles using Sass and some high school mathematics.
Setting up a Living Styleguide in Jekyll
By Hugo Giraudel,
Hugo Giraudel looks at how to put together a styleguide of components for your design using Jekyll and the Liquid template engine.
JavaScript Functional Testing with Nightwatch.js
By Hugo Giraudel,
Hugo Giraudel introduces JavaScript functional testing and demonstrates how it can ensure that an application works as expected from a user’s perspective.
SitePoint’s Tiles: A Case Study in Components, Theming and Flexbox
By Hugo Giraudel,
Hugo Giraudel uses SitePoint's tiles as a case study for component encapsulation, theme management and flexbox.
The Importance of Code Reviews
By Hugo Giraudel,
Hugo discusses the importance of code reviews, and how to get them happening within your development team.
Inline CSS in Jekyll
By Hugo Giraudel,
Hugo Giraudel looks at how to inline critical CSS and other CSS styles in the head of a Jekyll website.
A Tale of CSS and Sass Precision
By Hugo Giraudel,
Hugo covers the options available for web developers in handling CSS precision with percentage values, including using Sass and the native calc function.
A Working SVG Workflow for Accessible Icons
By Hugo Giraudel,
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.