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…
Read MoreHow 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…
Read MoreHow 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…
Read MoreThe 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…
Read MoreCSS 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…
Read MoreHow 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…
Read MoreHow 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…
Read MoreLearn 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…
Read MoreSass 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…
Read MoreThinking 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…
Read MoreThinking 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…
Read MoreThinking 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…
Read More