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…
July 17, 2014 in Learn
Which Design Layout: Static, Liquid, Adaptive, or Responsive?
(Photo from Flickr user Will Scullin) When discussing a page layout, web designers will often use terms like fixed, static, liquid, adaptive, responsive, and a few others. If you’re a web designer, a web developer, or even a project stakeholder…
June 2, 2014 in Learn
The 2014 Guide to Responsive Web Design
(Image from Flickr user Davidd) Responsive web design has changed a lot over the last few years. Front end development teacher, Nick Pettit updates you on all that’s changed when it comes to making websites work on mobile devices. Responsive…
December 13, 2013 in Learn
Challenges & Solutions for Your Responsive Navigation
One of the 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. Debatably the most important element on the page,…
November 26, 2013 in Learn
Responsive HTML Emails, JavaScript Techniques, WebGL | Treehouse Show Episode 67
It’s Tuesday which means that the Treehouse Show is back! In episode 67 of The Treehouse Show, Nick and Jason (@jseifer) talk about responsive HTML email, fullscreen mobile apps, WebGL and much more. There’s also the usual round up of…
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…
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…
January 14, 2013 in Learn
Creating Responsive Websites with Photo Backgrounds
The trend of large photographic backgrounds has become very popular in recent years. The improvement of Internet connections has allowed more data transfer per second, which means images can load a lot quicker in real-time. There are also plenty of…
December 20, 2012 in Learn
Responsive Design of the Future with Flexbox
In CSS, float and clear serve for layout much the same way as the tables they replaced: As stand-ins that work well enough. But they’re still limited. One proposed solution is called the CSS Flexible Box Layout Module, commonly called…
December 14, 2012 in Learn
What’s the Difference Between Fixed, Fluid, Adaptive, and Responsive Web Design?
As a web designer, it’s important to embrace that your website is going to look different in various browsers and on different devices. Focus on making your website change layout to match the device that your visitors are viewing it…
December 3, 2012 in Learn
A Look at Responsive CSS Frameworks
CSS frameworks have gone responsive, squeezing content into a spectrum of desktop and mobile browsers with varying degrees of success. While any CSS solution for layout is preferable to nested tables, no single solution fits every website. But that hasn’t stopped…
October 10, 2012 in Learn
Creating a Responsive WordPress Theme with Bootstrap: A How-To Guide
In this tutorial, we will learn how to make our own responsive WordPress theme using Bootstrap. Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme. Check…