HTML5 & CSS3

TwitterFacebook
Get flash to fully experience Pearltrees
OWMX-1 is a classical, light-weight two-column blog template made purely with HTML5 & CSS3.

Free Download of CSS3 & HTML5 Web Templates

http://owmx.com/templates/

Une feuille de styles de base pour le Web mobile - Alsacreations

http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d’horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Pour vous faciliter la tâche, voici ci-dessous une feuille de style dédiée au média mobile qui condense diverses bonnes pratiques et astuces. Ces règles peuvent être externalisées dans un fichier CSS séparé, ou incluses directement au sein du document de styles global, déclarées à l’aide d'une règle media query de type @media (max-width: 640px) {...} .
http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site Analyze Your Audience Before you dive into improving your site from a mobile perspective, it’s a good idea to check out how much of your traffic is actually coming from mobile devices. Using Google Analytics or something similar, take a quick peek at the browser breakdown just to familiarize yourself with this number. Then you can make an educated decision on how far to go with your mobile accommodation.

Quick Tips for Creating a Mobile Optimized Site | Design Shack

La spécification CSS3 Media Queries du W3C définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour des pages HTML. http://www.alsacreations.com/article/lire/930-css3-media-queries.html

Les Media Queries CSS3 - Alsacreations

Step 2: HTML Markup We’ll work with a very basic setup: a header and the container for our images. The thumbnails will be grouped in sets of three rows, each will contain a link, referencing the full size image.

How to Create an Infinite Scrolling Web Gallery | Nettuts+

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-infinite-scroll-web-gallery/

Top 50 Web Graphics, Admin Skins and Scripts to Accelerate Development | Nettuts+

Advanced and easy to use administration theme which comes in 7 different colour variations. The theme is liquid, which means the width of the content area adapts to your browsers window size. Admintasia is a complete backend administration user interface that has the flexibility to house any kind of application. http://net.tutsplus.com/articles/web-roundups/top-50-web-graphics-admin-skins-and-scripts-to-accelerate-development/
http://960.gs/ Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub .

960 Grid System

Squelettor (générateur de squelettes (X)HTML) - Alsacreations

N’hésitez pas à prendre le temps de lire les explications associées à chaque paramètre en sélectionnant l’icône http://www.alsacreations.com/page/squelettor/

Tous les gabarits — Gabarits HTML-CSS

http://www.alsacreations.com/static/gabarits/liste.html Vous pouvez utiliser ces gabarits comme base de vos mises en pages , ou tout simplement étudier leur construction pour progresser en HTML et CSS.

Exploiter n'importe quelle police dans vos pages HTML avec FLIR - Alsacreations

http://www.alsacreations.com/tuto/lire/1043-polices-exotiques-avec-flir-et-php.html Avant de vous jeter les yeux fermés dans l'éxecution de ce tutoriel, sachez que désormais CSS offre la possibilité - beaucoup plus souple et accessible - d'inclure une police "exotique" dans une page web grâce à la propriété @font-face .
Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités.

Osez HTML5 et CSS3 ! - Alsacreations