프런트엔드 개발자를 위한 스위스 군용 칼
Gridman은 모든 프론트엔드 개발자에게 꼭 필요한 크롬 확장 프로그램입니다. 이 도구킷은 생산성을 향상시키고 코딩 경험을 향상시키도록 만들어졌습니다.
DOM INSPECTION
DOM 요소를 즉시 검사합니다. 대상 및 해당 부모 요소의 세부 정보를 표시하기 위해 가리키기만 하면 분석 및 디버깅 과정을 간소화합니다.
PERSISTENT
Gridman은 호스트 리로드 간에 고유하게 유지됩니다. 요소를 클릭하고 페이지를 새로 고침해도 정보를 유지하여 귀중한 시간과 노력을 절약합니다.
TAILWIND
Tailwind 개발자, 기뻐하십시오! 클래스 세트를 쉽게 검사하고 Tailwind CSS가 디자인을 어떻게 살려내는지 확인할 수 있습니다.
LAYOUTS
CSS Grid 또는 Flexbox를 사용하더라도 Gridman은 행, 열, 여백, 마진 등을 표시합니다. 복잡한 레이아웃을 이해하고 쉽게 조작할 수 있습니다.
ANYWHERE
어떤 웹 페이지에서도 이 도구킷을 활성화하려면 확장 아이콘을 클릭하기만 하면 됩니다.
HOVER
마우스 호버만으로 DOM 구조의 복잡성을 드러냅니다. 요소가 어떻게 중첩되고 관련되는지 시각화하고 이해합니다.
JOIN
Gridman을 사용하면 도구만 사용하는 것이 아니라 전체 개발 프로세스를 업그레이드합니다. 지금 다운로드하고 프론트엔드 개발 여정에서 혁명을 경험하세요!
REVIEW
Gridman과의 경험이 나에게는 매우 중요합니다. 도움이 되었다면 리뷰에서 의견을 공유해 주시면 감사하겠습니다. 피드백은 개선뿐만 아니라 다른 개발자들이 이 확장 프로그램의 이점을 발견하는 데도 도움이 됩니다. 지원해 주셔서 감사하며 Gridman 지지자 중요한 부분이 되어 주셔서 감사합니다!
NOT WORKING
무언가가 예상대로 작동하지 않는 경우 질문이나 문제를 고려해 주시기를 부탁드립니다. 긍정적인 리뷰든 부정적인 리뷰든 모든 리뷰는 학습하고 개선할 기회를 제공하는 것을 이해하고 있습니다. 그러나 의사 소통을 통해 문제를 이해하고 해결하는 중요성도 믿고 있습니다. 아무런 질문이나 문제가 있으면 언제든지 여기에서 물어보십시오: https://fenvox.com/gridman#ask-section. 항상 여기에서 도움을 드리겠습니다!
Latest reviews
- (2023-04-27) John Alexander Barreto Diaz: No muestra absolutamente nada no me sirve para los desarrollos pesimo servicio
- (2023-01-13) Louis Shine: sounds cool. not responding. no guidness. wasted my time.
- (2020-12-28) Mitchell McPhee: Amazing extension, helps me out a bunch! I use it ever-day and it works as advertised!
- (2020-11-20) Chandrashekar B S: Very helpful extension for designing my websites. Thank you
- (2020-11-03) Eduardo Mejia: no me muestra nada, la ayuda no contiene nada, no existe algún video de apoyo, en general no me gusto, la voy a desinstalar.
- (2020-08-18) Андрей Кобзарь: Еще бы лучше было, если бы при наведении на каждый из элементов внутри контейнера показывались id и class этих элементов.
- (2020-07-08) deni rachmadi: wow thanks man for this extensions. do help on my work, anyway nice if we can see the width or heights when hovering.
- (2020-04-14) Unfortunately this plugin only seems to work on like a quarter of pages/elements I hover over.
- (2020-03-24) German Duterte: W0W! it helps me a lot
- (2020-02-08) Дмитрий Макаров: Крутое расширение!!!
- (2019-12-16) Ed Garzaro: Worked right out of the box and super easy to use. I want to love Firefox but Chrome is so fast. Thank you for the alternative.
- (2019-08-07) Jonathan Alumbaugh: Super helpful as Chrome's devtools don't do the greatest job with grids (it'd be great if we could just toggle them on like in Firefox, but I don't like Firefox). This extension solves that problem, I only have one small gripe: When resizing responsive view, if the grid is toggle on, you need to toggle the grid on and off after resizing for responsive to work properly. A very small inconvenience, but overall a huge improvement.
- (2019-06-16) Cedric Clark: Great job! Its excellent for learning CSS Grid!
- (2019-04-11) james foley: It's been a while since I have used this extension it has come along way thanks for all the hard work you have done on bringing this along. Also like the addition of the CSS Grid Playground. Cheers Jim
- (2019-03-14) Cesar Suarez: Me ha ayudado bastante, sin embargo falta mejorar ciertos aspectos, cómo el de tener en cuenta el re-acomodado de la pantalla, o los "borders" del elemento que tenga el grid... ya que en estas circunstancias la rejilla que arroja la extensión se corren y no se ajustan a donde en realidad esta la GRID CSS
- (2019-02-06) M G: Sure makes edits quick and easy, and ideas transferable without eating up time. Thanks for the extension!
- (2018-11-23) SiriusGD: I am having all sorts of issues with Chrome not responding to grid changes. I installed the flag and it seems to make no difference. Your product did absolutely nothing on my chrome browser. I'm not sure why chrome is giving me so many problems developing with grid. I don't have issues with firefox and very few with safari but chrome is a nightmare. (I had to rate it to post this so I put a neutral rating)
- (2018-06-19) Nils P.: Very helpful extension to debug grid structures! Even though I don't know if the feature of persisting the grid lines is already implemented I managed to do so by opening the DevTools and targeting an element inside the grid there. I'd call it a must have extension for front end development.
- (2018-04-25) Jayne Chartrand: I do wish there was a way to make the grids show without hovering mouse, but it's the best chrome extension for this in the web store!
- (2018-03-18) Thank you ! if it would be possible to have the grid shown at all times, would make it a 5 star.
- (2018-01-06) Butterfly Wing: Very useful addition to Chrome. Looking forward to future improvements. Thanks for your efforts.
- (2017-12-08) Does not work with devtools responsive mode on (which should not be an issue), doesnt work at all if working with frameworks like Angular or React.
- (2017-12-04) Bryce Barbara: Fairly useless due to not being able to do anything more than show the name of the grid columns/rows.
- (2017-11-30) Piotr Wierzbicki: This works well and is really snappy. Seeing as this has promise I'm giving the author the benefit of the doubt for now and slapping a solid five stars on the extension to motivate him :)
- (2017-11-28) Ronald van Middendorp: As said by others; it only shows grid on hovering, which is not very useful. Also, without the names of the grid-areas it is pretty useless for investigating on an existing site. No data in grid, grid not shown. Good effort, but still needs a lot of work.
- (2017-11-10) Taylor Mason: Simple and very effective. Its been a godsent on my current project. My only request would be to add a way to have the grid persist when you're not hovering.
- (2017-11-06) Jacob Schneider: It is brilliant because it's simple, and works. nothing more said. Fantstic work!
- (2017-10-20) Diamonds: Very useful for development with grid, although with a few glaring issues. First, it only shows grids when you're hovering over an element so it can be a bit of a pain to switch between inspecting and writing, also it breaks on nested grids past the first one, making it nearly useless on more complicated layouts. Still the best tool I've found so far for working with Grid, but I can't wait for something better
- (2017-10-19) Nicole costa fonseca: this doesn't work
- (2017-10-18) Jacob Dubail: doesn't seem to display auto-filled rows properly.
- (2017-10-15) Glen Ihrig: First it does not display grid lines if the grid cell is empty. Second grid lines only show when mouse hovers over grid content. These shortcomings make it too difficult to use for grid development. And finally, the large number of (evidently) fake 5 star reviews make me wonder if I've installed some kind of malware :-(
- (2017-10-05) Xian Brock: This doesn't work at all when you have the dev tools in device/responsive mode so you can't test how your grid looks at different screen sizes. Since this is on mouse-over only, there is no option to always show grids so you can actually work on them without constantly having to keep your mouse hovered over the grid. As an aside, I'm reasonably certain that all of the 5 star reviews for this extension are fake.
- (2017-08-24) Ken Jones: This extension is awesome! It's a must have for css grid lovers.
- (2017-08-15) Anton Savinskiy: Awesome! )