May 24, 2016 in Learn
A Crash Course in Technical Responsive Web Design
As a technical medium, Responsive Web Design (RWD) requires a working knowledge of the code that makes it work. Designers who ignore the basics fail to understand what browsers can and can’t do. Cascading Stylesheets, or CSS, is the language…
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…
October 8, 2013 in Learn
Popular Web Design Trends for Responsive Navigation
The process of creating a great responsive layout includes many factors. Fluid-width designs are similar, but not always built with mobile devices in mind. Any typical responsive web design is going to feature staple elements you’d expect to find in…
July 15, 2013 in Learn
Responsive Design Patterns
Responsive design has enjoyed several years of popularity now and design patterns that link mobile, tablet, and desktop experiences are starting to emerge. In this post, I’ll suggest some specific techniques and point out some further reading. What’s a design pattern?…
July 4, 2013 in Community
Designing in the Browser – An Interview with Brad Frost
Brad Frost is one of the thought leaders in regards to web design, responsive web design, and designing in the browser. In this episode of Treehouse Friends, we sat down with Brad to pick his brain on designing in the…
July 2, 2013 in Learn
Responsive Images and HTML5 Form Inputs – Treehouse Show Ep 46
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about Responsive Images and HTML5 Form Inputs. Here are the links for the week: Midway.js | Automatically center responsive elements! | A project by Shipp…
April 23, 2013 in Learn
Sidebar Menus and Icon Stacks | Treehouse Show Ep 36
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about Sidebar Menus and Icon Stacks. Also, Treehouse CEO Ryan Carson stops by for a less-than-normal interview with Mr. Seifer. Here are the links for…
April 17, 2013 in Learn
Customize an HTML5 Webpage using the Bootstrap Framework
Many web developers are familiar with Twitter Bootstrap and have seen this library on a number of projects. The Bootstrap core is fantastic when you need a CSS reset along with other common layout features. It may not be the…
March 7, 2013 in Learn
I Have No Idea What I'm Doing with Responsive Web Design
Over the past few months I’ve had the privilege of spending some quality time with some of the web’s most talented designers. Whether over Skype, on the Happy Monday podcast, or on the upcoming Treehouse Chat show, I’ve been listening…
February 20, 2013 in Learn
Create an Absolute Basic Mobile CSS Responsive Navigation Menu
In this tutorial we will go over the process in coding a very basic CSS responsive navigation menu. We will transform a basic non-list style navigation to a drop down menu using media queries in our stylesheet. There’s no need…
February 4, 2013 in Learn
An Expert Roundtable Discussion on Responsive Grids
While presenting information online is a design problem, the challenge of making it work is technical. Web designers use CSS frameworks to focus more on the former and worry less about the latter, just as grids — a staple of…
January 30, 2013 in Learn
Adapting Grids to a Fluid Medium
The trouble with the word “grid” begins and ends with edges. A page in a book, a broadsheet newspaper or the back of a napkin — regardless of format, print design can count on two known values: Width and height. But…