»dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.«

»Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.«

»This HTML Bundle and my CSS Bundle should significantly streamline your front end development workflow.«

Very interesting technique for centering blocks vertically by using pseudo elements.

»VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css).«

»JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks - it helps with testing compatibility.«

»This AppleScript does exactly what it says, which is allow you to view source from Safari in TextMate. Since it uses a temporary file to store the page source, TextMate won’t ask if you’d like to save when you close the window. And since it tries to guess the correct filename extension to use, the correct syntax highlighter should be chosen automatically.«

»It's a single-song HTML5 Audio Player, powered by jPlayer, styled and mostly animated with CSS3. […] Warning: This Audio Player is just a demo. It works more or less in Firefox4, Chrome, Safari, Opera, but there are some differences in the visuals.«

»mbrUI is a demo of HTML input elements made with CSS3. So far they include a range slider, checkbox and radio button. […] The sad part, so far only Safari can render it correctly. Chrome looks ok but without the 3D perspective. I haven’t tried the rest of the browsers. I guess for now, using images is still far easier and gives you less headaches. I also tried to add animations, but unfortunately they don’t work on :before/:after pseudo classes and on the range slider, they don’t even exist. Also trying to animate gradients, box-shadows, text-shadows, borders is still really buggy.«

»When a link includes a hash […] the browser window will scroll itself (instantly) into such a position where the element with the ID of "section-two" is visible. It scrolls to the minimum possible position to make that element wholly visible. This is typically a matter of scrolling the window down, but do note that if any scrollable parent container were to require horizontal scrolling to make the element visible, the browser will do that as well. I think of this as "headbutting" the browser as the element is flush with the top edge of the browser window.«

»I have a “blank” WordPress theme for myself, because I make a lot of WordPress themes. […] It is a WordPress theme with all the functionality of a typical WordPress theme but almost none of the styling. The idea is that when starting a new theme, it is far easier to use this as a base then a theme that is already finished and styled.«

»File inputs are notorious for being a pain to style across all browsers. […] I was challenged to come up with a way to make that button similar across all browsers. What followed was some CSS trickery and a bit of jQuery to make the input a little more functional.«

»The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and coding options such as events so that you can build interactive, well-designed canvas-based web apps.«

»A HTML DOM parser written in PHP5+ let you manipulate HTML in a very easy way! Requires PHP 5+. Supports invalid HTML. Find tags on an HTML page with selectors just like jQuery. Extract contents from HTML in a single line.«

»Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements.«

»Welcome to PLACEHOLD.IT – A quick and simple image placeholder service. How does it work? Just put your image size after our URL and you'll get a placeholder.«

»A simple PHP HTML DOM parser written in PHP5+, supports invalid HTML, and provides a very easy way to handle HTML elements.«

»Adobe is pleased to announce the availability of the Adobe® Illustrator® CS5 HTML5 Pack (see related press release). This add-on for Illustrator CS5 15.0.1 provides initial support for HTML5 and CSS3, extends SVG capability in Illustrator CS5, and helps you easily design web and device content.«

»Making-of Video for my HTML5 game "Biolab Disaster"«

»The game you (hopefully) see above is not done in Flash. It's pure HTML5 and Javascript. You don't need any Plugin to play, just a good Browser.«

»jQuery.html5form – HTML5 validates forms without additional JavaScript. Currently only Safari & Google Chrome supports this functionality. This plugin gets the same result in Firefox & Internet Explorer. With a single line of code...«

»HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.
After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.«

Cameron Moll: »Building on the work of Eric Meyer, Ethan Marcotte, and others, this reset package by Monkey Do is more than just a single style sheet. It includes an HTML5 document with rudimentary structure, CSS placeholder files, and a suggested folder structure.«

»I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right.«

»Today it occurred to me that, after a little over ten years of basic fluency in HTML, I have absolutely no idea why the href attribute is named “href”. Why not “url”, “link”, or even just “ref”?«

»Html2ps (also known as Html2pdf) is a free PHP tool wich allows users to create their own PDF files from a complete designed html page. The different between this version and the one from Kalileo (http://bakery.cakephp.org/articles/view/creating-pdf-files-with-cakephp-and-tcpdf) is that this Html2pdf allows complete websites including all css files, images, tables, divs, etc.«

»these demos are showing of CSS transitions, transforms (2D and 3D) and animations. Currently (May 2010), transitions and 2D transforms are available in all current browsers (at least in a dev build) apart from Internet Explorer, 3D transforms and animations are only in Safari.«

»The iPad has made choosing a good viewport tag for your site more challenging. You now need to specify something that looks good with your content for screens that are 320px, 480px, 768px, and 1024px wide.«

»Now, in 2009, IE6 has become the source of our frustrations — and for certain sites, giving it an unstyled, naked view is exactly what I want to do. Alpha-channel PNGs, min-width, max-width, rendering bugs galore — there are plenty of sites I’ve designed and maintain where the IE6 stats are low enough to drop the axe and move on. Now is the time!«

»This article will attempt to provide an exhaustive, easy-to-use reference for developers desiring to know the differences in CSS support for IE6, IE7 and IE8.«

»Doctype is a free question and answer site for web designers. You can ask questions about CSS, HTML, web design and email design. Everything is editable, just like a wiki. This means answers are accurate, neat and up-to-date.«

»PHP Markdown is a port to PHP of the Markdown program written by John Gruber. “Markdown” is two things: a plain text markup syntax, and a software tool that converts the plain text markup to HTML for publishing on the web. The Markdown syntax allows you to write text naturally and format it without using HTML tags. More importantly: in Markdown format, your text stays enjoyable to read for a human being, and this is true enough that it makes a Markdown document publishable as-is, as plain text.«

…

»(X)HTML5 validation. RELAX NG validation—XML syntax and Compact Syntax. Schematron 1.5 validation (standalone schemas only—ISO Schematron or Schematron embedded in RELAX NG are not supported). NVDL-driven validation. XML 1.0 and HTML5 parsing. Bring your own schemas or use easy presets. RESTful Web service API.«

»This documentation on maintenance and maintainability means a start. I’ve been focusing a lot on these topics over the last few weeks, maybe a bit longer, so it’s been about time to share some beef, and to still, all of a sudden, double the documentation that’s out there.«

…

»Validator S.A.C. (Stand Alone Complex) is a stand-alone, easy to install, version of the W3C's HTML / XHTML Markup Validator for Mac OS X. Validator S.A.C. is a normal Mac OS X application.«

»Firefox has a number of core CSS files that it uses to render web pages. Most of them are filled with sensible default values for all those pages out there which don’t provide their own styling. […] There is, however, one that you can mess with that’s not going to do you any harm can be good fun. That is Firefox’s viewsource.css.«

»Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).«

A collection of cheat sheets on a veriety of programming and web development topics like regular expressions, mod_rewrite, PHP, CSS, HTML and microformats.

»The HTML entity lookup is also available as a Dashboard widget. The widget works in the same way the web version does, and does not require an Internet connection to function.«

»ENTITi ist ein kleines Toll zum schnellen Finden von HTML Entitäten und der entsprechenden Unicode Beschreibung.«

»SWFObject is a small Javascript file used for embedding Macromedia Flash content.«