background preloader

Can I use... Support tables for HTML5, CSS3, etc

Can I use... Support tables for HTML5, CSS3, etc
# CSS inline-block - Recommendation Method of displaying an element as a block while flowing it with text. Only supported in IE6 and IE7 on elements with a display of "inline" by default. Alternative properties are available to provide complete cross-browser support. No known issues


Browser Sandbox - The Browser Sandbox makes cross-browser testing and backwards compatibility easy. Just click Run for any browser to launch it instantly. Browsers run within an isolated virtual environment, eliminating the need for installs and allowing legacy browsers such as Internet Explorer 6 to run on Windows 7 and 8. Virtualized browsers behave exactly like installed browsers. Free CSS Drop-Down Menu Framework - LWIS.NET Description Free CSS Drop-Down Menu Framework was first released back in June, 2008. Since then it has struck the audiences with its perfect cross browser performance and wide variety of drop-down menu transformations and themes.

Make SVG Responsive Cet article est également disponible en français For an image format that features infinite scalability, SVG can be a surprisingly difficult format to make responsive: vector images do not adjust themselves to the size of the viewport by default. Make A Responsive SVG Image As an image, you can make a SVG vector illustration scale with the page content as you would any other: While this works in many cases, sometimes it isn’t enough, especially if you’re trying to embed the SVG illustration via an <object> tag or entering the code directly into the page. In that case, simply modifying the width and height of the element won’t work.

10 online tools to simplify HTML5 coding HTML5 is definitely going to revolutionize the way we create website and web apps. In this article, I have compiled 10 awesome tools to simplify and enhance your HTML5 coding. Initializr Five simple steps to designing grid systems - Part 5 – September 19th, 2005 – It’s been a while, but this is the final part in my series ‘Five Simple Steps to designing Grid Systems’. Flexible vs Fixed. Which one to choose?

Ingrid – a fluid CSS layout system Hello, my name is Ingrid Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts. Ingrid is also meant to be an extendable system, easy to customize to your own needs. Create A Responsive Imagemap With SVG While traditional imagemaps remain a very effective UI pattern for certain sites – especially those that need a visitor to enter a geographical location, or used in navigation that has a particularly strong visual theme – they bring with them two significant disadvantages that make them ill-suited for modern web development: Imagemap hotspots can take a long time to plot out, and are difficult to modify once created. Traditional imagemaps cannot be made responsive; while the image can be rescaled, the imagemap coordinates will not, meaning that hotspots will drift out of registration with the underlying image as the picture is resized. I’ve shown how to recreate simple imagemaps with SVG shapes, but that version did not incorporate bitmaps. As we’ll see, it’s entirely possible to integrate the two formats together. SVG is generally understood as its acronym: Scalable Vector Graphics.

The Definitive Guide To HTML5: 14 Predictions For 2012 Editor’s note: Guest contributor Ben Savage is the founder of, a native Javascript and HTML5 platform for mobile game developers. From tech titans like Zynga, Facebook, Microsoft, Google and Apple, to startups just launching, the battle lines of 2012 will be drawn across the landscape of HTML5. Below are 14 bold predictions for how HTML5 will evolve in 2012. Welcome to a more interconnected web: In 2012, HTML5 will be adding support for some really useful and cool APIs that allow one website to connect to another. For example, Zynga games on Facebook run inside of iframes.

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects.

jQuery Circulate Prereqs Requires the jQuery Library as well as the Easing plugin. Usage / Options / Defaults Stopping a loop $("#anything").circulate("Stop");

Related:  HTML5 and CSS3Web Design & archihtml5/css3CSS3HTML5/CSS3HTMLTeChWebdevCodeHTML5/CSS3développement web