Author
Guil is the front-end design teacher at Treehouse. You can follow Guil on Twitter at @guilh.
August 10, 2021 in Treehouse News
I’m excited to announce my new workshop, Automate Your Work with Zapier. In the workshop, you’ll learn how Zapier can make you happier by connecting many of the web apps and software you use to get tasks done. What is…
September 29, 2020 in Learn
We can spend hours learning, but if we’re not able to recall, retrieve, or demonstrate what we’ve learned somehow, we’re doing ourselves a major disservice. And it’s going to take longer to achieve our learning goals. In this post, I’ll…
June 26, 2020 in Learn
Programming in a new language can feel unfamiliar, intimidating, and tricky to navigate at first. There are new rules, syntax, and nuances to learn. I recently started learning Python again after years of programming in JavaScript. After diving back in…
August 28, 2017 in Learn
Setting up the tools to develop a React application can be intimidating and time-consuming. There are lots of moving parts. For example, setting up Babel to transpile JSX into browser-ready code, and configuring Webpack to bundle your project assets. Fortunately…
July 22, 2015 in Learn
CSS recently introduced a scroll snap points feature that gives users a fluid and precise scrolling experience for touch and input devices. There are plenty of jQuery plugins available that create scroll snap effects. But instead of installing a plugin…
February 5, 2015 in Learn
Many websites use a “sticky” feature in their main navigation menu. The menu scrolls with the page, then sticks to the top once it reaches the top of the viewport. There are lots of jQuery plugins we can use to…
January 21, 2015 in Learn
Many dropdown menus we see on websites use JavaScript in some way, but it’s possible to build one entirely with HTML and CSS. In this short video tutorial, we’ll take advantage of helpful CSS selectors to build a simple dropdown…
January 14, 2015 in Learn
Image sprites are still a useful feature in web design. They’re also important for website optimization because they combine several images into one image file to reduce HTTP requests. In this tutorial, we’ll learn how to create an SVG sprite sheet…
December 2, 2014 in Learn
HTML5’s local storage feature allows the browser to store and retrieve specific data. In this post, we’ll pick up where we left off in the previous post where we built a real-time CSS editor using the HTML5 contenteditable attribute. Now we’re…
October 13, 2014 in Learn
The last wave of new CSS3 features introduced in-browser design features like border-radius, gradients, multiple backgrounds, and box-shadow. CSS continues to evolve and today’s native features are becoming closer to tools we’d normally use in our favorite graphics editor. In…
September 4, 2014 in Learn
With Sass mixins we’re able to pass a list of arguments to set the values of properties. For example, the following mixin uses four variables as arguments to define the display, padding and margin properties of an element. @mixin display ($disp, $padding, $l-margin, $r-margin)…
July 31, 2014 in Learn
When generating pseudo-elements with CSS, we usually need to define certain properties to display the elements. This often means repeating CSS declarations for content, display and position, the most common properties used for generating shapes with pseudo-elements. With Sass, we’re able to…