Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Notes de lecture : « Responsive Web Design »

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 Ethan Marcotte est un petit bijou de concision, d’humour et d’intelligence qui montre comment mettre en place un site web «Responsive» en commençant par le commencement : obtenir une maquette fluide. Après avoir donné les techniques pour partir d’une maquette Photoshop (par exemple) afin de transmuter les valeurs fixes exprimées généralement en pixels en pourcentage, Ethan Marcotte aborde la question des médias en donnant des astuces pour rendre adaptables les images, les vidéos, les «object» ou les eléments «embed». Voulez-vous en savoir plus ?

Aucun commentaire ? » | Publié dans Intégration web, Le petit journal du web

Notes de lecture à propos de « Stratégie de contenu web »

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 contenu. Le pitch ? La création de contenu pour le web ne devrait pas s’effectuer sans une réflexion en amont sur 1) le profil du lectorat et 2) les compétences et la disponibilité de ses producteurs. Sans oublier que tout travail mérite salaire… En gros, il faut que les producteurs aient les moyens de s’adresser correctement aux consommateurs. Autrement dit : si on dit n’importe quoi à n’importe qui à n’importe quel prix, le résultat ne sera pas pas très efficace ! Voulez-vous en savoir plus ?

un commentaire » | Publié dans Le petit journal du web, Rédaction web

Quelques liens sur les Media Queries en CSS3

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 situations. Les Media Queries permettent de cibler un agent utilisateur selon certains paramètres. Il devient possible d’utiliser une grille visible uniquement par : les personnes qui naviguent depuis un ordinateur de bureau avec une largeur d’écran supérieure à 1024 pixels ; celles qui utilisent leur Netbook (possédant une résolution inférieure ou égale à 1024 pixels de large) ; ainsi que par celles qui parcourent le web depuis leur iPhone, leur iPad ou leur téléphone Android. Il est même possible de spécifier des règles CSS différentes selon que l’appareil est utilisé en mode portrait ou en mode paysage ! Voulez-vous en savoir plus ?

2 commentaires » | Publié dans HTML & CSS, Le petit journal du web

Le Petit Journal du Web — 09/2011

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 ; tutoriel interactif pour apprendre les bases de la programmation en général et Javascript en particulier ; coins arrondis propres pour vos images ; mise en place un Content Delivery Network (CDN) pour améliorer les performances de vos pages web ; tutoriel plein de poésie pour apprendre les CSS ; menu déroulant dédié aux smartphones iPhone, Android, etc. Voulez-vous en savoir plus ?

Aucun commentaire ? » | Publié dans Le petit journal du web

WordPress de A à Z — F comme Functions.php

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 racine de la plupart des thèmes WordPress, comme c’est le cas dans WordPress Basics, dont je vais m’inspirer dans la suite de cet article. Ce fichier se comporte comme un plugin. Il est chargé pendant la phase d’initialisation de WordPress, à la fois pour les pages internes à l’administration du site et pour les pages visibles pour l’ensemble des visiteurs. Voulez-vous en savoir plus ?

6 commentaires » | Publié dans WordPress, WordPress A à Z

Mise à jour du thème WordPress ♥ Basics avec HTML5 Boilerplate 2

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 changements, dont le plus important est peut-être le remplacement du reset CSS par une « simple » redéfinition des balises HTML grâce à normalize.css mis au point par  Nicolas Gallagher et Jonathan Neal. Voulez-vous en savoir plus ?

2 commentaires » | Publié dans WordPress

Notes de lecture — HTML5 : de la page web à l’application web

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 déjà HTML comme les intégrateurs web, les développeurs front-end, etc. Bref, toutes celles et ceux qui utilisent le langage de balisage mis au point par Tim Berners-Lee au début des années 1990 dans le cadre de leur travail ou de leur loisir. Voulez-vous en savoir plus ?

7 commentaires » | Publié dans Le petit journal du web

Ebauche de logo pour illustrer le concept de code source libre

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 collectif par la force des choses, puisque j’ai tenu compte des suggestions et des critiques des membres de Google+ et de Twitter où chaque version du projet a été largement discutée. Je précise d’emblée que je ne suis pas un expert ès licences libres, ce qui fait que j’ai pu faire — à l’insu de mon plein gré — des rapprochements visuels allant à l’encontre de la philosophie du mouvement Open Source ou du Logiciel Libre (1).  Voulez-vous en savoir plus ?

10 commentaires » | Publié dans Design & Graphisme, Logo

Useful Shortcuts — Symboles accessibles via la touche Alt de votre clavier

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 de classer la quasi-totalité des symboles accessibles via la touche Alt de votre clavier. Notez qu’il est également possible d’utiliser les symboles directement par copié-collé depuis les pages de Useful Shortcuts. Voulez-vous en savoir plus ?

4 commentaires » | Publié dans Typographie

Interviews Bruno Bichet, intégration web et css 4 design de 2007 à nos jours

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 une certaine rigueur pour éviter de se répéter. J’ai la chance d’avoir eu de nombreuses expériences professionnelles dans lesquelles je peux picorer ça et là ce qu’il faut pour répondre de manière personnalisée en évitant le contenu dupliqué (Duplicate Content)  ;-). Bref, voici 11 interviews qui m’ont permis de prendre du recul sur la pratique de mon métier de Chef de projet web et d’en apprendre sur moi-même.  Voulez-vous en savoir plus ?

Aucun commentaire ? » | Publié dans Métiers du web, Mizukara (3615 MyLife)



Colophon

css 4 design est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site

Google Analytics Alternative