CSS Tip: A Better Clearfix with Sass
The CSS clearfix has been a must-have in our web design toolkit for quite some time, and until new layout features like flexbox become more stable, we’ll always need some form of clearfix in float...
View ArticleClik here to view.
Multiplane Design with SVGs and CSS 3D Transforms
Recently I tweeted about my experimentations with an idea that I’m calling multiplane design. I’ve been experimenting with multi planing using 3D and SVGs: http://t.co/l4h1slT4jK Only works on desktop...
View ArticleThinking 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...
View ArticleThinking Ahead: Native CSS Feature Detection
Developing with progressive enhancement is not only a best practice, it’s absolutely necessary given the complexity of today’s websites and applications. We should never be sacrificing accessibility...
View ArticleTreehouse Workshop: Creating Wireframe and Photoshop Mockups
We’re excited to announce the release of a recent Treehouse Live workshop, Creating Wireframe and Photoshop Mockups. In this workshop teacher Nick Pettit wireframes a fictional to-do list app in...
View ArticleHTML Email Design with Fabio Carneiro
HTML Email design. The very thought gives many of us shivers. All of the wonderful standards and advancements in the browser go out the window when designing HTML emails – or do they? In HTML Email...
View ArticleGetting Started with Stylus
Within the web development community, we hear a lot about two popular CSS preprocessor: Sass and LESS. You don’t often, however, hear about the third big preprocessor: Stylus. When it came to...
View ArticleLearn Sass on Treehouse
We’re really excited to announce our new course on Sass! Sass is a powerful language that extends CSS with handy features like nesting, variables, mixins, math operations, and more, in a CSS-compatible...
View ArticleSass 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...
View ArticleIntentional Breakpoints with CSS Transitions
Responsive Web Design is more than just a few lines of code in your HTML & CSS. It’s an approach to building websites that requires us to think about the entire user experience. This means...
View ArticleLearn 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....
View ArticleClik here to view.
An Introduction to Source Maps
One of the easiest performance wins you can gain for your website is to combine and compress your JavaScript and CSS files. But what happens when you need to debug the code within those compressed...
View ArticleClik here to view.
Challenges & Solutions for Your Responsive Navigation
One of the most biggest hurdles when creating a responsive website is implementing the navigation – hands down. Not just from a design standpoint, but from a content and development standpoint as well....
View ArticleSass Tip: The Double Ampersand Selector
In Sass, the 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; } }...
View ArticleClik here to view.
A Tale of Front-end Sanity: Beware the Sass @import
Imagine coming into work on your first day as a front-end designer or dev and getting your Rails development system up and running for the first time. You’re really excited to start working on...
View ArticleClik here to view.
How to Use The HTML List Elements
Some of the most commonly used elements for marking up web content are unordered, ordered, and definition lists. In this post you’re going to learn how to use these HTML list elements in your own web...
View ArticleLearn CSS Layout on Treehouse
Our new course on CSS layout has been released! In CSS Layout Techniques, you’ll learn to use the most common layout and positioning methods of web design. Throughout the course, we’ll build a layout...
View ArticleClik here to view.
How to Remember the Code You’re Learning
One of the most common questions I get from students is: “What’s the best way to retain what I’m learning?” @guilh I started treehouse and have been going through various HTML & CSS tracks but...
View ArticleHow to Evaluate Front-End Code for Inefficiencies
There’s more to writing good front-end code than knowing every HTML tag, CSS selector, or the latest front-end features and techniques. And as I mentioned in a recent blog post, writing good code takes...
View ArticleHow 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,...
View Article