BIC est un meta framework CSS basé d’une part sur le reset CSS d’Eric Meyer pour la remise aux valeurs par défaut des éléments HTML (`clean.css`) et le framework 960.gs pour la partie grille de mise en page (`layout.css`), et d’autre part sur de bonnes idées en ce qui concerne le traitement de la typographie et de la couleur (`typography.css` et `color.css`). →
Conditional-CSS est un programme écrit en php4 et php5 (au choix) qui permet d’utiliser des commentaires pour cibler une dizaine de navigateurs par leur nom et leur version, à la manière des commentaires conditionnels ciblant les différentes versions d’Internet Explorer. →
Si vos déclarations CSS font-family contiennent désespérément la même liste de police de caractères Helvetica, Arial, sans-serif, etc., le billet de Grégoire Polices sur le web et celui de Michael Tuck 8 Definitive Web Font Stacks devraient élargir votre horizon typographique grâce à 8 ensembles de polices « intelligents » : →
Le PHP regorge de fonctions très pratiques qui n’ont pas forcément d’équivalents en Javascript. La librairie PHP.JS est un projet open source à l’initiative de Kevin van Zonneveld dont le but est de porter les fonctions PHP en Javascript.
Rien de tape-à-l’oeil, juste la possibilité d’utiliser en Javascript des fonctions PHP avec leurs qualités et leurs défauts et c’est déjà pas mal !
Si vous recherchez des informations sur les langages de programmation en général et le développement web en particulier, vous connaissez sûrement le site developpez.com qui propose des ressources aux développeurs web (mais pas seulement). →
Ce tutoriel pour styler les champs input de vos formulaires de recherche vous permettra d’offrir à vos visiteurs un formulaire design au lieu du traditionnel — mais efficace — champ *input type=text* blanc avec contour.
L’auteur utilise un *button* à la place du *input type= »submit »* pour éviter les problèmes d’alignement afin d’utiliser une seule image pour le champ *input* et le *button*. Ce qui permet de gérer facilement les différents état *:focus* ou *:hover* avec *background-position*.
PS : En cas de problème avec l’utilisation de l’élément button, jettez un oeil sur ce fil de discussion paru sur le forum Alsacréations.
La bibliothèque Javascript DOMAssistant fait des petits avec le plugin BoxIt qui vous permettra d’arrondir les angles de vos blocs ou de vos images. Rendez-vous sur la page de tests pour avoir un aperçu des possibilités du script.
Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs.
Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : `float: left` ou `position: absolute`. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous 🙂 Drawter : dessinez, c’est gagné ? A tester !
PS : Merci à Thierry pour le lien 😉
Google Doctype est une encyclopédie ouverte (wiki) écrite par des développeurs web pour des développeurs web. Google Doctype contient des articles sur la sécurité sur le web, la manipulation du DOM en Javascript, des trucs et astuces CSS. Une section présente les balises HTML avec leur compatibilité inter-navigateur.
Une nouvelle version de TweakPNG vient de sortir. La dernière datait de 2004 ! Parmis les nouveautés :
* Prise en charge du chunk iTXt,
* Utilisation des dernières version de zlib et libpng.
* Le code binaire est désormais une application Unicode,
* Le logiciel n’est pas compatible avec Window 95/98/ME,
* Beaucoup de ménage dans le code source,
* Quelques bugs réparés, mais d’autres bugs sont sûrement apparus qu’il faudra réparer à leur tour !
* Passe de la licence GPLv2 à GPLv3.
Ce petit utilitaire est très pratique pour modifier la couleur par défaut des PNG transparents pour éviter le *background* disgrâcieux sous IE6 😉
