Hugo Giraudel
SitePoint
Germany
Contact Hugo
Discover and connect with journalists and influencers around the world, save time on email research, monitor the news, and more.
| Recent: |
|
| Past: |
|
Past articles by Hugo:
How to Use Warnings and Errors in Sass Effectively —
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). → Read More
What's the Difference Between Sass and SCSS?
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. → Read More
Tilted Angles in Sass
Hugo Giraudel explores a way to put together tilted angles using Sass and some high school mathematics. → Read More
CSS Triangle Mixin
There is a fairly popular CSS hack using transparent borders on a 0-width / 0-height element to mimic triangles. There is a CSS snippet here on CSS-Tricks → Read More
Simple Asset Helper Functions
Dealing with paths is always a bit annoying, you will concede. Fortunately, it is extremely easy with Sass to have a beautiful API to manage assets and to → Read More
A Working SVG Workflow for Accessible Icons
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. → Read More
Introducing Our Newest Book: Jump Start Sass
The best way to learn Sass, from Miriam Suzanne and Hugo Giraudel, two of the top experts on the popular CSS preprocessor. → Read More
Cleaning Up a CSS Codebase
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. → Read More
Power Function
While very helpful with arithmetic, Sass falls a bit short with mathematical helper functions. There has been an open issue on the official repository to a → Read More
Understanding the CSS Modules Methodology
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. → Read More
Preloading Images in Parallel with Promises
Hugo Giraudel introduces you to a library he has developed to preload images in parallel using promises. Performance for the win! → Read More
Using @error responsibly in Sass
Hugo shows us how we can responsibly use the @error directive in Sass → Read More
Centering With Sass
Centering in CSS is well known for being a tedious task. It is kind of the running gag from the language, leading to jokes such as "we managed to send men on the moon, but we can't vertically align in CSS". While CSS is indeed a bit tricky when dealing with centering, especially vertical centering, I feel like those jokes are a bit unfair. Actually, there are plenty ways of centering content in… → Read More
Structuring CSS Class Selectors with Sass
Hugo Giraudel discusses the various popular ways in CSS that we name and use class selectors and how Sass can help in structuring them. → Read More
Getting To Know Stylus
Hugo shows us how to get up and running with the Node-based preprocessor Stylus. → Read More
Getting Started With SCSS-Lint
Hugo shows us how we can get started with SCSS-Lint to help write better Sass and CSS. → Read More
Introducing the SitePoint Sass Reference
Today, we're launching a new reference on Sass, right here on SitePoint. → Read More
Testing a Sass Library
Hugo shows us how we can use Sassy Tester and gulp to help us when testing a Sass library. → Read More
Accessible Footnotes with CSS
Hugo 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. → Read More
Import
CSS has been providing the import feature (through the @import directive) for ages now, unfortunately it is not of great help. Indeed, as busted by Steve Souders a couple of years ago, using @import prevents some browsers (if not all) to load stylesheets in parallel, which is a huge performance drawback. That’s too bad because […] → Read More