Il y a quelques jours (mois), je vous parlais de ressource (toolkit) HTML et CSS qui permettent de démarrer rapidement le développement d’un site. L’un deux, Bootstrap est passé à la version 2. Lire la suite
CSS
Amorçage de système, schéma bleu et consort
Vous le savez certainement, dans la vraie vie (celle où on ne « like » et « +1″ pas) mon boulot c’est de développer, maintenir, administrer, faire évoluer, etc. des sites web.
Un chose que j’apprécie, c’est créer les sites. Et par dessus tout, c’est la partie HTML et CSS qui me procure le plus de satisfaction (oui, ça fait peur).
A l’époque, on codait tout de A à Z, on créait sa structure soi-même en se battant avec des « padding » et « margin ». On prenait des heures à décider quel rapport de taille entre le titre de niveau un et de niveau deux.
Mais ces dernières temps, on voit apparaître des framework (sorte de boite à outil) HTML et CSS qui nous facilite passablement la tâche… et ça marche. Lire la suite
Improving Code Readability With CSS Styleguides
huhu, un titre en anglais !
C’est vrai, j’aurais pu le traduire par « Faciliter la lecture des vos feuilles de styles CSS ».
Bref, tout ça pour attirer votre attention sur l’article du même nom (voilà d’où vient le titre 
) paru sur le site Smashing Magazine il y a quelques temps. Quelques exemples de commentaires vous y sont présentés. Ceux-ci permettent de rendre votre CSS plus digeste pour la personne qui passe derrière vous.
Combien de fois, je m’arrache les cheveux en m’amusant à relire des feuilles CSS mal construites, mal codées, mal pas commentées, etc.
J’essaie maintenant d’appliquer les recommandations que cet article nous propose. En tout cas, je peux vous dire que c’est bénéfique. Serte, au début on perd un peu de temps. Mais on se fait vite notre petite bibliothèque de commentaire prêts à l’emploi et tout ça va de plus en plus vite. Et comble du bonheur, je m’y retrouve dans mes CSS lorsque je code.
Re-vo-lu-tion
Ou plutôt une révolution colorimétrique !
Tout ça pour dire que j’ai changé la feuille de style. Le vert à été remplacé par le rouge.
Comment ça c’est pas frappant ??? Mais oui, les titre à gauche, z’étaient verts avant ! Roooo.
Bon faut dire que ça m’a pris deux clique à faire. C’est pas comme si j’avais écris 10’000 lignes de code.
De la couleur !
L’autre jour, j’étais à la recherche de palette de couleur afin de refondre l’interface d’un site. Je suis tombé sur Color Scheme Designer 3. Je le trouve assez pratique et surtout ce qui m’a plus est qu’il vous montre des exemples d’interface utilisant la palette que vous avez choisis.
A fond dans les CSS
Dans mon programme de rétablissement, je m’étais fixé de bosser le CakePHP. Etant donné que je patauge la moindre, je me suis tournée vers les CSS. Je fais ainsi des maquettes HTML d’un de mes projets (oui c’est toujours le même).
Le principe est toujours le même, on commence avec une bonne vieille feuille de papier pour établir l’architecture générale de la page.
