Friday, June 27, 2008
Yes, I’ve “emmed” L1 completely so It’s fully elastic now in older browsers. I used an easy “trick”: if you set font-size:62.5%; it means 10px and then you have 1em=10px ratio - very easy to calculate. 554px is 55.4em, now. Cool, huh?
Yeah, but the problems start when you have nested stucture. Example - you set font-size:1.2em; (12px) but with nested structure it will generate something like this:
The easiest solution is:
ul * {font-size:1em}
Tuesday, June 24, 2008
Vivamus eu quam. Nam id dolor. Phasellus est. Quisque metus. Aenean suscipit, neque porttitor rhoncus commodo, magna mauris bibendum sapien, a adipiscing neque massa eu nulla. Donec egestas dolor sit amet nulla. Fusce porttitor lacus lacinia nisl. Aliquam posuere fringilla dui. Proin non nunc non erat rutrum posuere. Nullam rhoncus, odio eu bibendum hendrerit, sem turpis pharetra tortor, id vestibulum pede velit ut ligula. In hac habitasse platea dictumst. Donec et leo. Aenean et neque. Duis cursus. Sed dictum enim eget magna. Vestibulum massa lectus, dignissim quis, tincidunt et, venenatis sodales, sem. Praesent scelerisque tincidunt risus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec nec elit in arcu ullamcorper ullamcorper. Nulla in nulla in nisi ullamcorper blandit.
- Donec ut libero. Donec nec elit in arcu ullamcorper ullamcorper. Nulla in nulla in nisi ullamcorper blandit.
- Nam aliquam tempus ipsum.
- Morbi eget sem. Ut a lorem vel nunc sagittis scelerisque.
- Donec ut libero. Donec nec elit in arcu ullamcorper ullamcorper. Nulla in nulla in nisi ullamcorper blandit.
- Nam aliquam tempus ipsum.
- Morbi eget sem. Ut a lorem vel nunc sagittis scelerisque.
Mauris nulla. Suspendisse convallis nisi pellentesque odio. Aenean elit lacus, consectetuer id, pellentesque at, rhoncus nec, sapien. Pellentesque consequat dignissim purus. Curabitur diam nulla, condimentum ut, lobortis ut, facilisis sed, lectus. Etiam semper. Cras mi sapien, fermentum in, facilisis sit amet, imperdiet in, magna. Nunc tristique rutrum eros. Vivamus elementum venenatis sapien. Mauris ornare. Donec malesuada purus. Integer commodo laoreet turpis. Nullam volutpat purus vitae magna. Etiam ultrices consectetuer ligula.
Sed sit amet est. Suspendisse sodales massa commodo felis. Quisque feugiat tempus purus. Suspendisse feugiat consequat ligula. Duis sollicitudin, tortor varius pulvinar luctus, metus dui scelerisque mauris, sed adipiscing quam ligula id nisi. Suspendisse ligula. Fusce ac est ac quam laoreet tempus. Aenean sodales bibendum ipsum. In pulvinar placerat orci. Duis in diam quis risus luctus molestie. Pellentesque rutrum auctor tellus. Proin sapien. Etiam vestibulum congue ante. Mauris sodales metus ut lorem. Fusce vestibulum, neque commodo cursus ornare, nisi lorem adipiscing nibh, quis volutpat urna dolor tempus tortor. Duis non mi.
Vivamus eu quam. Nam id dolor. Phasellus est. Quisque metus. Aenean suscipit, neque porttitor rhoncus commodo, magna mauris bibendum sapien, a adipiscing neque massa eu nulla. Donec egestas dolor sit amet nulla. Fusce porttitor lacus lacinia nisl. Aliquam posuere fringilla dui. Proin non nunc non erat rutrum posuere. Nullam rhoncus, odio eu bibendum hendrerit, sem turpis pharetra tortor, id vestibulum pede velit ut ligula. In hac habitasse platea dictumst. Donec et leo. Aenean et neque. Duis cursus. Sed dictum enim eget magna. Vestibulum massa lectus, dignissim quis, tincidunt et, venenatis sodales, sem. Praesent scelerisque tincidunt risus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec nec elit in arcu ullamcorper ullamcorper. Nulla in nulla in nisi ullamcorper blandit. Donec ut libero. Praesent iaculis, velit accumsan accumsan dignissim, mauris turpis accumsan mi, ac viverra diam massa sed purus. Nam aliquam tempus ipsum. Fusce ultrices, tortor non luctus ornare, lacus justo consectetuer felis, non porta sapien pede sed pede. Morbi eu ipsum. Morbi eget sem. Ut a lorem vel nunc sagittis scelerisque. Nullam eu est. Fusce accumsan. Sed lectus. Vivamus volutpat. Vivamus nec sem quis dui semper iaculis. Nulla facilisi.
Mauris nulla. Suspendisse convallis nisi pellentesque odio. Aenean elit lacus, consectetuer id, pellentesque at, rhoncus nec, sapien. Pellentesque consequat dignissim purus. Curabitur diam nulla, condimentum ut, lobortis ut, facilisis sed, lectus. Etiam semper. Cras mi sapien, fermentum in, facilisis sit amet, imperdiet in, magna. Nunc tristique rutrum eros. Vivamus elementum venenatis sapien. Mauris ornare. Donec malesuada purus. Integer commodo laoreet turpis. Nullam volutpat purus vitae magna. Etiam ultrices consectetuer ligula.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
OK. L1 beta is here. Download. Enjoy. Leave a comment. Thanks :-)