Maqetta — Editeur HTML5 / Javascript en ligne ou à emporter

Maqetta est un éditeur HTML5 open source lancé par IBM sous l’égide de la fondation Dojo. Cet éditeur existe en deux parfums : une version en ligne en mode Saas et un logiciel de 42,7 Mo à télécharger sur son poste de travail. La version en ligne est déjà très intéressante : l’ajout des contrôles jQuery UI s’effectue par glissé-déposé et l’interface est suffisamment WYSIWYG pour voir les Menus à onglets (Tabs) ou les Menus en accordéons (Accordions) fonctionner pour de vrai. On peut passer à volonté du mode «Design» au code «Source» ou avoir les deux à l’écran, horizontalement ou verticalement.

Création de contenu pour le web : évitons le F(uck)-Commerce

Quelle différence y-a-t’il entre la création de contenu pour les PME et pour les grands compte ? A première vue aucune, si ce n’est que la création de contenu coûte cher et que les PME ont à-priori moins de moyens que les grandes entreprises. Nonobstant, le temps que j’ai passé sur le web ne m’a jamais démontré que les contenus publiés sur les sites des grandes entreprises soient de meilleure qualité. C’est souvent même le contraire : là où la PME s’exprime souvent avec ses tripes, le grand compte a depuis longtemps laissé les rênes de sa communication à des vendeurs de «F(uck)-Commerce», si je puis m’exprimer ainsi. Les grandes entreprises baignent toutes dans le même jus que leurs concurrents (mêmes agences ou mêmes méthodes, et mêmes supports).

Utiliser les rôles ARIA à la place des identifiants CSS

Les rôles ARIA sont des attributs que l’on ajoute aux balises HTML dans certaines zones du document pour préciser leur fonction. Ces attributs permettent aux différentes technologies d’assistance pour les personnes en situation de handicap de se repérer dans votre document. Dans cet article nous verrons comment nous pouvons remplacer l’attribut id par les rôles ARIA lorsqu’il s’agit d’accéder aux éléments pour les styler avec CSS.

display: table et display: table-cell pour faire une mise en page web ?

Après la lecture du livre CSS avancées — Vers CSS3 et HTML5, je me suis amusé avec les propriétés de rendu en tableau avec CSS (à partir de la page 122 pour ceux qui ont l’ouvrage sous les yeux). Pour m’entrainer à utiliser ces nouvelles propriétés comprises par tous les navigateurs modernes et à partir de IE8 pour Internet Explorer, je me suis fixé comme objectif de réaliser une mise en page du type de ce que l’on fait généralement à base de `float: left` et de `margin-right` pour obtenir des colonnes séparées par des gouttières. Bref, du classique de chez classique.

Envie de buzzer ? What else…

Dans la série des délires (ré)créatifs où prennent place mes recherches graphiques, voici une piste pour un site auquel vous avez échappé : Envie de buzzer ! Comme vous allez le voir, vous n’échapperez pas au logo que je viens de retrouver dans un sous-dossier d’une sauvegarde que je croyais perdue à jamais. Envie de buzzer est un site que j’avais envisagé de lancer lors de la grande mode du buzz. Genre, si à 50 ans tu n’a pas lancé un site avec le terme «buzz» dedans, tu as un peu raté ta vie ^^

WordPress de A à Z — A comme Allons-y ! (on s’organise)

«A comme Allons-y !» est le premier billet d’une série d’articles sur la création d’un site internet avec WordPress que j’ai commencé avec Créer son site web avec WordPress de A à Z… avec le Codex. Il existe plusieurs approches pour mettre en place un site WordPress : modifier un thème existant ; ajouter les fonctions WP dans un gabarit HTML résultant de la découpe d’une maquette Photoshop ; ou créer les pages web directement dans le navigateur. Excepté pour le premier cas, on peut partir d’une feuille blanche, reprendre les éléments du projet précédent ou partir sur un thème minimaliste que l’on aura choisi avec soin. Voici le sommaire complet des 26 articles de WordPress de A à Z.

jQuery Placeholder — L’attribut de formulaire HTML5 «placeholder» pour les navigateurs anciens

jQuery-Placeholder permet d’utiliser l’attribut de formulaire «placeholder» dans les navigateurs ne prenant pas en charge HTML5. Cet attribut affiche une courte description ou une brève indication de la raison d’être du champs de formulaire en question : «Un Email valide, de préférence !» ou «N’oubliez pas http://», etc. Il ne se substitut pas à la balise label qui indiquerait «Votre Email» ou «Votre site web» (1).