background preloader

HTML5 : 20 Conseils et astuces pour coder proprement ses pages

HTML5 : 20 Conseils et astuces pour coder proprement ses pages
Voici une liste de 20 astuces pour coder vos pages proprement en HTML5. Tous ces conseils, mis bout à bout, vous serviront à améliorer votre référencement, respecter certaines normes W3C ou encore optimiser la compatibilité. Efforcez-vous de suivre le plus rigoureusement ces règles en fonction de votre projet. 1. Le Doctype à subit un rajeunissement avec l’arrivé du HTML5. 2. Vous avez déjà du l’entendre, mais pensez toujours à bien fermer vos balises. 3. Il existe de nombreuses raisons pour qu’une page soit accessible à différentes adresses à la fois. 4. Bien qu’il existe d’autres solutions plus complète, vous pouvez néanmoins régler certain aspect du cache du navigateurs de vos visiteurs. Suivant votre cas, il peut être préférable de définir le cache. En revanche si, par exemple, votre site à accès régulièrement à des bases de données qui le maintiennent à jour le cache ne dois pas fonctionner. 5. 6. Le respect de la sémantique est primordiale pour un bon référencement naturel. 7. 8.

HTML5 se dévoile - Alsacréations Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ? Comme son nom l'indique, HTML 5 est le successeur de HTML 4. Le W3C c'est quoi déjà ? Le World Wide Web Consortium, abrégé W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Quelles sont les nouveautés ? <aside> Welcome! Les balises principales Doctype Le doctype est simplifié : Section Article Aside Nav

Outils indispensables pour HTML5 & CSS3 | bertrandkel bertrandkeller Les outils indispensables pour le HTML5 et le CSS3 06.09.10 / CSS + HTML / bertrand keller Un liste d’outils pour le développement HTML5 et CSS3. Articles similaires : S'abonner aux commentaires Commentaire | Trackback | Tags : javascript Navigation Temporelle Ajouter un commentaire XHTML : Vous pouvez utiliser ces tags: <a href="" title=""><abbr title=""><acronym title=""><b><blockquote cite=""><cite><code><del datetime=""><em><i><q cite=""><strike><strong> © Copyright 2009 bertrandkeller .

» 20 tutoriaux CSS3 pour vous préparer au futur du web Le web design évolue constamment, au grès des modes et des technologies. Les graphistes et designers doivent non seulement garder un oeil sur les nouvelles tendances mais aussi sur les dernières technologies comme jQuery, HTML5 et CSS3, qui permettent d’exprimer une plus grande créativité tout enrichissant l’expérience de l’utilisateur. Ces 20 tutoriaux CSS3 vous permettront d’apprendre à coder de superbes éléments web interactifs. Ajoutez ces sites à vos favoris, et prenez votre temps… N’hésitez pas à partagez de billet avec vos collègues / amis ! Ces 20 tutoriaux CSS3 ont été référencés sur web design ledger par Tomas Laurinavicius. Construisez rapidement une page annonce (teaser) en CSS3 Avec ce tutoriel, vous apprendrez à créer une page annonce en utilisant uniquement CSS. Créer un menu déroulant avec CSS3 Avec ce tutoriel relativement simple, vous apprendrez à coder un menu déroulant en CSS3 pour un résultat simple, propre et professionnel. Accordéon avec CSS3 Tableaux de prix en CSS3

2020 : Les métiers de la communication et du marketing dans dix ans du mois d'Août propose un dossier complet et très intéressant sur la France de 2020. Au programme, analyses et prédictions économiques, supputations sur les maladies que nous auront vaincu d'ici là, zoom sur la mutation des services publics (ça honnêtement ça fait rêver ! La Poste, la SNCF et la Police bardés de High Tech et tournés vers l'efficacité : de la Science-fiction !), les inventions qui bouleverseront notre quotidien et beaucoup d'autres aspects de la vie future sont abordés, avec pas mal de précision et d'optimisme. Une partie de ce dossier concerne les métiers qui auront la cote dans dix ans, et j'imagine que ça va intéresser certains d'entre vous... Pour vous mettre l'eau à la bouche, la partie communication / marketing commence ainsi : "Les pros du marketing Internet devraient trouver des emplois à la pelle". "Encore embryonnaire, ce drôle de métier va connaître un développement spectaculaire. NETERGONOME"Tous les sites d'e-commerce en France vont devoir en embaucher"

The Most Important CSS3 Properties Explained It's an exiting time for web designers. Major new browser releases are coming in very fast and with them massively extended support for CSS3. Especially Google Chrome leading the way and showing what's possible with today's technology. But more important than the parade of cutting edge properties is the fact that more and more CSS3 properties arise that have general support in all contemporary browsers. Below I will explain the most important of these. Border-Radius Probably the property with the highest level of awareness and maybe the synonym for CSS3 for some. The radius of the quarter circles that form the corners is equally set for all four edges. With the inclusion of a slash it is possible to set the horizontal (first value) and vertical (second value) radii for the rounding of the corners separately. Compatibility border-radius is supported in all modern browsers with only Firefox 3.6 needing the -moz- prefix. Further Reading Border-Image Further reading A violet with 50% opacity.

20 ressources CSS pour vos sites web Pour booster votre créativité et votre productivité, je vous propose une petite sélection de nouvelles ressources CSS à utiliser dans vos futurs projets. Effets de survols, animations, effets d’images, bref de quoi avoir du style ! Ces dernières semaines, en arpentant le web à la recherche d’inspiration, j’ai sélectionné quelques snippets CSS qui vont faire plaisir aux développeurs front-end et aux webdesigners. Plutôt que de présenter des expériences inédites (à venir dans un prochain article), je vais vraiment mettre l’accent sur des snippets qui vous permettront de gagner du temps et d’apprendre les dernières techniques CSS. Même si c’est plutôt rare pour un snippet gratuit, pensez toujours à vérifier s’il est libre d’utilisation avant de l’implémenter dans votre projet. Effets de survol Flat UI Effet lumineux avec CSS et SVG Un bien gros menu déroulant Une horloge murale en pur CSS Formulaire de commande en CSS UI d’une fiche Twitter Une simple barre de progression Modal box en CSS Bonus :

Des erreurs 404 originales Les pages web non trouvées, communément appelées « erreur 404« , ne sont pas forcément des pages bêtes, avec un message d’erreur sibyllin. Certains sites font l’effort de rendre leur page 404 originale, comme vous pourrez le voir dans la galerie ci-dessous. Je vous ai mis ma préférée juste à droite Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web Onfray : Les nouvelles technologies Conférence de Michel Serres © Inria / Photo J.-M. Ramès Publié le : 20/12/2007 Niveau facile Niveau 1 : Facile « Les nouvelles technologies nous ont condamnés à devenir intelligents ! Le 11 décembre 2007, à l’occasion des 40 ans de l’Inria, Michel Serres a donné une conférence sur la révolution culturelle et cognitive engendrée par les nouvelles technologies. Le philosophe donne rapidement le ton et invite son auditoire à prendre conscience de la révolution cognitive générée par la révolution de l’information. Voir la vidéo (1 h 04 min) : Alternative : écouter la conférence en MP3 : Newsletter Recevez chaque mois une sélection d'articles Aidez-nous à évaluer le niveau de lecture de ce document. Votre choix a été pris en compte. Michel Serres Philosophe et historien des sciences, académicien. Voir le profil

Guide d’autodéfense numérique Guide d’autodéfense numérique C'est Kibombo, un fidèle lecteur de Korben.info qui m'a fait découvrir ce document PDF baptisé "Guide d'autodéfense numérique". 196 pages de bons conseils et d'explications pour mieux comprendre l'ordinateur et l'informatique, en vue de protéger sa vie privée, ou simplement conserver la confidentialité de certaines données. Ce tome 1 aborde exclusivement tout ce qui est "offline" (Internet, toussa toussa , c'est pour le tome 2) et vous permettra d'assimiler au mieux les notions de malware, de cryptographie, de politique de sécurité, de savoir quelles sont vos traces laissées sur le disque dur, la mémoire vive ou encore les logs. Vous apprendrez aussi à vous servir des bons outils pour vous prémunir de tous ces risques et à établir une évaluation des risques en terme de sécurité. Vraiment terrible ! C'est formidablement bien écrit... Bref, si vous avez 5 minutes, je vous en recommande la lecture : [Source] Vous avez aimé cet article ?

Related: