responsive design PHP Programmers Articles

Use Your ‘Head’ For a Better Way to Serve Images

Serving the right image to the right screen can be tricky. Developers need to account for not just screen size, but available bandwidth as well. A new solution solves the problem with just a few lines of code, provided of course that browser makers accept"

Mon, 14 May 2012 18:08:48 GMT | Tagged: responsive design


Responsive Web Design: What Not to Do

Sometimes you can learn a lot by looking at what you shouldn't do. Developer Brad Frost points out five things to avoid when building your next responsive website."

Mon, 30 Apr 2012 19:56:30 GMT | Tagged: responsive design


Google Embraces Responsive Design, Recommends You Do the Same

Responsive design gains another convert as Google's Webmaster blog offers up a new tutorial, walking beginners through the basics of using media queries to handle the web's wide variety of screens."

Tue, 01 May 2012 16:35:49 GMT | Tagged: responsive design


Microsoft Urges Developers to Embrace Touch-Friendly Web Design

Windows 8 isn't a final release just yet, but Microsoft wants to make sure web developers are getting their sites ready for Windows 8 tablets and the new Metro touchscreen interface."

Mon, 23 Apr 2012 18:46:06 GMT | Tagged: responsive design


Why Jakob Nielsen Is Wrong About Mobile Websites

Web usability guru Jakob Nielsen suggests developers should build separate websites for mobile devices. Here's why that's just plain wrong."

Fri, 13 Apr 2012 18:12:52 GMT | Tagged: responsive design


Build Responsive Websites Like Bruce Lee

Responsive design means building fluid websites that work everywhere. So why are you still using pixels in your media queries? There's a better way. To paraphrase Bruce Lee, make your site more like water."

Fri, 06 Apr 2012 16:36:48 GMT | Tagged: responsive design


The Web Needs to Get Ready for the High-Resolution Future

The new iPad is just the first in a coming tidal wave of high-resolution screens. Today we have hacks, but what the web needs are new standards and new tools to make sure developers are ready for the high-resolution future."

Fri, 23 Mar 2012 18:46:29 GMT | Tagged: responsive design


What the New iPad’s Retina Display Means for Web Developers

The high-res future will get a little closer this Friday when Apple ships its new iPad. Just as the advent of HD TVs required makeup artists to rethink their craft, the new iPad marks the beginning of a high-res web where developers will need to rethink h"

Wed, 14 Mar 2012 20:12:16 GMT | Tagged: responsive design


Adobe Shadow Simplifies Mobile Web Testing

Adobe Shadow is like synchronized swimming for websites. Shadow mirrors your website across dozens of mobile devices. You can then tweak, test and polish your site, watching as your changes happen in real-time, simultaneously across all the connected devi"

Wed, 07 Mar 2012 14:44:13 GMT | Tagged: responsive design


Building Responsive Websites: How to Handle Navigation Menus

Web design is going through a transition period as designers move from building fixed-width websites to fluid, responsive designs. Here are some ways your site's navigation can adapt to the multitude of screen sizes on today's web."

Tue, 28 Feb 2012 17:06:25 GMT | Tagged: responsive design


Building a Responsive, Future-Friendly Web for Everyone

Dozens of new web-enabled gadgets have landed at this year's CES, here's how to make sure your website will look good and work well on all of them."

Thu, 12 Jan 2012 17:11:23 GMT | Tagged: responsive design


How to Scale Embedded Media in Responsive Designs

In order to make responsive designs successfully adapt to any screen size, you need to properly scale not just headlines and text elements, but images and other media. We’ve already covered a number of solutions for images, but what about other elem"

Tue, 06 Dec 2011 18:06:51 GMT | Tagged: responsive design


Make Your Most Important Images Stay that Way With Responsive Images

If you’ve spent any time at all playing with responsive images (or adaptive images) you’ve probably noticed something about small screens — portrait-oriented images take on a much greater importance. The simple fact is that on the vertic"

Tue, 29 Nov 2011 15:32:21 GMT | Tagged: responsive design


Using Sass to Help Internet Explorer Handle ‘Mobile-First’ Designs

If you’ve embraced a mobile-first approach to responsive design, you’re probably building your CSS in layers. One common method is to start with a base layer of CSS that applies to all screen sizes — like font definitions, colors, etc &#"

Thu, 01 Dec 2011 16:01:16 GMT | Tagged: responsive design


‘WTF Mobile Web’ Tracks Terrible Mobile Web Design

Building great mobile websites is not easy, even some of the best in the business get it wrong. Now you can learn what not to do from a new website dedicated to calling out the worst of the so-called mobile web."

Fri, 18 Nov 2011 15:36:43 GMT | Tagged: responsive design


Slide Show Time: Building a Future-Friendly Web

Embedded above is an excellent presentation by Brad Frost. Below you can find a video that goes along with the slides. Frost’s slides and talk revolve around the idea that the web is changing too rapidly to claim we can create future-proof websites "

Tue, 04 Oct 2011 15:59:18 GMT | Tagged: responsive design


The Current State of Responsive Images

The BostonGlobe.com on mobile, tablet and laptop screens We’ve looked at several different ways to handle images in responsive web design, but new techniques keep popping up, many of them well worth exploring. Part of the reason there is no one ans"

Fri, 30 Sep 2011 16:43:27 GMT | Tagged: responsive design


The Boston Globe Embraces Responsive Design

Responsive design is no longer something confined to the portfolio websites of the designers and developers who pioneered the idea. Using CSS media queries to adapt a website’s layout to varying screen sizes is fast becoming a standard part of web d"

Tue, 13 Sep 2011 16:24:16 GMT | Tagged: responsive design


Build Faster Mobile Websites With ‘Adaptive Images’

Responsive design means your website can adapt to any screen size, but without some extra help your images might still clog up the mobile tubes."

Tue, 30 Aug 2011 15:45:34 GMT | Tagged: responsive design


Screenfly: The Easy Way to Test Responsive Web Designs

If you’ve embraced responsive web design — and we sincerely hope you have — you know that fluid layouts, helpful as they are, can be tricky. Combine them with @media queries to re-size and re-position elements on the fly and you’ll"

Mon, 25 Jul 2011 18:20:40 GMT | Tagged: responsive design


Take Responsive Design Beyond the (Fluid) Grid

We’ve given you a look at some best practices for responsive design, but beyond the nuts and bolts of @media queries and flexible grids, there is something more subtle, and more important, at work behind the moniker responsive design. Good design ha"

Thu, 16 Jun 2011 16:12:46 GMT | Tagged: responsive design


Tips, Tricks and Best Practices for Responsive Design

Unless you’ve been too busy wake boarding the Alps to notice, there’s a movement afoot amongst web designers — Responsive Design. Ethan Marcotte coined the term responsive design to describe the process of using liquid layouts and media "

Thu, 09 Jun 2011 16:00:08 GMT | Tagged: responsive design


Design Leads


PHP Programmers Valid HTML 4.0 Transitional Valid CSS!

Firefox Security Tool HTTPS Everywhere Hits 1.0

After a year of beta testing the Electronic Frontier Foundation’s HTTPS Everywhere Firefox add



Microsoft Uses the Web to Showcase New Windows ‘Metro’

Microsoft has launched a clever web-based demo of its new Windows Phone operating system. The new we



There’s Nostalgia in the Waters of Lake.js

Remember the days of Java applets, reflecting "lake" image effects and "under construction" banners?



10 Tips for a better eCommerce website

During the last years the number of new web shops has raised sky high. With the free open-source sho



CSS 3 Brings Iconic Mad Men Titles to Life on the Web

Web developer Anthony Calzadilla has recreated the opening title sequence of AMC’s Mad Men usi



Article Tags
PHP Programmers Articles
Browsers| Web Standards| CSS| HTML5| Web Basics| firefox| Programming| Web Services| Mobile| JavaScript| Web Development| Multimedia| Visual Design| chrome| Google| responsive design| This Week in Web| CSS 3| Opera| Social|
Friends:
Live Help Chat Software
Web Design Quote
Web Design