background preloader

Les microformats et microdata apportés par HTML5

Les microformats et microdata apportés par HTML5
Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations. Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Cet article a été rédigé par Geoffrey Crofte, intégrateur et designer web chez Alsacréations et pour son petit studio Creative Juiz. Également auteur de son propre blog Creative Juiz et de nombreux articles pour la communauté Alsacréations, Geoffrey apprécie les expérimentations sur CSS3 et nous les fait partager sur TryToTry, son laboratoire. Retrouvez Geoffrey sur Twitter : @geoffrey_crofte ou sur son portail perso. Présentation Rendu :

http://www.html5-css3.fr/html5/microformats-microdata-html5

Related:  HTML - CSS - PHPWeb creatifHTML

Système de Gestion-Affichage de Nouvelles PHP - Système de Gestion-Affichage de Nouvelles (Articles, Actualités... Première maquette web : comment faire ? Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier. Travaillez en bitmap à l’échelle 1:1. Jetez-moi les logiciels vectoriels (Flash, Illustrator) aux oubliettes ! Aucun outil n’est actuellement correctement adapté au graphisme web qu’il conviendrait donc de faire directement en langage CSS.

Logiciel SEO Soft : logiciel de référencement gratuit Google Suivez et améliorez vos positionnements et votre référencement Google. Simple, performant et gratuit (open source sous la licence GPL 3) SEO Soft est le logiciel de positionnement le plus utilisé depuis plus de 4 ans. Pour la plupart des sites internet, Google est la source de trafic la plus importante. Pour augmenter le nombre de vos visiteurs issus de Google, il est très important d'optimiser le référencement de ses mots clefs. Réaliser une galerie d'image facile avec Php et MySQL - Web Info Bazar Article lu 13 900 fois Bonjour à tous! Nous allons voir ici comment réaliser une galerie d’image avec Php et une base de donnée MySQL. Les images de la galerie seront cliquables et redirigeront vers une page contenant l’image concernée ainsi que les descriptions de celle ci.

Les meilleurs outils pour réaliser vos maquettes de pages web Dans mon boulot de conception d’interfaces, je suis régulièrement amené à réaliser des maquettes. Maquettes, prototypes, ergolayouts, mockups, wireframes,… de nombreux vocables existent pour désigner ce qu’on peut considérer comme du design fonctionnel (qui s’intéresse au découpage des contenus, à la taille et à la position des fonctionnalités,…) par opposition au design graphique (qui s’intéresse aux couleurs, aux effets graphiques, aux formes,…). Microsoft Visio reste un des classiques pour réaliser ce genre de tâches. Personnellement, il me déçoit. Je le trouve faible dans son rendu graphique, fermé dans son approche et incomplet en termes d’éléments d’interface.

94 Façons Faciles D’apprendre Le Référencement Si vous débutez en référencement ou si vous souhaitez approfondir vos connaissances sur le sujet ou suivre l’actualité du seo, je vous propose de découvrir 94 façons faciles d’apprendre le référencement, si peu que la langue de Shakespeare ne vous rebute pas. En effet, Koozai.com vient de publier une infographie présentant un ensemble de ressources excellentes sur le référencement : Les 28 gurus du référencement à suivre.Les 6 e-books indispensables sur le référencement.Les 18 termes seo essentiels à connaître et les documents pour les appréhender.Les 17 top blogs seo.Les 3 chaînes vidéos dédiées au référencement.Les 4 livres sur le référencement à avoir dans sa bibliothèque.Les 9 conférences seo à ne pas manquer.Les 9 recommandations d’utilisateurs Twitter. Si vous cliquez sur l’infographie ci-dessous, vous serez dirigé vers le document originel qui est 100% interactif. Vous n’aurez donc plus qu’à cliquer sur les ressources indiquées pour être amené vers les documents correspondants.

Pagination page par page Attention, depuis PHP 5.5.0, certaines extensions SQL sans doute utilisées dans ce tutoriel peuvent être obsolètes et seront supprimées dans le futur, vous devez donc adapter les codes! Exemples ici. Voici un petit bout de code près à l'utilisation, permettant d'effectuer une pagination et de choisir le nombre d'élément à afficher par page. La pagination peut se faire de 2 façons: Page par page (Page : 1-2-3-4-5) <<Page précédente - Page Suivante>> Cette option est à définir à la variable $navigation. Index des balises HTML Structure Sections Références

Related: