Tuesday, 15 January 2019

Review NOLS: a simple package that helps convert your pixel CSS values to viewport values!

Self-post: I originally created NOLS because I wanted a way to streamline making "pixel-perfect" CSS.​Description: NOLS makes writing pixel perfect CSS/SCSS easier by taking the hassle out of converting pixel (px) values to viewport (vh/vw) values within your project with one simple CLI command. You can now write your stylesheet with one device in mind, and NOLS handles making it pixel perfect (within reason) everywhere else.​The WhyI don't know about you, but I typically write my CSS with one device in mind. During development, I work with a device that has a view height of 812px and a view width of 375px.Afterward, I would always go back, and manually make the conversions, so that the CSS that looks good on my device, looks good on any device.This takes a lot of effort on my part because there are a lot of little calculations to be done. So I wanted to streamline this process. Since no one likes stylesheets, NOLS came to life.Open source, MIT license, looking for testers/contributors to help bring (in my opinion) a much-needed tool to the table.Please give NOLS a try, submit any bugs that you find, and help me make my first NPM package better for the community. PR's are always welcome, it has a long way to go before I could claim it as a V1.0.0, but I think I've knocked out most of the potential bugs & edge cases for V0.9.6!

Submitted January 15, 2019 at 10:22AM by WebDevLikeNoOther

No comments:

Post a Comment