Penn Medicine Web Production Team

The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu.

The Web Developer extension adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, Mac OS X and Linux

(Cross-posted to the Enterprise blog ) As the dramatic growth of the mobile web changes the way people consume content, it’s becoming increasingly important for publishers to provide a good mobile experience. With this in mind, we just added automatic mobile rendering in Google Sites for iOS 3.0+ and Android 2.2+ devices, and a mobile version of the Google Sites lists.

On Monday, The Boston Globe released its new premium content mobile initiative dubbed BostonGlobe.com. That is not to be confused with Boston.com, its free flagship website. This unto itself is not all that interesting. Yet, the HTML5 development community is heaping praise on BostonGlobe.com primarily for how the sites renders across varying screen sizes, an innovation called responsive design.

When we think of , we naturally think of styles. Styles to control layout, color and typography. Even styles to progressively enhance our user experience. Lately, when I'm writing my CSS, I'm thinking about a different kind of style: the style I use to actually write my CSS ...

Mobitest - Free Mobile Web Performance Measurement Tool Mobitest is a free tool that was initially created for us at Blaze.io (an automated web performance optimization solution) to get a deeper understanding of how to improve our customer's mobile web performance.

A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.

The Google Chart API returns a chart image in response to a URL GET or POST request. The API can generate many kinds of charts, from pie or line charts to QR codes and formulas. All the information about the chart that you want, such as chart data, size, colors, and labels, are part of the URL. (For POST requests, it's a little different, but don't worry about that now).

There's a class of cross-browser layout issues, stemming from a fundamental inconsistency in the way that various browsers render HTML. In this article, [the author will] explain what those issues are, illustrate how they impact your pages, and show you a variety of approaches to solve the problem.

The focus of this specification is readability and ease of access. Unlike the full HTML specification, this "web developer edition" removes information that only browser vendors need know.

How much time a website takes to load is a very important factor which determines the success of a website to a large extent. If a website takes too much time to load, it is bound to lose a majority of visitors and potential customers. When it comes to search engine parameters, website speed is a crucial factor which determines the search engine ranking.

"The following are some tips for decreasing your web page loading times."

"CSS2 allows you to specify stylesheet for specific media type such as screen or print. Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different stylesheets."

"The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS. Tragically, it can also cause frustration and confusion if you don't fully understand how it works. Also, in the past, it's been linked to some pretty nasty browser bugs so it's normal to get nervous about using the float property in your CSS rule sets. Let's calm those nerves and ease that frustration."

A Visualization of how ready different parts of HTML5/CSS3 are for day to day use

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including various XML languages like SVG or XHTML). CSS is one of the core languages of the open web and has a standardized W3C specification. Developed in levels, CSS1 is now obsolete, CSS2.1 a recommendation and CSS3, now split into smaller modules, is progressing on the standard track. The first early drafts of CSS4 modules are being written.

Ever seen a website where you just want to touch everything? Tim Van Damme explains the techniques he used in the Gowalla redesign What do drop shadows, gradients, rounded corners, transformations and animations have in common? Yes, they're a recipe for the disaster we once called Web 2.0, and have since been taken behind the shed, but they're also a group of new tricks we can do with CSS. Not all browsers support them yet, but enough do to let us have some fun.

The bottom of a page is not the end of a website. An informative, compelling footer is the natural place to lead people to more information within the site rather than wandering aimlessly.