Un outil open-source pour prototyper rapidement la navigation dans un site web et l'aspect des écrans.
Des templates gratuits et personnalisable via une interface assez conviviale
Un grand moment de solitude pour le webdesigner face aux exigences de son client.
En en fait de belles choses avec des CSS sous FireFox (3.5)
- Centering a Layout
- Staircase Effect
- Double Margin on Floated Elements
- Inability to Have Elements with Small Heights
- Auto Overflow and Relatively Positioned Items
- Fixing the Broken Box Model
- Setting a Minimum Width and Height
- Floated Layout Misbehaving
- Space Between List Items
Quelques conseils pour faire de bons templates xHTML
- Remove The Unnecessary <div> Tags
- Use Semantic Markups
- Minimize The Use of <div> Tags
- Format (Indent) Your Code
- Comment The Closing </div> Tags
Quelques propriétés CSS bien utiles !
- CSS Clip
- Min-height
- White-space
- Cursor
- Display inline / block
Perles des webagency dans leurs relations avec leurs clients.
70 applications portable et utiles pour la création de sites web et bien plus.
Mettre une image en fond de page qui occupe toute la page quelque soit la résolution !
En clair, au-delà du label usuel utilisé pour sa légende un champ de formulaire a le droit d’en posséder plusieurs autres apportant diverses informations.
Pourquoi ne pas utiliser des champs label pour afficher des messages d’erreur ?
Avec peu d’efforts, la solution consistant à utiliser des label au lieu de liens permet d’obtenir une structure html intuitive et d’améliorer l’accessibilité de vos formulaires.
your_button_class { cursor: pointer; } pour améliorer l'affordance des boutons sur le web.
7 clés pour organiser vos contenus
Pour vous aider à faire le ménage dans vos contenus, nous vous proposons une grille de 7 clés d'accès, appliquable dans de nombreux contextes. Cette grille s'inspire des canevas le plus fréquemment utilisés par les spécialistes en architecture d'information.
Voici les 7 canevas logiques :
- Alphabétique
- Chronologique
- Géographique
- Typologique
- Thématique
- Orienté "action"
- Orienté "audience"
Un template CSS + JS en grid (fluide ou fixe). Pas mal du tout !
Un outil en ligne pour voir son site en niveau de gris. Pratique pour tester rapidement les contrastes !
Cette ressource en Flash permet de placer sur votre site internet la réplique d’un livre que l’internaute pourra consulter à la manière d’un livre réel : en tournant les pages.
Comment centrer un menu fait en CSS avec une liste non ordonnée.
La typographie est fondamentalement ancrée dans la culture de l’imprimé mais tend de plus en plus à devenir une spécialité graphique plutôt qu’un métier à part entière.
Trois questions :
- qu’en est-il de la typographie transposée dans l’environnement web ?
- comment améliorer la lisibilité visuelle des textes en ligne (micro-typographie) ?
- et comment composer des sites web qui facilitent la lecture cognitive (macro-typographie) ?
Outils pour webmestres permettant de traiter certaines taches courante en ligne.
Une meta à mettre dans son site pour inviter les utilisateurs réguliers à désactiver Adblock plus.