Gridman - boîte à outils frontale
Image du logo de l'article pour Gridman - boîte à outils frontale

Gridman - boîte à outils frontale

fenvox.com
Sélection
4,1(

96 avis

)
Capture d'écran 4 de l'élément multimédia
Capture d'écran 5 de l'élément multimédia
Capture d'écran 1 de l'élément multimédia
Capture d'écran 2 de l'élément multimédia
Capture d'écran 3 de l'élément multimédia
Capture d'écran 4 de l'élément multimédia
Capture d'écran 5 de l'élément multimédia
Capture d'écran 1 de l'élément multimédia
Capture d'écran 2 de l'élément multimédia
Capture d'écran 1 de l'élément multimédia
Capture d'écran 2 de l'élément multimédia
Capture d'écran 3 de l'élément multimédia
Capture d'écran 4 de l'élément multimédia
Capture d'écran 5 de l'élément multimédia

Présentation

Couteau suisse pour les développeurs front-end

Gridman est l'extension Chrome indispensable pour chaque développeur front-end. Cet ensemble d'outils est conçu pour augmenter votre productivité et améliorer votre expérience de codage. INSPECTION DOM Inspectez instantanément les éléments DOM. Il suffit de survoler pour révéler les détails de l'élément ciblé et de ses éléments parents, simplifiant ainsi votre processus d'analyse et de débogage. PERSISTANT Gridman persiste de manière unique entre les rechargements de l'hôte. Cliquez sur un élément et maintenez vos perspectives même après un rafraîchissement de la page, vous faisant gagner un temps et un effort précieux. TAILWIND Développeurs Tailwind, réjouissez-vous ! Inspectez facilement les ensembles de classes et voyez comment Tailwind CSS donne vie à vos designs. LAYOUTS Que vous travailliez avec CSS Grid ou Flexbox, Gridman affiche les rangées, les colonnes, les padding, les marges, et plus encore. Comprenez et manipulez des layouts complexes en toute facilité. PARTOUT Cliquez simplement sur l'icône de l'extension pour activer cet ensemble d'outils sur n'importe quelle page Web. SURVOL Révélez les complexités de la structure DOM d'un simple survol de la souris. Visualisez et comprenez comment les éléments sont imbriqués et liés. REJOINDRE Avec Gridman, vous n'utilisez pas seulement un outil ; vous améliorez l'ensemble de votre processus de développement. Téléchargez maintenant et vivez une révolution dans votre parcours de développement front-end ! REVIEW Votre expérience avec Gridman m'importe profondément. Si vous le trouvez utile, je serais incroyablement reconnaissant si vous pouviez prendre un moment pour partager vos pensées dans un avis. Vos commentaires aident non seulement à améliorer, mais aident également d'autres développeurs à découvrir les avantages de cette extension. Merci pour votre soutien et d'être une partie essentielle des supporters de Gridman ! NE FONCTIONNE PAS Si quelque chose n'a pas fonctionné comme prévu, je vous demande gentiment de considérer la possibilité de me contacter avec toutes questions ou problèmes que vous pourriez avoir. Je comprends que chaque avis, positif ou négatif, me donne l'occasion d'apprendre et de m'améliorer. Cependant, je crois également en l'importance de comprendre et de résoudre les problèmes par la communication. N'hésitez pas à me poser n'importe quelle question à : https://fenvox.com/gridman#ask-section. Je suis toujours là pour vous aider ! FICHIERS LOCAUX Essayez-vous de l'utiliser sur un fichier local comme 'file:///...' - mais rien n'apparaît ? RÉPONSE : Gridman, comme toute extension Chrome, ne fonctionnera pas sur des fichiers locaux. Chrome ne le permet pas pour des raisons de sécurité. Et c'est juste. Vous pouvez imaginer les implications si une extension Chrome pouvait accéder au système de fichiers de votre ordinateur. Pour utiliser Gridman sur des fichiers locaux, je recommande un petit serveur http que vous pouvez obtenir ici : https://www.npmjs.com/package/http-server

4,1 sur 596 avis

Google ne valide pas les avis. En savoir plus sur les résultats et les avis

Détails

  • Version
    2.3.2
  • Dernière mise à jour
    22 janvier 2024
  • Taille
    871KiB
  • Langues
    54 langues
  • Développeur
    Fenvox LLC
    17350 Texas 249, Ste 220 #11833 Houston, TX 77064 US
    Site Web
    E-mail
    support@fenvox.com
  • Professionnel
    Ce développeur s'est identifié comme professionnel selon la définition de l'Union européenne.

Confidentialité

Le développeur a indiqué qu'il ne collecterait et n'utiliserait pas vos données. Pour en savoir plus, consultez les Règles de confidentialité du développeur.

Ce développeur déclare que vos données :

  • Ne seront pas vendues à des tiers en dehors des cas d'utilisation approuvés.
  • Ne seront ni utilisées ni transférées à des fins sans rapport avec la fonctionnalité de base de l'article.
  • Ne seront ni utilisées ni transférées pour déterminer votre solvabilité ou en vue de vous proposer un prêt.

Assistance

Pour obtenir de l'aide concernant des questions, des suggestions ou des problèmes, consultez le site d'assistance du développeur.

Articles similaires

Designer Tools

4,7(200)

Mesurer et aligner des éléments dans Chrome

CSS Peeper

4,6(345)

Extract CSS and build beautiful styleguides.

Amino: Live CSS Editor

4,3(444)

Éditeur CSS en direct. Écrivez du CSS personnalisé pour n'importe quel site Web et visualisez vos modifications en temps réel.

VisBug

4,8(224)

Open source browser design tools

CSS Grid Overlay

4,4(7)

Easily check the grid alignment of your page across breakpoints.

Outliner CSS

5,0(8)

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Grid Ruler

3,7(325)

Create grids and measure their distance easily.

Dimensions

4,1(451)

A tool for designers to measure screen dimensions

Bootstrap Grid Overlay

4,2(46)

Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks.

Foundation Overlay

4,5(12)

This extension creates an overlay for the Foundation grid system

Grid Builder

3,7(10)

Grid Builder extension applies a grid to current web page.

CSSViewer

4,4(366)

A simple CSS property viewer.

Designer Tools

4,7(200)

Mesurer et aligner des éléments dans Chrome

CSS Peeper

4,6(345)

Extract CSS and build beautiful styleguides.

Amino: Live CSS Editor

4,3(444)

Éditeur CSS en direct. Écrivez du CSS personnalisé pour n'importe quel site Web et visualisez vos modifications en temps réel.

VisBug

4,8(224)

Open source browser design tools

CSS Grid Overlay

4,4(7)

Easily check the grid alignment of your page across breakpoints.

Outliner CSS

5,0(8)

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Grid Ruler

3,7(325)

Create grids and measure their distance easily.

Dimensions

4,1(451)

A tool for designers to measure screen dimensions

Applications Google