Group items tagged

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.

"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."

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

Very cool! If only the native android browser would recognize handheld styles!! haha Mobile browsers are worse than IE! haha

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

InfoWorld - One of the sly games that smart managers play is attaching their current project to a big, high-profile tar ball rolling down the hill, full of momentum. Now that HTML5 has become white hot after languishing for 10 years of relative disinterest, many ideas that began as cool enhancements for the Web are latching on to the bandwagon. They may be relatively independent projects, but because they involve JavaScript and HTML, they're now part of the HTML5 juggernaut.

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.

Mobile devices such as smartphones and tablets usually have a capacitive touch-sensitive screen to capture interactions made with the user's fingers. As the mobile web evolves to enable increasingly sophisticated applications, web developers need a way to handle these events. For example, nearly any fast-paced game requires the player to press multiple buttons at once, which, in the context of a touchscreen, implies multi-touch. Apple introduced their touch events API in iOS 2.0. Android has been catching up to this de-facto standard and closing the gap. Recently a W3C working group has come together to work on this touch events specification. In this article I'll dive into the touch events API provided by iOS and Android devices, explore what sorts of applications you can build, present some best practices, and cover useful techniques that make it easier to develop touch-enabled applications.