background preloader

HTML5

Facebook Twitter

The most advanced responsive front-end framework in the world. Pure. HTML5 Boilerplate: The web’s most popular front-end template. Color Theory And Color Palette Editors. Document Outlines. Updated 21/01/2014 by Dr.

Document Outlines

Steve Document outlines have changed a bit in HTML5. For a start, they’re actually in the spec (and have beenfor years – (2008). The HTML5 Doctor is here to explain what document outlines are, how to make good ones, and why you should care. What are document outlines? The document outline is the structure of a document, generated by the document’s headings, form titles, table titles, and any other appropriate landmarks to map out the document. Outlines in HTML4 # The Color Scheme Designer. Esquemas de color. Para todos los dispositivos. La regla @page en los medios paginados. Estar en una página y decidir imprimir un artículo y ver que entre sidebar, baners publicitarios, menús y otra basura te comen 4 páginas y que el contenido queda cortado dice mucho de esa página.

La regla @page en los medios paginados

Pero qué malo todo lo que dice. Y todo por no tomarse un momento para hacer que la impresión de su web se realice correctamente. Con Css se puede controlar también el qué y cómo se imprimen las webs. Para ello tiene todo un capítulo.

HTML5 - video

HTML5 Boilerplate: The web's most popular front-end template. Pro HTML5 Programming. HTML5 (San Francisco, CA) - Meetup. C HTML5 Logo. The Movement You're excited about HTML5; we are too.

C HTML5 Logo

You've not just been enjoying the HTML5-powered web already — you're building it! As adoption and inspiration spreads, the web community will find creative ways to apply HTML5 and related technologies, spark trends, and capture best practices. As momentum builds, we hope you bring this logo along for the ride and paint the world orange. HTML5 Rocks - A resource for open web HTML5 developers. Element Index.

<header> <h4><a href="#comment-2" rel="bookmark">Comment #2</a> by <a href=" Osborne</a></h4> <time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time> </header> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Element Index

Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki. The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them.

HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki

The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr. Looking for a guide to write your own polyfills? Developer Network. World Wide Web Consortium (W3C) Sponsored HTML5 articles and information. User Agent Man — A Blog about Client Side Web Technology. I am Zoltan "Du Lac" Hawryluk (and yes, Zoltan is my real name).

User Agent Man — A Blog about Client Side Web Technology

I am web developer born and raised in Toronto, Canada. I research new web technologies, especially the ones with the sexy overused acronyms, like HTML5 and CSS3. I am also the creator of several JavaScript libraries (cssSandpaper, html5Widgets, visibleIf), a few online tools (IE Transform Translator, CSS3 Matrix Construction Set) and other random things (CSS3 Font Converter). When I discover stuff, I post my findings here — partly because I want to share with the community, and partly because I forget things if I don't write them down.

More about me. Better Web Typography With font-weight, Autohinting and font-feature-settings After playing around with the technology for the past two years, I have done research on how to improve the look and legibility of @font-face type. Read the whole article » Optimización de motores de búsqueda (SEO) - Ayuda de Herramientas para webmasters de Google. SEO son las siglas en inglés de Search Engine Optimization (optimización en buscadores) o Search Engine Optimizer (optimizador de motores de búsqueda).

Optimización de motores de búsqueda (SEO) - Ayuda de Herramientas para webmasters de Google

Contratar a un SEO es una decisión muy importante que puede mejorar su sitio y ahorrarle tiempo, aunque también se arriesga a dañar su funcionamiento y reputación. Data-Vocabulary.org. Home - schema.org. Microformats. Accessible Rich Internet Applications (WAI-ARIA) 1.0. This version: Latest version: Previous version: Editors: James Craig, Apple Inc.

Accessible Rich Internet Applications (WAI-ARIA) 1.0

Accessible Rich Internet Applications (WAI-ARIA) 1.0. An element whose implicit native role semantics will not be mapped to the accessibility API. The intended use is when an element is used to change the look of the page but does not have all the functional, interactive, or structural relevance implied by the element type, or may be used to provide for an accessible fallback in older browsers that do not support WAI-ARIA.

Example use cases: An element whose content is completely presentational (like a spacer image, decorative graphic, or clearing element);An image that is in a container with the img role and where the full text alternative is available and is marked up with aria-labelledby and (if needed) aria-describedby;An element used as an additional markup "hook" for CSS; orA layout table and/or any of its associated rows, cells, etc. For example, according to an accessibility API, the following markup elements would appear to have identical role semantics (no role) and identical content. HTML5 Doctor, helping you implement HTML5 today.

Structured Data Testing Tool. Oomph - A Microformats Toolkit - Home.

GAMES

CANVAS. TOOLS. MOBILE. HTML5: The Missing Manual: O'Reilly - Safari Books Online. Subscriber Reviews.