Author
Guil is the front-end design teacher at Treehouse. You can follow Guil on Twitter at @guilh.
January 18, 2023 in Learn
There’s a little-known timing function in CSS animations that lets us break an animation into segments––or steps––instead of running it as one continuous animation from start to finish. This function is useful for creating sprite animation because we’re able to…
December 21, 2022 in Learn
The Sass ampersand (&) symbol is used to reference the parent selector in a nested rule. For example, the following targets .btn on :hover: .btn { … &:hover { background: dodgerblue; } } We can also place the & after…
December 21, 2022 in Learn
One of the most common questions I get from students is: “What’s the best way to retain what I’m learning?” Students may think they understand the lessons and concepts being taught, but later struggle putting it all into practice. Writing…
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…