Dreamweaver gratuit

A free HTML5 Wordpress Theme - Download and try it now !

17 novembre 2009 | Posté par caroder à 19:56

Dreamweaver Gratuit is proud to announce its first Wordpress theme, FreeDream, a HTML5 theme using some CSS3 properties. FreeDream is simple, clean and elegant, a design I made for my blog's readers.

This theme utilizes two columns, 960 pixels wide layout, one sidebar, widget ready.

Some highlights:

• HTML5 markup. It uses the HTML5 markup and the design is fine in every current browsers, including IE6.
• A specific 404 page. The 404 template of this theme provides your readers with a list of recent articles.
• Archives template. An archives template that supports categories, tags and monthly views.
• CSS3. All the rounded corner in this theme are displayed with de border radius property. But the design is perfectly fine with IE.
• Twitter. This theme allows you to provide your Twitter.

Feel free to use as you please, I just would be really grateful if you keep the Dreamweaver Gratuit link at the bottom. Thanks and enjoy.

Download FreeDream

*****************************************************

Pour mes lecteurs français :

je vous propose ici de télécharger ci-dessus mon 1er thème Wordpress gratuit qui utilise HTML5 et quelques propriétés CSS3. Le design de ce thème fonctionne parfaitement sur les navigateurs les plus anciens tels que IE6 sans en altérer fondamentalement le design.

Galerie HTML5

01 octobre 2009 | Posté par caroder à 20:33

Depuis quelques semaines plus de six mois un nouveau genre de galerie a vu le jour sur la toile. Celle-ci ne regroupe que des sites utilisant HTML5. Un bon moyen d'apprendre par l'exemple ou de se faire référencer assez facilement dans une galerie et de s'attirer des visiteurs... En ce moment, plus de 2 nouveaux sites par jour.

Pour visiter ce site : http://html5gallery.com/

Vidéo : introduction à HTML5 par Google

28 septembre 2009 | Posté par caroder à 20:44

A ne surtout pas manquer ! L'équipe Google a mis en ligne il y a une semaine une excellente et efficace présentation de certaines fonctionnalités HTML5 représentées au sein de l"évolution des techniques web de ces 10 dernières années.

Cette vidéo comprend 5 parties :

• Les graphiques vectoriels (canvas et SVG = scalable vector graphics y compris les cas dans lesquels les utiliser)
• L'API de géolocalisation
• La vidéo dans HTML5
• Les bases de données et l'utilisation raisonnée du cache avec HTML5
• Les web workers (exécution multi thread de javascript permettant au navigateur de fonctionner quand bien même il execute un script)

Bref une démonstration brillante qui ravira mes lecteurs anglophones et assez geeks pour apprécier les évolutions qui se préparent dans les toutes prochaines années. Non développeurs s'abstenir !

La projection de cette vidéo m'a donné à penser que d'ici à une vingtaine d'années le web sera un gigantesque Second Life... Bref la matrice n'est plus très loin !

Vous pouvez visionner cette vidéo ci-dessous ou plus confortablement ici : http://www.youtube.com/watch?v=siOHh0uzcuY

Tous les tags HTML5 en une page

| Posté par caroder à 09:13

Antonio Lupetti propose une "cheat sheet" comportant tous les tags HTML y compris les tags HTML5. Celle-ci est proposée en format A3, à afficher sur le mur en face de votre écran donc !

Les nouveaux tags HTML5 apparaissent en fushia sur la page qui est téléchargeable au format PDF.

Une dernière petite chose : je ne vous conseille pas la version noir au blanc de cette affiche et vous recommande la version normale disponible en bas de la page en lien ci-dessous :-)

http://woork.blogspot.com/2009/09/html-5-visual-cheat-sheet-by-woork.html

HTML5 : Google s'y met déjà !

02 septembre 2009 | Posté par caroder à 08:54

Si vous vous intéressez au référencement, vous avez peut-être entendu parler du buzz du moment : Google Caffeine.

Il ne s'agit pas d'un nouveau service Google qui vous proposerait de vous faire le café mais de la version Beta du prochain algorithme de Google (Caffeine pour une rapidité plus grande ?). Côté utilisateur, pas de révolution d'ergonomie donc mais plutôt une petite révolution pour les référenceurs de tous poils. En effet, le nombre de résultats par requête y augmente sensiblement ainsi que le poids de mots de la requête vs leur proximité (semble-t-il selon les spécialistes !).

Mais ce n'est pas cela qui m'intéresse ici. C'est plutôt les prémices de l'utilisation de HTML 5. IL suffit de regarder par exemple la première ligne de code :

Eh oui, vous ne rêvez pas ! La déclaration du doctype est à la sauce HTML5. Je le disais lors de mon tutorial HTML5 et CSS3 et mon analyse des déclarations d'Adobe, il n'est à pas douter que Google va exploiter au maximum les informations données par le zonage pour déterminer le poids de chaque mot clé !

Tutorial html5 et css3

19 août 2009 | Posté par caroder à 09:05

Vous allez commencer prochainement le design d'un site (plus exactement dans le tutorial d'aujourd'hui, un blog Wordpress) et vous voulez déjà être prêt pour html5 et utiliser les propriétés les plus intéressantes de CSS3. Vous êtes par nature un early adopter. Enfin, vous n'êtes pas un ayatollah de la compatibilité. Ne passez donc pas votre chemin, vous avez trouvé le tutorial qu'il vous faut !! :-)

Si vous souhaitez utiliser dès maintenant ces fameuses balises html5 et explorer de nouvelles possibilités graphiques avec les CSS3, voici ce que vous allez apprendre à faire :

1. permettre au navigateur d'interpréter les balises HTML 5.
2. Utilisez les balises html5 pour le zonage de la page
   1. <header> pour le header de la page mais aussi pour celui d'un article
   2. <footer> pour le footer de la page mais aussi pour celui d'un article
   3. <hgroup> pour regrouper les différents niveaux de titre dans votre header de page
   4. <article> pour délimiter le contenu de la page
   5. <section> pour indiquer les différentes parties de votre article
   6. <aside> pour indiquer des références en compléments de votre article
   7. <nav> pour baliser les éléments de navigation
   8. <time> pour donner une date de parution
3. Essayez de nouvelles possibilités graphiques avec les CSS3 :
   1. Générer des blocs à coins arrondis via border-radius
   2. Créer des ombres à du texte via text-shadow
   3. Créer un imprimé type bayadère sur une bordure en CSS via border-left-colors
   4. Créer un effet de dégradé sur le fond de page (aucune image utilisée) via box-shadow
   5. Jouer les effets de transparence sur les images via opacity

Le design de ce tutorial HTML5 et CSS3 pour blog Wordpress est réalisée entièrement sans images (sauf illustrations en provenance de Flickr) , uniquement avec de la typographie et les possibilités graphiques de CSS3.

Pour apprendre à faire tout ceci, cliquez sur le lien suivant (le design ne s'affichera correctement qu'avec les navigateurs énumérés ci-dessus) et affichez le code source de la page: tout y est commenté pour votre apprentissage.

Fichier de la page HTML5 et CSS3

HTML5, Adobe et Dreamweaver

23 juillet 2009 | Posté par caroder à 10:12

Le W3C a annoncé l'arrivée de HTML5 depuis près de deux semaines et promet des avancées notables dans la gestion de nos pages avec notamment des balises qui seront fort utiles pour les référenceurs (car ont voir déjà tout l'intérêt que les moteurs de recherche auront à les prendre en compte pour la construction de leurs index). Pour tous ceux qui travaillent leur site pour le référencement, il y aura intérêt à être early adopter. Deux articles sur HTML5 et assez complets sont parus récemment :

http://www.siteduzero.com/news-62-33098-p1-le-w3c-abandonne-xhtml-2-au-profit-du-html-5.html

http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html

Comme vous pouvez le constater, des sites de références...

Pour résumé rapidement ces articles, une des principales avancées de HTML5 va être l'explicitation de la structure de nombreux site avec la création de balises dédiées au nommage des zones des pages web : <header>, <article>,<aside>,<footer>,<nav>, <videos>, etc. On comprend dès lors comment Google et consorts vont exploiter ces nouvelles balises pour analyser la pertinence des liens suivant leur positionnement dans la page.

La mauvaise nouvelle pour nous, utilisateurs de Dreamweaver, c'est la déclaration faite par Shantanu Narayen, le PDG (CEO) d'Adobe qui dit attendre la standardisation de l’HTLM 5 pas avant 10 ans : “I think the challenge for HTML 5 will continue to be how do you get a consistent display of HTML 5 across browsers. And when you think about when the rollout plans that are currently being talked about, they feel like it might be a decade before HTML 5 sees standardization across the number of browsers that are going to be out there.” (Je pense que le défi pour le HTML 5 va consister à résoudre le problème d'un affichage correct de HTML 5 dans tous les navigateurs. Et quand on pense aux plans de déploiement dont on parle actuellement, on peut imaginer qu'il y aura peut-être une décennie avant que HTML 5 devienne un standard pour les navigateurs).

Est-ce à dire qu'Adobe ne nous proposera pas les balises HTML5 dans Dreamweaver avant 10 ans ???!!!