RSS - Le PHP Facile - Toutes les news CSS

103 techniques CSS pour être un pro

Thu, 21 Feb 2008 20:38:00 +0100

Entre les 50 techniques CSS de 2008, et les 53 techniques CSS de 2007, Smashing Magazine propose pas moins de 103 techniques CSS pour rendre votre site plus moderne et impressionnant.

Vous y trouverez des effets 3D avec des PNG, des menus en surimpression, des protections de copyright, des effets de MouseOver, des effets de favicon, des menus circulaires, des listes ordonnées, des menus déroulants et bien d'autres.
Difficile de résister.

- Powerful CSS-Techniques For Effective Coding

Framework de développement CSS

Sat, 22 Sep 2007 20:20:02 +0200

Vous n'avez pas besoin de réécrire le même code CSS et XHMLT encore et encore.
Quelque soit le projet Web que vous démarrer, il arrive un moment où vous devez définir des classes et des ID que vous avez déjà défini dans des projets précédents.

Pour éviter les erreurs inutiles du passé, vous essayerez peut être de démarrer à partir d'un squelette presque parfait. Il va contenir les définitions de base que vous allez ajouter dans votre code à un moment ou à un autre.

Smashing magazine vous en dit plus sur ces bases de départs CSS. Le terme framework est utilisé ici pour présenter une base de départ, à partir duquel vous pouvez faire évoluer votre charte graphique.

- CSS Frameworks + CSS Reset: Design From Scratch
- YAML (Yet Another Multicolumn Layout)
- blueprint css

6 clés pour les CSS

Thu, 06 Sep 2007 20:34:59 +0200

L'essentiel des CSS est plutôt facile à comprendre, et je pense que la plupart des gens l'ont compris. Il y a les polices, les marges, le padding, la couleur.. Mais il y a un mur que les gens rencontre parfois... Un point où plusieurs éléments clés doivent se combiner pour assurer une présentation CSS solide et portable.

- Le modèle de boîtes
- Les colonnes flottantes
- Maîtriser les em
- Remplacement d'images
- Navigation flottante
- Sprites

Chaque thème est expliqué par plusieurs tutoriels. Une page de référence précieuse, par snook.ca.

- 6 Keys to Understanding Modern CSS-based Layouts
- Snook

Générer des feuilles de style CSS avec PHP

Fri, 08 Jun 2007 20:43:26 +0200

Après un article sur le contrôle des CSS via PHP, Tim Koschuetzki revient avec une application : la génération de design monochrome.
Il s'agit de produire dynamiquement des couleurs pour les intégrer dans les feuilles CSS et obtenir des pages toujours différentes, mais avec des tons similaires.

- How To Generate Monochromatic CSS Stylesheets Within Seconds Using PHP
- Control your CSS via PHP - Good Stuff

Construisez votre site avec Photoshop et Css

Fri, 12 Aug 2005 10:42:24 +0200

L'article suivant (en Anglais) vous montre pas à pas comment construire votre site en utilisant tout d'abord Photoshop pour l'aspect général du design puis de convertir cette charte en site en full CSS valid W3C (quand meme) ainsi que multi design.

Donc Néophytes du design, cet article est fait pour vous (Prend note Mojo ^^)

L'article en anglais

SPAW editor

Mon, 23 May 2005 11:39:13 +0200

Source Nexen :

SPAW editor est un remplacement du text area traditionnel par un éditeur plus complet, avec support des CSS, tables, polices et styles. Il supporte aussi le copier / coller depuis les autres applications, et nettoye à la volée le code HTML qui lui est fourni (en provenance de Word, c'est une bonne chose).

SPAW editor fonctionne sur Mozilla et Internet explorer. Il est gratuit, sous licence GPL, et payant pour les autres utilisations. Il dispose aussi d'une version francaise, ainsi que d'une version PHP et ASP.

Je l'ai testé , le seul bémol que je pourrais lui trouver est que le code généré n'est pas valid W3C, mise à part ca il est très complet, gère l'upload d'image, le "past from Word" et le copié/collé normal et surtout une bonne interaction avec les feuilles de style. Donc à vous de juger ^^

Spaw Editor
La démo en ligne

Réaliser un rectangle aux coins arrondis

Fri, 18 Mar 2005 14:17:52 +0100

Voila un petit article, en anglais, qui vous explique comment réaliser donc un rectangle aux coins arrondis sans passer par la balise image mais en full Css (utilisant quand meme des images hein).

L'article est en anglais mais assez simple à comprendre.

Bonne lecture ^^

CSS and Round Corners: Build Boxes with Curves

Anthology: 101 Essential Tips, Tricks and Hacks, Chapter 4 - Navigation

Mon, 06 Dec 2004 11:18:55 +0100

Dernier chapitre qui traite donc des CSS, les bases fondamentales. Ce dernier chapitre traite des différentes possibilités pour construire un menu only CSS, c'est toujours en anglais par contre.
Malheureusement je n'ai pas obtenu l'accord pour le traduire...

Le site de sitepoint
Le chapitre 4
Le chapitre 3
Le chapitre 2
Le chapitre 1

Css , le retour du retour

Fri, 26 Nov 2004 12:29:55 +0100

3ème chapitre parue sur les feuilles de style Css et malheuresement c'est toujours en anglais et je n'ai obtenu aucun accord pour pouvoir le traduire.
C'est bien dommage pour tout le monde.

Le chapitre numéro 3
Le chapitre numéro 2
Le chapitre numéro 1
le site de sitepoint

Il restera encore un chapitre.. je vais relancer ma demande , c'est vraiment une bonne base cet article.

How do you do ?

Wed, 10 Nov 2004 09:59:26 +0100

Vous êtes du genre barbare ? à marquer 50x ? à avoir des liens tout "blue" soulignés ? Bref vous connaissez pas les Css et c'est vraiment dommage pour vous.

Donc voila un article qui devrait vous simplifier la vie de petit programmeur en herbe ! par contre c'est en anglais , je pense le traduire (avec l'accord de l'auteur) pour vous si besoin il y a ..

L'article se décompose en 4 chapitres , ceci est donc le premier des 4..

[*]L'article