February 16, 2016 in Learn
HTML and CSS: Still Relevant for Designers
If you’re a designer trying to stay current you may be feeling some pressure to learn one of the many new web programming languages that are “hot” right now (React, Angular, etc.). Not only because these languages are gaining in…
February 5, 2015 in Learn
How to Create a Sticky Navigation
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
How to Create a Simple CSS Dropdown Menu
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…
November 18, 2014 in Learn
The HTML5 Contenteditable Attribute
Did you know that we’re able to create client-side, in-browser content editing using basic HTML elements? We could then save that edited content to the browser’s local storage. The key to making this happen is with the HTML5 contenteditable attribute. To see how contenteditable works,…
July 14, 2014 in Learn
CSS Sprite Sheet Animations with steps()
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 sheet animations because we’re able to…
April 10, 2014 in Learn
How to Create Smoother Animations and Transitions in the Browser
In order to achieve smooth transitions and animations, a browser needs to avoid doing extra work on its main thread, the part that’s in charge of handling tasks like JavaScript, style calculations, layout, painting and compositing (more on these later)….
March 11, 2014 in Learn
How to Use the Details and Summary Elements in HTML5
A number of new interactive elements were introduced with HTML5 that provide native implementations of common UI widgets like dialogs and modals. Among these new additions are the <details> and <summary> elements. These elements allow developers to create collapsable UI…
December 9, 2013 in Learn
Learn CSS Frameworks on Treehouse
Our new course on CSS frameworks was just released! In Framework Basics, you’ll learn how to build websites using two of the most widely used Frameworks in the industry: Bootstrap and Foundation. First, you’ll build a prototype using each framework’s…
December 2, 2013 in Learn
Sass Conf 2013
Sass Conf 2013 took place back on October 12th and 13th, and we were there to film it! We’re excited to be able to share all of the amazing speakers with you, with 15 sessions and over 12 hours of…
October 24, 2013 in Learn
Thinking Ahead: Multi-Resolution Images with srcset
Developing for high-resolution displays often requires different image resources for each image. Because of this, there’s been a need for a more standard way of serving responsive content images – ones that adapt to different resolutions and viewport sizes. What…
August 21, 2013 in Learn
Thinking Ahead: Native CSS Feature Detection
Developing with progressive enhancement is not only a best practice, it’s necessary given the complexity of today’s websites and applications. We should never be sacrificing accessibility for convenience, so minimizing dependency on CSS3 features is important and, as a last…
August 6, 2013 in Learn
Thinking Ahead: CSS Device Adaptation With @viewport
When we need to adjust a device’s browser viewport, the HTML <meta name=”viewport”> tag is usually our go-to solution. But the viewport meta tag is surprisingly “non-normative”––it’s not a formal W3C spec, much less a web standard. The viewport meta…