Catégorie : CSS

KNACSS est une feuille de style CSS minimaliste et extensible pour débuter une intégration qui devrait vous simplifier la vie. Un nouvel outil très léger car il ne contient que le strict nécessaire. Ce projet se situe entre un reset CSS et un framework CSS, et cumule les avantages de chacun tout en étant complètement […]

Pour faire écho à mon article du 11 mai sur les problèmes de redimensionnement des images de fond sur l’IPad, je viens de tombé sur un article de Nicolas Hoffmann : Voici quelques bugs de rendu sur iPad que j’ai pu recenser, avec des pistes de solutions. Si vous voulez centrer du contenu de largeur […]

L’autre jour j’ai eu à réaliser un site mobile j’ai donc cherchée les médias queries, ils sont regroupé ici. Iphone 3 portrait : Iphone 3 paysage : Iphone 4 (Retina) : Pour designer pour les écrans retina, il faut créer deux versions des images que vous voulez optimiser pour les écrans à grosses résolutions. Créez […]

L’autre jour j’ai eu à réaliser un site qui devait être compatible Ipad. Tout ce passait bien jusqu’au moment où j’ai rajoutée une grande image de fond – l’Ipad ne tolère pas que des blocs dépasse de son champ de vision (vous ne verrez jamais la barre de défilement horizontale !). Vu que mon image […]

J’ai du réaliser une box avec une flèche et je ne pouvais pas le faire en image car ma box n’aurais pas de taille fixe. J’ai donc farfouillée sur le net et j’ai trouvé « CSS3 Arrow Please ». Il s’agit d’un service web gratuit qui permet de générer facilement une box avec flèche en CSS3. Ce […]

Je viens de trouver cette chaine Youtube NewDzign qui propose 184 tutoriels qui permettront aux débutant d’apprendre les 4 principaux languages du web HTML, CSS, jQuery et PHP. Parmi les sujets abordés : sélecteurs CSS avec jQuery moteur de recherche dynamique avec jQuery et PHP validation de formulaire avec Ajax espace membre avec gestion des […]

Les sélecteurs avancés permettent de cibler des éléments proches d’un autre élément.Il existe deux sélecteurs de ce type : le combinateur d’adjacence directe, et le combinateur d’adjance indirecte. Sélecteur d’adjacence directe Pour cibler le frère d’un élément, nous allons avoir besoin du symbole +.Voici sa syntaxe : Ici les styles seront appliqués uniquement à element2 […]

Websitedimensions est un site internet qui propose des informations sur les résolutions d’écrans et navigateurs du marché. Lorsqu’on va lancer un nouveau site, on se pose toujours des questions concernant la largeur et la hauteur. Websitedimentions.com permet de répondre à cette questions avec des statistiques sur les résolutions les plus utilisées sur le web. Le […]

(Article initial : fvsch ) Daniel Glazman, coprésident du CSS Working Group (groupe de travail sur CSS du W3C), a écrit un appel à action important : THE OPEN WEB NEEDS YOU *NOW*. C’est une lecture fortement recommandée pour tous les développeurs et designers web. Voici une paraphrase en français du problème exposé, et quelques […]

deCSS3 permet de visualiser le rendu dégradé de vos styles quand le navigateur n’est pas compatible CSS3 sans avoir besoin d’ouvrir IE ou autre. Avec du CSS3 Sans CSS3 Après avoir installé le bookmarklet deCSS3, il suffit de cliquer dessus sur n’importe quel site pour obtenir le même rendu qu’avec d’anciens navigateurs ne supportant pas […]