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.

Capturer des captures d'écran complètes du site Web avec cette extension Chrome

Capturer des captures d'écran complètes du site Web avec cette extension Chrome

J'aime toujours prendre une capture d'écran complète des sites Web impressionnants que je trouve en ligne. Mais le bouton "Imprimer l'écran" ne saisit que ce qui est directement sur votre écran.Capture d'écran pleine page est la meilleure solution que j'ai trouvé qui vous permet de récupérer 100% des captures d'écran verticales complètes à partir de n'importe quelle page Web .Avec cette

(Conseils techniques et de conception)

Comment Facebook utilise vos données et ce que vous devez savoir

Comment Facebook utilise vos données et ce que vous devez savoir

Lump Facebook et la vie privée ensemble dans la même phrase et vous avez une cause pour une discussion passionnée puissante. Ce n'est pas un secret que Facebook prend certaines libertés avec ses conditions d'utilisation ainsi que les données que ses utilisateurs mettent sur le site. Ce n'est pas un problème pour eux de faire des expériences sur leurs utilisateurs, juste pour voir comment les utilisateurs réagiraient à la manipulation de leur fil d'actualité. Face à f

(Conseils techniques et de conception)