extension ExtPose


Description from extension meta

An extension for designers and developers who care about vertical rhythm.

Image from store Baseliner
Description from store An extension for designers and developers who care about vertical rhythm. This tool will add a grid layer on top of any website to be used as a guidance when developing interfaces. You can set the horizontal guides to match your specification as well as the starting point, in case you're only concerned about individual modules of your site. For better experience, you can change the colour of the lines as well as the opacity, making it easier to compare the grid with your website design. As of v5.3, the configuration you set for each URL is saved on localStorage, so you can go back later on and keep the grid as it was last time. Developed by J. Pedro Ribeiro (@jpedroribeiro), Designed by Tim Davey (@TJDaveyUK), and constantly updated with support of the open source community.

Latest reviews

  • (2019-11-02) Jasper v.d. Meer: Works great on my Chromebook. This tool gave me insight in how poorly my text is aligned. Thanks!
  • (2019-10-27) sonia aparecida saglia: trasluzir para o português
  • (2019-10-15) Paul Lamey: Simple but effective.
  • (2017-11-07) Alan Au: Can it able to make vertical baselines?
  • (2017-01-10) Надежда Зайцева: у меня не заработало
  • (2016-11-16) 김한나: nice~!
  • (2016-11-08) Lautaro Mondaca: would be great to edit default values
  • (2016-10-30) анастасия джиган: I use every day everything suits me
  • (2016-10-29) nerdy kiddo that uses manjaro linux: Does not work on thinkpad windows 10...
  • (2016-10-26) Scot Angus: Loving the way this extension allows me to quickly an easily check vertical rhythm!
  • (2016-02-01) Arttu Lahdenperä: Great tool for design
  • (2015-09-28) Hamed mousavi: Nice! TNX

Latest issues

  • (2018-02-26, v:5.5) Paul Barrington: Just stopped working on localhost
    Hi, I love your app. I think a recent Chrome update has stopped this working on localhost pages. I'm developing using XAMPP and now the baseliner doesn't print grids. Any ideas?
  • (2017-10-19, v:5.5) Irina Extguru: Browser extention monetization
    Hi Pedro, I represent the company Ext.Guru, the leading system of browser extention monetization. Currently Ext.Guru is the most advanced platform for profitable cooperation. For our partners we have different monetization settings: soft, mid and max. Why us: -Without slightest efforts you can secure yourself a high salary. -Payments are made upon request without delays and without a minimum requested amount. -Choose the payment system that is preferable for you. -Responsive support service will answer all your questions. -Real-time detailed statistics. -Faults and interfernces in the system are excluded. -Profitable Referral Program. Along with Ext.Guru your extension "Baseliner" will become a reliable guarantor for maximum profit for you. If you are interested in our offer or have questions and/or requests, please contact us: Sk: extguru Jabber: [email protected] ICQ: 654784658 E-mail: [email protected] Best Regards, Ext.Guru Team!
  • (2017-09-12, v:5.5) Andrea Verlicchi: Double grid
    Hi Pedro, I suggest you to make the double grid available. So for example, if the grid pace is 27px, I want to have an additional line at 13.5. Since background-image doesn't support half pixels, I had to do it this way on my website: ```scss .baseline-grid { position: relative; height: auto; &:after { background: linear-gradient(rgba(204, 204, 204, 0.7) 1px, transparent 1px) left top / 1px $base-line-height; position: absolute; top: 0; left: 0; content: " "; right: 0; bottom: 0; z-index: 1; } &:before { background: linear-gradient(rgba(204, 204, 204, 0.4) 1px, transparent 1px) left top / 1px $base-line-height; position: absolute; top: $base-line-height / 2; left: 0; content: " "; right: 0; bottom: 0; z-index: 1; } } ``` I hope you can integrate this.
  • (2016-10-30, v:5.0) Carlos Enrrique Marulanda López: pantalla
    La pantalla disminuyó el tamaño
  • (2016-10-28, v:5.0) It does not work
    i does not work for me and i really need it could some1 help me!?!?
  • (2016-10-24, v:5.0) Mary Castro: chrome desktop setting from dispaly
    i like to know what app will help me make my pictures vertical on the wallpaper
  • (2016-04-17, v:3.0) Izel Nakri: Please support decimals
    Bootstrap 4 navigation height is 54px. This I would really like to set the baseline 13,5 px. Please add this feature!


4.2093 (43 votes)
Last update / version
2019-03-31 / 5.7
Listing languages