CSS 4 DesignDans : Création de sites CSS |
||
Développement internet, ergonomie et référencement.css4design.com | Le blogzine du designer web
Le blogzine du designer web : graphisme, mise en pages, ergonomie, langages du web (HTML, CSS, un peu de Javascript et de PHP), Photoshop, Illustrator et WordPress. Sans oublier les aspects marketing : monétisation, mesure d'audience.
Dans WordPress, les marqueurs de modèle (tags) permettent de personnaliser le contexte en affichant le titre de l’article, l’auteur, la date de publication, la catégorie, les tags, les descriptions, etc. Toutefois, l’intégrateur WordPres...
Envie de mettre les nouveautés HTML5 et CSS3 à contribution lors du redesign de votre site, mais un peu inquiet quand même sur la compatibilité de ces nouveaux jouets avec les nombreux navigateurs qui se battent pour occuper toute la RAM de votre poste de...
Voici quelques propositions de logo que j’ai soumis fin 2005 ? début 2006 dans le cadre des concours organisés par le site Worth1000. Ce site rassemble des communautés où des artistes du monde entier participent tous les jours à des compétitions cr...
La périodicité du blog est devenue irrégulomadaire à tendance bimensuelle? Malgré tout, je tiens à partager avec vous les fruits de la veille. Dans le panier : des trucs sympas et pratiques pour WordPress ; un plugin pour splitter du contenu avec jQu...
La France est un beau pays où le corporatisme parvient à se glisser un peu partout. Il ne se passe pas une semaine sans que les blogueurs soient remis plus ou moins gentiment « à leur place » par des journalistes qui sentent bien que l...
Les langages du web HTML et CSS sont généralement structurés autour de concepts qui ont peu à voir avec la manière dont ils seront utilisés. Ce qui est normal après tout : les concepteurs ne sont généralement pas les auteurs. Il appartient à ces derniers ...
Dans ce petit journal du web, je vous propose quelques liens qui ont retenu mon attention ces dernières semaines. Du côté de WordPress : optimisation de la base de données, des images, du cache, du nombre de requêtes dans les templates ; quelques diaposit...
Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuer...
Si vous avez hâte de voir à quoi ressemble WordPress 3.3 pour découvrir les nouveautés concoctées par l’équipe qui développe notre CMS préféré, voici ma petite craduction de l’article WordPress 3.3: The 11 Most Important New Features paru sur ...
Un Polyfill est un script qui permet d’émuler les fonctionnalités qui manquent à un navigateur. HTML5 est constitué de nombreuses API dont certaines ne sont pas prises en charge par tous les navigateurs, y compris les plus récents. Pour les utiliser...
Dans WordPress, de nombreuses classes CSS sont impliquées dans la gestion des images. Plusieurs options sont disponibles depuis l’interface des médias, chacune ajoutant une classe CSS dans les éléments HTML img ou div (si une légende est spécifiée)....
Un jour férié pluvieux est toujours une excellente occasion pour passer la journée allongé sur le canapé à lire un bon livre. Après Stratégie de contenu web, c’est au tour du livre Responsive Web Design de passer sur le grill. Ce livre écrit par Eth...
Après HTML5 pour les web designers et CSS3 pour les web designers, le troisième opus de la collection A Book Apart Stratégie de contenu web écrit par Erin Kissane et préfacé par Muriel Vandermeulen est consacré à la nouvelle redécouverte du web : le conte...
Les grilles de mise en page et les frameworks CSS qui les accompagnent sont bien jolis mais pas toujours adaptés à la modernité du Web composée d’agents utilisateurs aussi nombreux que différents. Une grille modulaire devrait faire face à toutes les...
Le dernier Petit journal du web paru sur CSS & Webdesign remonte à loin. Pour me faire pardonner, voici les meilleurs liens sur lesquels j’ai trébuché au mois de septembre. Au menu : thème WordPress pour démarrer vos projets de site web ; tutori...
Voici le 7ème article de la série WordPress de A à Z qui a débuté le 18/03/2011 avec «Créer son site web avec WordPress de A à Z? avec le Codex». «F comme Functions» propose un aperçu des fonctions disponibles dans le fichier functions.php situé à la raci...
Je commençais à m’endormir sur la version 0.2.5 de mon thème WordPress ? Basics quand la version 2 de HTML5 Boilerplate a fait son apparition au beau milieu du mois d’août. Cette nouvelle version de HTML5 Boilerplate apporte de nombreux change...
Je viens de terminer le livre HTML5 — De la page web à l’application web écrit par Jean-Pierre Vincent et Jonathan Verrecchia, préfacé par Paul Irish et publié au éditions Dunod. Ce livre est destiné en premier lieu aux personnes qui utilisent...
Au détour d’un tweet qui parlait de Logiciel Libre, j’ai laissé mon crayon dessiner librement sur mon carnet. En rentrant, j’ai dégainé Illustrator pour fixer mes idées. Ce travail de recherche créatif est un projet personnel devenu coll...
Ah ! les symboles… Que celui ou celle qui n’a jamais galéré pour retrouver ce satané symbole caché dans les circonvolutions de son clavier me jette la première touche ! Useful Shortcuts est un site dont l’objectif est de répertorier et d...
J’ai eu quelques occasions de répondre à des demandes d’interview de la part d’acteurs de la blogosphère sur les sujets liés au graphisme, au webdesign, et sur le métier d’intégrateur web. Cet exercice demande de la sincérité et un...
WordPress offre un environnement de publication complet, prêt à accueillir vos textes, vos images et les commentaires des lecteurs, dès l’installation. Cet aspect «Prêt à Publier» n’empêche pas d’avoir envie d’ajouter ou d’ét...
Vous avez aimé HTML5 Boilerplate ? Vous serez ravi d’apprendre qu’il existe un projet similaire qui vous servira de base de travail pour concevoir vos Emails ! HTML Email Boilerplate regroupe un ensemble de bonnes pratiques qui tient compte de...
Ça faisait longtemps que je n’ai pas partagé sur ce blog les bons tuyaux que je tweet depuis mon compte Twitter @br1o. Découvrez : comment contrôler la qualité de vos feuilles de styles CSS ; un journal papier à partir d’un flux de production ...
HTML5 Boilerplate et WordPress ? Basics par la même occasion contiennent quelques classes CSS utiles pour masquer du contenu de différentes manières en fonction de vos besoins : .hidden, .visuallyhidden, .invisible and .ir. Après un rapide survol des troi...
Les types d’articles personnalisés sont très pratiques. Comme l’explique très bien Jérémy Thomas dans son introdution à WordPress 3, les Custom Post Types permettent d’élargir les différents types de contenus pris en charge depuis WordPr...
Le thème minimaliste WordPress ? Basics — initialement hébergé en sous-domaine de css4design.com –, bénéficie désormais d’un domaine et d’un blog dédiés. Pour le domaine, j’ai recyclé wp4design.com (commencé en français il y ...
Duster — A l’occasion de la sortie prochaine de WordPress 3.2, Automattic propose un nouveau thème par défaut pour remplacer Twenty Ten. Ce thème — déjà disponible au téléchargement — sera certainement amélioré pour tenir compte de...
Après une discussion sur Twitter avec @agence_acs04 de l’agence ACS04 sur les améliorations à apporter au thème ? Basics, je me suis rendu compte que j’ai fait quelques erreurs de communication que je tiens à corriger. ? Basics est à l’o...
Roots — Ce thème fait la synthèse entre les templates de HTML5 Boilerplate et le thème Starkers HTML5. Il comprend également un framework CSS (960.gs ou Blueprint CSS) et inclut le microformat hNews pour donner encore plus de sens à votre site ! Par...
Toolbox fait parti des nombreux thèmes WordPress qui carburent avec HTML5. Il parvient néanmoins à se distinguer de la multitude : il émane de la société Automattic et c’est un thème minimaliste, un blank theme sans superflu. Allié à HTML5 Boilerp...
Schema.org propose un ensemble de micro-données hiérarchisé destiné à donner du sens au marquage HTML qui structure les pages web. Ce système complet de microdatas est comparable à RDFa, à ceci près qu’il est proposé conjointement par Google, Bing e...
Après la partie « C comme CSS & Composé HTML5 » consacrée à l’organisation des CSS dans le thème WordPress ? Basics, voici venu le temps d’aborder ce qui fait le sel des blogs et des sites web participatifs : les discussions. Dans cet arti...
BAW Auto Shortener est un plugin WordPress créé par Julio Potier de Boite A Web (BAW pour les intimes). Il permet de raccourcir les URL’s des articles pour les partager sur les réseaux sociaux. Indispensable sur Twitter notamment qui est avare en ca...
Je suis à la recherche d’un système de Newsletter pour WordPress. La lettre d’information apparaitrait chez les destinataires comme un Digest des dernières publications parues sur le site. J’ai regardé rapidement du côté des plugins comm...
J’ai le plaisir de vous annoncer que Basics 0.2.4.1 est désormais accompagné d’une version fr_FR réalisée par Wolforg. Il s’agit d’une archive .zip qui contient le fichier de traduction basics_0-2-4-1.pot accompagné des fichiers fr...
? Basics est un thème de base, un Blank Theme dont l’objectif est de servir de fondations pour créer des sites web avec WordPress via un thème enfant ou en dupliquant les fichiers home.php, index.php, search.php ou 404.php. Il sert de support à la s...
De nombreux thèmes WordPress utilisent les nouvelles balises associées à la sémantique HTML 5. Voici une sélection de thèmes plus ou moins minimalistes qui devrait prendre place dans le dossier «themes» de votre installation WordPress. J’ai privilég...
Une fois n’est pas coutume, je vais aborder la question du web design sous l’angle du graphisme, sans considération de langage de développement ou de technique en général. Je n’aborderai pas les questions liées à l’architecture de ...
Une dizaine de jour après le lancement du thème Basics pour WordPress, j’ai fais quelques recherches d’ambiance pour un logo et je me suis arrêté sur le style Gothic, assez peu employé dans l’univers de WordPress. Ce logo repose sur deux...
L’ajout des classes CSS pour spécifier la largeur des colonnes dans le code HTML est le lot des frameworks CSS qui proposent un mécanisme pour créer une grille de mise en pages. Pour couronner le tout, la plupart des frameworks ont besoin d’un...
J’utilise de plus en plus Google Chrome pour tester mes pages web. J’ai trouvé dernièrement une petite astuce qui m’évite d’ouvrir Photoshop pour connaitre la correspondance des couleurs hexadécimales et au format RGB ou HSL. Dans ...
«For Those About To Rock…» Dans B comme Basics, j’ai abordé la mise en place d’un Blank Theme pour démarrer différents projets de site web. Je pensais réserver la lettre «C» pour les commentaires(1), mais après le marquage HTML5, il m...
Cette petite astuce toute simple permettra à vos clients(1) de styler certains liens différemment des autres (Call to action, bouton, etc.) depuis TinyMCE, l’éditeur WYSIWYG de WordPress. Il suffit de créer un lien et de le mettre en «gras» avec l&#...
Je comptais terminer cette série WordPress de A à Z avec la livraison d’un thème de base, mais je n’ai rien trouvé d’intéressant qui commence par Z et je n’avais rien d’autre pour la lettre B (c’est balot). Il est donc ...
Suite à la demande de Lars Gunther, la balise hgroup ne fait plus partie du brouillon HTML5 des spécifications du W3C. Les raisons de cet abandon semblent assez subjectives. Il semblerait que Lars Gunther n’aimait pas vraiment cet élément et que Ian...
Je sais, il y a peu de chance de trouver du WiFi sur une île déserte, mais cette question posée par Raphaël Goetter méritait de sortir de Formspring et de Twitter. Quels sont les trois sites web dont je ne pourrais pas me passer si je devais en garder seu...
Sud Web, c’est Paris Web mais plus au sud ! Pour cette première année, les organisateurs ont réussi le tour de force de caler une dizaine de conférences sur la journée du vendredi 27 mai 2001, à Nîmes. Le programme aborde de nombreux aspects des mét...
Les claviers ont crépité la semaine dernière autour du rendu des maquettes Photoshop au pixel près. En relisant les billets et les commentaires, j’ai finis par me demander de quoi on parlait exactement. Lorsque l’intégrateur web reçoit un PSD ...
Je reviens rapidement sur la question du rendu identique des maquettes quelque soit le navigateur. Je pense que tout le monde est d’accord pour reconnaitre que les standards ont encore une marge de progression et que les spécifications CSS3 et HTML5...