joaocunha / vunit Goto Github PK
View Code? Open in Web Editor NEW:triangular_ruler: A lightweight alternative to the buggy vh/vw CSS units.
Home Page: http://joaocunha.github.io/vunit/
License: MIT License
:triangular_ruler: A lightweight alternative to the buggy vh/vw CSS units.
Home Page: http://joaocunha.github.io/vunit/
License: MIT License
Hey there--
Love vunit! But there is a pretty large feature that seems to be missing from it. Why can't I use font-size properties other than just vw? The ability to size text on vh, vmin or vmax would be extremely helpful!! Anytime I try to manually add the properties in my CSSMap, vunit won't load.
Are these features planned to be implemented? Is there just something I'm doing wrong?
Thanks for your help!
There is a known bug than chrome set a Margin.
The way to fix it is by setting inside body a margin:0;, so I think than this awsome library could implement a property inside .init() for set margin:0; auto inside body tag ; something like
chromeBugSupport:true.
Regards
I was testing and I feel a big impact in the performance in one of my apps and I think is because of the calculation of the measurements and attach it to the head.
I feel than that calcs needs to be on fly after document ready..
Actual code does not provide a right way to set decimal vh or vw values.
Sometimes is required because content needs to be adjusted in not integer values.
I suggest something like this:
.vw_font-size15 -- As actual code does 15% of vw.
.vw_font-size15_35 -- As 15.35% of vw.
Firefox for Android seems to be calculating the viewport height incorrectly on page load.
Funny enough, it starts getting it right after changing the orientation. It's weird because vUnit is event-less.
Tested on v35.0
Hey i found your amazing js lib but i tried to fork it from the fork button on your site and it redirects to a 404 maybe wanna check that out and fix that :D (ok edit if your not logged in to gihub) maybe add clone button or just the bower install thingy
Hey
If two elements arranged vertically, on top of each other, have a padding bottom and padding top respectively, it does not adjusts the height accordingly. The bottom element clips a little.
You can also confirm this by adding only padding-bottom to the top element only.
Thanks.
There is an issue that I have been trying to overcome which is that VW/VH units become completely useless as soon as you are working with any kind of split screen/pane. I've been looking for a solution where one segment of this split can be treated as it's own viewport, but the only real solution is using iframes. See a question about this on Stack Overflow.
jsFiddle use the iFrames approach, which is how they able to have their screen area split 4 ways, but still be able to correctly display elements sized with vw and vh in the bottom right hand preview window see here.
Although the jsFiddle approach is precisely the behavior I want, splitting my application up into separate pages, so that they can be windowed separately within iFrames, just so I can use viewport measurements in each, seems rather extreme.. and so my question is...
Does vunit offer the flexibility to calculate it's units from a specific DIV container, or does it only calculate from the entire viewport?
Thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.