https://www.html5rocks.com/en/
Related: HTML/CSS/JSIndex des balises HTML Structure Sections Références Cadres 21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). Ainsi, vous gagnerez du temps au démarrage de la conception du style CSS.
La stratégie de Starbucks sur Foursquare est elle à revoir ? J’utilise Foursquare tous les jours. De plus en plus, je constate que les notifications pour des promotions apparaissent lorsque je sors mon téléphone pour efectuer mon sacro-saint check-in quotidien. Oui mais voilà : je suis aussi réactif aux promotions sur Foursquare qu’aux feuillets de coupons qui traînent devant ma porte. Pourquoi ? Parce que 90% du temps, les seules promotions qui apparaissent sont celles de Starbuck et celles de Ben & Jerry. S02E01 : Responsive Web Design Vendredi 2 septembre 2011. 13h, le WDFR saison 2 débute, la foule est en délire. Pendant ce temps Francis explique comment vont se dérouler les sessions WDFR de cette nouvelle année “scolaire” et rappelle la marche à suivre pour participer au tweet-up (pour les nouveaux surtout, parce que nous on sait comment ça se danse :D). Cette saison, le WDFR c’est tout les premiers vendredi du mois. Qu’est-ce que le Responsive Web Design ? 13h05, interro surprise :
jQuery Mobile, pourquoi le tactile est-il toujours mobile ? L’équipe de jQuery vient d’annoncer un nouveau site entièrement dédié aux interfaces tactiles et mobiles : jQuery Mobile. Le but est bien sûr d’optimiser jQuery pour ces nouvelles plates-formes, mais ce n’est pas tout : une version mobile de jQuery UI est également prévue ! Et plutôt que d’adapter jQuery UI à ces nouvelles contraintes, le projet consiste dans un premier temps à réfléchir sur les évolutions possibles du framework, de manière à ce qu’il prenne nativement en compte ces nouvelles interfaces. Un des problèmes posés actuellement par jQuery UI est son système de gestion des thèmes graphiques, Theme Roller, qui est trop « simple » pour permettre de créer des interfaces complexes.
Kit CSS gratuit à télécharger La maquette du site que vous êtes en train de consulter fait largement appel aux CSS et propose une mise en page en « pseudo-frames » permettant de faire défiler le contenu tout en préservant des menus et un bandeau fixes. Cette mise en page particulière est gérée par plusieurs feuilles de styles conditionnelles qui rendent ce système compatible avec l’ensemble des navigateurs du marché. Elle comporte également des « présentations alternatives » (Changer l’apparence du site, dans le menu de gauche). Elle comporte enfin des menus « pop-up » offrant un accès facile aux nombreuses pages du site. Les kits que nous proposons en téléchargement sont destinés à faciliter l'application de certaines ou de l'ensemble de ces fonctionnalités sur votre site.
Timelines CSS - 7 astuces Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une navigation, telle est la raison d’être d’une timeline. Découvrez 7 astuces pour réaliser la votre en CSS. Une timeline en CSS permet de se dispenser d’une image, difficilement évolutive dans un site web dynamique. En débutant avec le CSS, il n’est pas toujours aisé de « coder » sa propre timeline. Quelles balises HTML utiliser ? Quelles déclarations CSS à privilégier ?
Rencontre avec danah boyd » Article » OWNI, Digital Journalism L'universitaire américaine nous livre ses réflexions autour de la génération Y, des pratiques des adolescents sur les réseaux sociaux et de l'importance de l'éducation et de la prévention pour bien préparer l'avenir. danah boyd travaille depuis maintenant un an et demi au Microsoft Research New England et s’est auparavant fait connaître grâce à ses études sur Friendster puis MySpace. Elle se spécialise sur la question des pratiques et usages des adolescents sur les réseaux sociaux et sur les questions liées à la confidentialité. Ses analyses ont déjà été régulièrement reprises sur OWNI. Retour d’expérience sur le responsive design Au-delà de notre satisfaction d'avoir sorti un site dont nous sommes particulièrement fiers, nous avons voulu partager notre retour d'expérience sur la refonte de notre site en responsive design. Refondre son site web est toujours un défi pour une agence web. Notre précédent site fêtant son 3ème anniversaire, il n’était plus très en phase, ni avec notre discours, ni avec nos méthodologies et commençait à être technologiquement obsolète.
Le futur “hybride” des médias - Transnets - Blog LeMonde.fr Le Media Technology Summit organisé par l'école de journalisme de l'Université de Californie-Berkeley dans les locaux de Google s'est révélé être une super conférence (liens utiles en fin de billet). Malgré la crise économique et les problèmes structurels des médias on assiste à un foisonnement de recherches, d'expérimentations et de réflexions qui permettent d'entrevoir un futur plus engageant qu'on ne pourrait croire. Il se situe sans doute sous le signe de l'hybridité, la meilleure réponse en temps de transition puisqu'elle permet de chercher dans plusieurs directions à la fois. Elle se manifeste au moins dans trois domaines: articles (stories), modèles d'affaires et production de nouvelles. L'utilisation des données comme partie intégrante du journalisme montre le bout de son nez. Nous en avons eu une brillante démonstration avec le projet OpenCalais .
Galeries CSS, télécharger des thèmes libres de droits Pour qu'un site soit lu il vaut mieux privilégier le contenu au design, cela ne fait aucun doute. En revanche un design bancal, un contraste trop faible, peuvent nuire à la clarté de l'information et de ce fait faire fuir les visiteurs. Voici donc une sélection de quelques sites où vous pouvez télécharger des thèmes (design ou templates en anglais) librement. Comment optimiser ses pages web pour améliorer son référencement naturel Offrir un contenu de qualité qui répond aux attentes du public visé et optimiser la page en tenant compte de l’utilisateur et des critères des moteurs de recherche, tels sont les 2 piliers de base pour améliorer son référencement naturel. Mais comment optimiser ses pages web ? Sommaire de cette page : Le contenu Comprenez par contenu le texte éditable, les images et vidéos destinés à l’internaute. Pour avoir une chance d’être positionné sur les pages de résultats des moteurs, le contenu doit pouvoir être indexé et compris par les robots.
DeepPeep, le moteur qui trouve les moteurs du web invisible Outils Recherche Web Divers - Outils Web Invisible Deeppeep est à ma connaissance un service unique en son genre. Il s'agit d'un moteur de recherche qui permet de trouver des bases de données en ligne thématiques. Plus spécifiquement, il trouve des pages disposant de formulaires de recherche et vous permet de les interroger. En cela il peut être considéré comme un outil au service de l'exploration du web invisible. Mettons par exemple que vous vous intéressiez au "knowledge management".