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…
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 MorePopular 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…
Read MoreResponsive 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….
Read MoreDesigning 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…
Read MoreResponsive 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! |…
Read MoreSidebar 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…
Read MoreCustomize 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…
Read MoreI 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…
Read MoreCreate 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…
Read MoreAn 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…
Read MoreAdapting 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:…
Read More