hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


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.

Formulaires d'inscription au bulletin d'information Rock - Inspirations, modèles et outils

Formulaires d'inscription au bulletin d'information Rock - Inspirations, modèles et outils

Un formulaire d'abonnement aux bulletins d'information fortement conçu peut vous aider à augmenter considérablement votre liste d'abonnés et, par conséquent, à augmenter vos ventes. Le bulletin électronique est un outil puissant pour communiquer avec vos visiteurs et clients. Alors, en tenant compte de la concurrence, comment pouvez-vous encourager vos visiteurs à s'abonner à votre newsletter?En utili

(Conseils techniques et de conception)

Comprendre WordPress Custom Meta Box

Comprendre WordPress Custom Meta Box

Dans la publication précédente, nous avons parlé du champ personnalisé WordPress, qui vous permet d'ajouter et de sortir une nouvelle entrée dans un article à l'aide de la boîte Champ personnalisé fournie par WordPress dans l'écran d'édition de post. Si toutefois vous n'êtes pas à l'aise avec la boîte de champ personnalisée (nous avons tous nos préférences individuelles), voici une alternative: vous pouvez créer une méta-boîte.Une méta-box est u

(Conseils techniques et de conception)