DevZone » framework http://www.devzone.fr Zone de développement web Fri, 03 Feb 2012 12:20:35 +0000 en hourly 1 Swatch, le 100ème thème de WooThemes http://www.devzone.fr/swatch-theme-woothemes http://www.devzone.fr/swatch-theme-woothemes#comments Wed, 05 Oct 2011 12:25:11 +0000 devzonefr http://www.devzone.fr/?p=2453 WooTheme offre son 100ème theme WordPress nommé Swatch.

L’occasion de découvrir (ou redécouvrir) le solid framework WooTheme et d’acquérir gratuitement un thème complet de qualité.

Swatch

]]> http://www.devzone.fr/swatch-theme-woothemes/feed 0 30 astuces de pro pour maitriser jQuery http://www.devzone.fr/30-astuces-pro-jquery http://www.devzone.fr/30-astuces-pro-jquery#comments Fri, 09 Jul 2010 13:37:46 +0000 devzonefr http://www.devzone.fr/?p=1902 problogdesign nous livre 30 tips dans l’utilisation du framework jQuery.

Parmi cette liste nous trouvons :

  • comment accéder à des éléments d’une iframe,
  • comment appliquer une même hauteur à des éléments,
  • comment faire apparaitre un lien qui permet de remonter en haut de page,
  • comment forcer l’ouverture des liens externes dans une nouvelle fenêtre,
  • comment éviter les conflits avec d’autres frameworks,
  • …


30 Pro jQuery Tips, Tricks and Strategies

]]> http://www.devzone.fr/30-astuces-pro-jquery/feed 2 EZ-CSS, un framework CSS léger et flexible http://www.devzone.fr/ez-css-un-framework-css-leger-et-flexible http://www.devzone.fr/ez-css-un-framework-css-leger-et-flexible#comments Fri, 05 Mar 2010 07:58:34 +0000 devzonefr http://www.devzone.fr/?p=1670 EZ-CSS est un petit nouveau dans les frameworks CSS. Par rapport aux plus renommés Blueprint et 960.gs, celui-ci s’annonce comme « léger et flexible »


La différence :

Ici pas de système à grille mais un système permettant de diviser un bloc en plusieurs éléments de même largeur.

Lien :

]]> http://www.devzone.fr/ez-css-un-framework-css-leger-et-flexible/feed 0 Sondage : Quel framework css utilisez-vous ? http://www.devzone.fr/sondage-quel-framework-css-utilisez-vous http://www.devzone.fr/sondage-quel-framework-css-utilisez-vous#comments Mon, 04 Jan 2010 13:23:48 +0000 devzonefr http://www.devzone.fr/?p=1506 sondageQuel framework css utilisez-vous ?

Voilà 1 mois que vous avez la possibilité de répondre à cette question.


Et vous ne semblez pas vraiment fan des frameworks CSS…

  • Aucun (56 %, 14 Votes)
  • C’est quoi ca ? (12 %, 3 Votes)
  • Blueprint (12 %, 3 Votes)
  • Yaml (8 %, 2 Votes)
  • 960 Grid system (8 %, 2 Votes)
  • Autre (4 %, 1 Vote)

Votants: 25

A partir d’aujourd’hui c’est un nouveau sondage qui vous est proposé :
Quel framework php utilisez-vous ?

Si vous souhaitez y répondre, la partie « Sondage » se trouve dans la partie droite du site ;)

]]> http://www.devzone.fr/sondage-quel-framework-css-utilisez-vous/feed 0 4 Générateurs de « Grid » http://www.devzone.fr/4-generateurs-de-grid http://www.devzone.fr/4-generateurs-de-grid#comments Thu, 22 Oct 2009 14:37:19 +0000 devzonefr http://www.devzone.fr/?p=1139 4-generateurs-de-gridJe vous avais parlé de quelques framework CSS (Blueprint et 960 en l’occurence), ayant pour but de faciliter l’écriture des structures des pages web.

Des outils en ligne permettant de générer des grid sont apparus, toujours dans le but de faciliter l’édition de vos feuilles de styles.

Variable Grid System

Si vous utilisez le framework 960, vous avez sans doute remarquer le gros boutons « Custom CSS generator ». Ce lien vous mène donc à ce générateur qui va vous reproduire les grilles de 960 avec les paramètres que vous souhaitez (largeur globale, nombre de colonnes, …)
Variable Grid System

Blueprint Grid CSS Generator

Comme Variable Grid System, ce générateur paramétrable va vous générer vos grilles mais ici à partir du framework Blueprint
Blueprint Grid CSS Generator

The 1Kb Grid

Il l’affiche dans son nom, ce framework ne fait qu’un Kb. Son générateur permet de modifier le nombre de colonne, la largeur de celle-ci, et leur espacement.
The 1Kb Grid

Gridinator

Gridinator vous permet les même paramétrages avec en plus la taille de la police du body (?)
Gridinator

]]> http://www.devzone.fr/4-generateurs-de-grid/feed 0 Comparatif de 2 frameworks CSS : Blueprint / 960 http://www.devzone.fr/comparatif-de-2-frameworks-css-blueprint-960 http://www.devzone.fr/comparatif-de-2-frameworks-css-blueprint-960#comments Mon, 17 Aug 2009 07:45:13 +0000 devzonefr http://www.devzone.fr/?p=217 comparatif-de-2-frameworks-css-blueprint-960Dans le monde des frameworks CSS, je demande blueprint et 960.

Un framework CSS ?

C’est tout simplement une base de développement permettant une mise en page facilité par des classes pré-écrites.

Les intérêts ?

Gagner en rapidité de développement, une mise en page claire et structuré, …

Les inconvénients ?

Personnellement, je n’en voit aucun. Depuis que j’ai découvert ces deux frameworks, je ne peux plus m’en passer.

Alors il existe aujourd’hui pleins de frameworks CSS :

Les deux qui ont retenu mon attention sont donc blueprint et 960 (c’est un avis purement personnel mais leurs simplicités et leurs facilités de compréhension en font mes préférés).

Comparons nos deux frameworks :

Blueprint :

  • Largeur de page : 950px
  • Nombre de colonnes de la grille : 24
  • Poids des 3 fichiers CSS (screen.css, ie.css, print.css) : 14.8 Ko
  • Les + :
    • une feuille dédié à Internet Explorer, une autre pour l’impression
    • l’existence de plugins
    • blueprint est désormais completement customizable à l’aide d’un générateur en ligne

960 :

  • Largeur de page : 960px
  • Nombre de colonnes de la grille : 12 ou 16
  • Poids des 3 fichiers CSS (960.css, reset.css, text.css) : 6.28 Ko
  • Le – : Toutes les dimensions sont indiquées en pixels: taille des blocs, taille des caractères, …

Et vous, utilisez-vous un framework CSS ?

Si oui, lequel ?

Si non, pourquoi ?

]]> http://www.devzone.fr/comparatif-de-2-frameworks-css-blueprint-960/feed 2