Vous êtes développeur ou simplement curieux de créer votre site web et de le designer à vos souhaits, attention, les feuilles de style peuvent très vite devenir un casse-tête ! Dans cet article, nous vous proposons deux ouvrages qui vous permettra de réaliser des feuilles de style lisible, simple et maintenable + un petit livre indispensable pour vous guider dans votre développement javascript.
CSS maintenables avec Sass et Compass – Edition Eyrolles
Contenu de l’ouvrage
Tout d’abord pour créer votre design de site web, connaître les bonnes pratiques en matière de CSS est vivement recommandé : comment les créer ? comment les diviser ? Ecrire des styles propres à chaque balise ?
Ensuite, il faut penser à la maintenabilité de votre feuille de style. Et là, c’est une autre histoire ! Très vite, vous allez vous laisser déborder et votre feuille n’est plus lisible !
L’auteur du livre “CSS maintenables avec Sass et Compass” vous expose un maximum de bonnes pratiques et de réflexes à adopter pour obtenir un code CSS robuste, minimaliste et élégant.
Par exemple, l’auteur nous transmet sa vision de coder une feuille de style contrairement aux idées reçues :
- Mythe n° 1 – Un HTML « pur » sans aucune information de présentation
- Mythe n° 2 – N’utiliser que des éléments sémantiques
- Mythe n° 3 – Ne pas créer de classes non sémantiques
- Mythe n° 4 – Le rendu doit être le même dans tous les navigateurs
- Mythe n° 5 – La taille du texte ne doit pas être exprimée en pixels
Vous découvrirez ensuite les bases et l’ensemble des possibilités que proposent Sass et Compass permettant d’alléger vos feuilles de style CSS.
[extrait] Table des matières
- Préface de Chris Heilmann
- Première plongée dans CSS
- Comprendre les CSS, c’est comprendre les navigateurs
- Bonnes pratiques pour un code lisible et maintenable
- Bien ranger ses fichiers
- Écrire un code lisible
- Documenter son code
- Simplifier un design trop complexe
- Pragmatisme : démystifier certaines bonnes pratiques
- Les frameworks CSS
- Travailler en équipe
- La communication avant tout
- Conventions de codage
- Un code accessible aux débutants
- Les erreurs à ne pas commettre
- Préprocesseurs CSS : quand la machine écrit pour vous
- Sass et Compass
- Dimensions d’une image
- CSS3 facile sans préfixes
- Erreurs de conception : comment les débusquer
- L’usage des CSS sur le Web aujourd’hui
- Méthode : coder un design de zéro
- Étudier le design
- Méthode : faire le ménage dans des CSS
Sass & Compass avancé : Optimiser ses feuilles de style CSS – Edition Eyrolles
Vous avez suivi à la lettre les conseils Kaelig DELOUMEAU-PRIGENT, auteur du livre “CSS maintenables” ? Vous êtes alors prêt à lire ce second ouvrage qui est destiné aux niveaux avancés de sass et compass.
Contenu de l’ouvrage
Compass, le framework CSS3 pour Sass, permet d’assurer la compatibilité du site, quel que soit le navigateur, marquant la fin des longues sessions de débogage sous Internet Explorer. Il embarque un générateur d’images de sprites CSS auquel tout un chapitre est dédié : la génération d’images de sprites haute définition n’aura jamais été aussi simple !
Cet ouvrage, rédigé par l’un des pionniers de l’utilisation de Sass/Compass Mehdi KABAB, est un must pour l’intégrateur web qui souhaite acquérir les meilleures pratiques d’écriture de feuilles de style CSS et les compétences en programmation nécessaires à la maîtrise de Sass.
[Extrait] Table des matières
- Installation de Sass et Compass
- Une syntaxe de Sass
- Développer avec Sass
- Premier projet Sass et contraintes de production
- Compass, votre futur meilleur ami
- Création de sprites CSS avec Compass
- Gérer un projet Compass : un peu de méthodologie
- Annexe A : configuration avancée avec Compass
- Annexe B : guide de survie de l’interface en ligne de commande
Javascript le guide de survie – Editions Eyrolles
Petit livre indispensable également au moment de développer votre site ou autres applications web.
Contenu de l’ouvrage
Ce “Guide de survie” vous livre tout le code dont vous avez besoin pour réaliser rapidement et efficacement vos projets de développement en JavaScript. D’un format de poche, il vous suivra partout sans vous encombrer.
Table des matières
- Les bases de JavaScript
- Expressions communes
- Images et animations
- CSS
- DOM
- Programmation orientée objet et événements
- Les cookies
- Les formulaires
- AJAX, dynamisme et requêtes asynchrones
- HTML5
- jQuery
- Développer pour le Web mobile
PressMyWeb en partenariat avec Eyrolles vous fait gagner ses 3 ouvrages.
Comment participer ?
Pour participer et tenter de gagner ce lot de 3 ouvrages d’une valeur d’environ 80 €, il suffit de… (au choix) :
- …nous laisser un commentaire sur cet article en nous indiquant pourquoi vous voulez gagner ces livres
- …vous abonnez au compte twitter de PressMyWeb + faites connaitre l’article en twitant cet article et incrivez ensuite l’url de votre tweet dans les commentaires de l’article
- …vous Abonnez à notre newsletter via le bandeau ci-dessous :
Où les acheter ?
Et si vous souhaitez acheter ces livres, vous pouvez le faire ici :