Qu'est-ce qu'une bonne ressource en ligne pour les « modèles de conception » CSS ?[fermé]

Question

Quelqu'un peut-il recommander une bonne ressource en ligne pour les « modèles de conception » CSS ?

Je sais que les modèles de conception dans un contexte logiciel font généralement référence à des modèles de conception basés sur OO, mais j'entends les modèles de conception au sens plus large du terme :c'est à dire.des solutions communes et propres aux problèmes/tâches courants.

Un exemple d'une telle ressource serait cette liste de modèles de table, cela vous donne tout ce que vous devez vraiment savoir sur la façon de donner une belle apparence aux tableaux en utilisant un ensemble de techniques CSS.

D'autres exemples de problèmes courants qui pourraient avoir des solutions intéressantes seraient des choses comme les coins arrondis des divs, les mises en page de formulaires hautement utilisables, etc.

Answer 1

je me réfère à Une liste à part des articles tout le temps pour ce genre de choses.Ils effectuent de nombreuses recherches par essais et erreurs pour trouver des moyens vraiment créatifs de gérer ces problèmes CSS courants de la manière la plus propre et la plus portable possible.

Answer 2

Certains sites Web qui abordent les modèles de conception Web sont répertoriés ci-dessous..Ils ne fournissent pas spécifiquement le HTML et/ou le CSS pour obtenir les résultats souhaités, mais ils fournissent des exemples de sites en direct que vous pouvez voir la source allumé (ou, mieux encore, utilisez Pyromane).

Modèles d'interface utilisateur

C'est probablement le meilleur du groupe.Il divise les éléments en catégories qui couvrent l'étendue des tâches de conception de pages Web.Vous trouverez des catégories telles que les nuages ​​de tags, l'aperçu en direct et l'enregistrement des utilisateurs, entre autres.Il s’agit d’une ressource vraiment complète et bien organisée.Il explique chaque modèle et fournit de nombreux exemples.

Robinet à motif

Semblable aux modèles d’interface utilisateur, bien qu’actuellement moins complet.Il adopte une approche plus sociale pour rassembler les modèles de conception en permettant aux utilisateurs de créer leurs propres catégories (« ensembles d'utilisateurs ») et de les remplir avec leur propre sélection de sites.

Bibliothèque de modèles de conception Yahoo

Contrairement aux deux autres, celui-ci ne fournit pas beaucoup d’exemples de sites réels.Il est bien organisé et assez complet.

Éléments de conception

Il s'agit d'un blog présentant divers éléments de la conception Web.Il ne traite pas des modèles, mais constitue une bonne source d'inspiration rapide ou un moyen de démarrer votre propre analyse.

Answer 3

Le Tutoriel flottant est un excellent point de départ pour apprendre l'attribut CSS important "float" et comment l'utiliser pour mettre en page du contenu en utilisant certains modèles courants, notamment les mises en page liquides à deux et trois colonnes.

Le flotteur vous emmène à travers les bases des éléments flottants tels que des images, des capuchons, des boutons suivants et arrière, des galeries d'images, des listes en ligne et des dispositions multi-colonnes.

Answer 4

Le déjà mentionné Une liste à part est vraiment bon.Un autre site que j'utilise depuis que j'ai commencé le développement Web est SitePoint.com.Voici leur Référence CSS.Si vous voulez un bon livre CSS, celui-ci est l'un de mes favoris.

Answer 5

Ce qui se rapproche le plus d'un "modèle de conception" en CSS, ce sont les mises en page courantes.Le meilleur outil pour tirer parti des dispositions courantes, des largeurs de colonnes, etc.est Système de grille 960, à 960.gs

Regardez ce screencast pour une brève introduction.Cela vous fait gagner beaucoup de temps et vous aide à appliquer tous les modèles de mise en page courants avec un minimum de code :

http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/

Tout ce que vous avez à faire est d'appliquer les classes appropriées et de faire un peu d'arithmétique pour vous assurer que toutes les largeurs de colonnes s'additionnent.

Le livre que je recommande le plus pour CSS est Maîtrise CSS par Andy Budd (cssmastery.com).C'est un peu petit, mais il m'a aidé plus que n'importe quel autre livre CSS.