Tous les articles partageant le tag Framework CSS

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 ?

tag » Framework CSS

Le petit journal du web — Novembre 2012 #1

Ce petit journal du web de milieu de mois propose un résumé des liens qui ont atterri dans mes filets (la liste complète est disponible sur mon compte Diigo). Dans ce billet, vous trouvez : les articles parus sur la timeline 4design.tl ces derniers temps ; le blog de Mathieu consacré à une veille active sur jQuery et d’autres frameworks Javascript ; une série d’articles parus dans le train de 13h37. Vous trouverez également des articles sur la propriété @font-face, le fichier .htaccess, les backgrounds multiples, ainsi qu’une mise en garde contre a { outline: none }. Pour finir, je vous propose un outil en ligne pour créer des flèches en CSS. Voulez-vous en savoir plus ?

Le petit journal du web — Octobre 2012

A la «Une» ce mois-ci, un jeu de plateau à imprimer à la maison pour apprendre les bases de HTML5, suivi par des liens tous plus intéressants les uns que les autres. La suite présente des trucs, des astuces et autres ressources à garder sous le tapis de souris pour les ressortir au moment opportun. Pour ma part, je garde les fruits de la veille dans mon panier Diigo. Bref, au menu de ce petit journal de l’intégrateur web : de la documentation sur les langages du web, une astuce pour surcharger des styles en ligne, un topo complet sur les couleurs hexadécimales, du Responsive, du jQuery Mobile, de la validation HTML, etc. ! Voulez-vous en savoir plus ?

Quelques ressources pour optimiser Bootstrap

Bootstrap est un framework CSS & Javascript conçu pour accélérer et faciliter vos développements «front-end». C’est devenu le couteau suisse du web : on y trouve une lame adaptée pour chaque besoin, ou presque. Une fois que Bootstrap est mis en place, l’intégrateur web dispose d’un coup de nombreux outils CSS et Javascript pour créer des maquettes et des éléments d’interface à l’aide de classes qu’il suffit de placer sur les éléments HTML appropriés (listes, div, etc). Voulez-vous en savoir plus ?

Foundation — Framework HTML, CSS & jQuery

Foundation est un framework HTML & CSS créé par l’agence web Zurb pour la conception des maquettes fonctionnelles (wireframes, mockups) quelque soit le type de périphériques. Il est composé d’une grille de mise en page, de la gestion des boutons et des formulaires.  S’il a été conçu à l’origine pour faciliter la création des prototypes, Foundation est également prêt à être utilisé en production. Voulez-vous en savoir plus ?

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 ?

Sélecteur CSS de frère adjacent (Dirty Grids Done Dirt Cheap)

L’ajout des classes CSS pour spécifier la largeur des colonnes dans le code HTML est le lot des frameworks CSS qui proposent un mécanisme pour créer une grille de mise en pages. Pour couronner le tout, la plupart des frameworks ont besoin d’une classe pour la première colonne (.first pour The Simpler Grid) ou la dernière colonne (.last pour Blueprint CSS) voire pour la première et la dernière colonne (.alpha et .omega pour 960 Grid System) pour annuler les marges droites et/ou gauches attribuées par avance aux colonnes. Voulez-vous en savoir plus ?



Colophon

CSS & Webdesign 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