hideout-lastation.com
Automatisez votre processus de conception de grille avec GridGuide
La première étape majeure de la conception d'un site Web consiste à choisir une grille. Cela définit généralement la largeur maximale de la page ainsi que le nombre de colonnes internes et de gouttières qui seront utilisées pour diviser la mise en page.
Vous pouvez essayer de créer le vôtre, mais le meilleur outil pour ce travail est GridGuide. C'est une application Web entièrement gratuite qui automatise entièrement la génération de grille pour n'importe quel site Web, quelle que soit sa taille .
Il suffit de mettre dans votre largeur maximale souhaitée suivi du nombre de colonnes que vous voulez. Typiquement, ces deux nombres doivent être divisibles, donc c'est une bonne idée d'éviter les nombres premiers. Voici quelques largeurs maximales courantes pour les sites Web:
- 1100px par 12 colonnes
- 1200px par 8/12 colonnes
- 1240px par 8/12 colonnes
- 1440px par 8/10/12 colonnes
- 1600px par 8/10/12 colonnes
Il n'y a absolument aucune mauvaise réponse ici. Vous pouvez choisir n'importe quelle largeur et aussi longtemps qu'il est divisible par le nombre de colonnes, alors vous êtes prêt à partir.
GridGuide est une application web accrocheuse, donc il se met à jour automatiquement une fois que vous entrez une valeur dans le champ de saisie. Alors que vous ajustez les chiffres en haut, vous remarquerez que les prévisualisations de la grille changent automatiquement .
J'avais l'habitude de compter sur Photoshop pour ce travail et ça m'a rendu fou. Honnêtement, créer une grille est l'une des étapes les plus frustrantes lors de la conception d'un nouveau site Web, et obtenir les chiffres au pixel près peut être exaspérant.
Mais GridGuide est complètement automatisé et vous offre de nombreuses options de grille différentes basées sur différentes tailles de colonnes et largeurs de gouttières.
Vous pouvez même télécharger une image PNG complète de la grille que vous choisissez d'importer dans Photoshop . Cela vous fera gagner beaucoup de temps et vous ne créerez pas de grilles avec des outils de forme à partir de zéro.
Et si vous aimez un certain style de grille, vous pouvez créer un lien de partage pour le mettre en signet plus tard ou le partager avec d'autres sur le web.
Pour un outil totalement gratuit et facile à utiliser, cela doit être ma meilleure recommandation pour chaque concepteur de site Web. Si vous avez des problèmes avec les grilles et que vous détestez concevoir votre propre grille, alors GridGuide est une ressource incontournable dans votre boîte à outils.
50 sites qui vous paient pour les choses que vous faites tous les jours
Partout dans le monde, les gens sont à la recherche de nouvelles façons de gagner de l'argent, et ils font parfois des efforts pour le faire. Cependant, le marché du travail en ligne est si vaste, et il existe un certain nombre de sources à partir de laquelle vous pouvez gagner de l'argent en faisant des choses que vous faites déjà dans votre vie régulière.Vous av
CSS Retour à l'essentiel: les terminologies expliquées
Cet article fait partie de notre "série de tutoriels HTML5 / CSS3" - destiné à vous aider à devenir un meilleur concepteur et / ou développeur. Cliquez ici pour voir plus d'articles de la même série. CSS ou Cascading Stylesheets compléter le langage de définition des règles de conception pour notre site Web. Partout,
