Un autre outil très rapide pour tester si un site web est responsive ou pas.
CSS + WordPress + Web Design
Un autre outil très rapide pour tester si un site web est responsive ou pas.
Outil tout simple mais extrêmement pratique pour tester votre web design sous plusieurs largeurs d’écrans.
D’ailleurs, si vous voulez avoir la même chose mais en local, voici le simple responsive design test page.
Because web designers want font families, not just fonts.
Je ne l’aurais pas mieux dit. En effet, le seul souci de Google Web Fonts, c’est qu’il sépare les polices appartenant à une même famille.
J’avais aperçu Bootstrap peu après sa sortie, sans trop accrocher. Pour cause : c’est un framework HTML-CSS. Et comme beaucoup de frameworks, il mélange contenu et mise en page. Ex : <div class=”span6″> pour un élément qui fait 6 colonnes de large. La séparation contenu (HTML) et mise en page (CSS) n’est plus garantie. Et l’intégrateur têtu mais exigeant que je suis ne peut l’accepter.
13 Jan
Dans la famille des “Cadeaux Web Design qu’il vaut mieux donner que jeter à la poubelle”, voici une petite liste d’astuces CSS glanées au fil du temps. Elles est destinée à tous les niveaux, et peut être agrandie par vous-même en m’envoyant vos supers astuces, ou bien par moi-même si jamais d’autres idées lumineuses me reviennent…
31 May
J’ai écrit un tutoriel complet pour réaliser un thème WordPress de A à Z.
Il est plus récent et parle aussi des Custom Post Type et Custom Taxonomy. Du coup, je vous invite à aller le lire.
WordPress vient d’annoncer une Release Candidate pour la version 3. J’ai pour ma part installé et mis en prod la version Beta 2 qui, ma foi, est très stable. Si vous comptez l’installer, allez-y! Les mises à jour se font comme les WP actuellement, c’est à dire automatiquement. Et le système de template pour les thèmes est identique donc vos thèmes marcheront sans souci! Le seul souci est qu’il n’y a pas de version française encore mais bon, c’est uniquement pour l’admin qui est vraiment très simple en anglais.
Dans les nouveautés, il y a :
Je vais développer ces 2 derniers points car ils sont les plus intéressants.
Lire la suite →
24 Mar
Je vous invite à aller lire le tutoriel complet sur le CSS que j’ai écrit.
Après avoir expliqué comment réaliser un bon formulaire HTML, pourquoi ne pas en réaliser un uniquement en CSS3 ?
15 Mar
Si vous voulez déjà utiliser des propriétés CSS3, vous devez savoir qu’elles sont implémentées sur plusieurs navigateurs mais avec des dénominations différentes.
Par exemple border-radius (pour obtenir des coins arrondis) :
-moz-border-radius sous Firefox-webkit-border-radius sous Chrome et Safariborder-radius sous Opera et le prochain IE9Etant donné qu’il est assez laborieux de trouver chacune des dénominations pour une seule et même propriété, CSS3 Please vous sera d’une grande aide. Il vous permet d’éditer les valeurs pour chaque propriété CSS3 puis de les copier et les utiliser sur (quasiment) tous les navigateurs, que ce soit :
Quelques-unes de ces propriétés marchent même sous IE6 et IE7!
2 Nov
En surfant un peu sur le web (avec Chrome), je remarquais une fenêtre Firefox ouverte mais inutilisée. En l’ouvrant, je vis à quoi me servait véritablement Firefox.
En tout, 8 plugins que j’utilise +/- régulièrement :
Et au beau milieu, une page web vide.
Eh oui : Chrome s’ouvre aussi vite qu’un explorateur Windows. Et va aussi vite que Notepad++.
UPDATE : je m’explique dans les commentaires. 
25 Aug
Fan de typographie ? Vous voulez en savoir davantage sur vos polices préférées ? Qui a réalisé cette police ? Quelle est son histoire ? Son designer ? Et quel est le vocabulaire pour les typos ? Autant de questions auxquelles essaye de répondre le très joli site Typedia.
Lire la suite →