Untitled / Untitled

With the move toward much higher resolution screens (as in most modern phones, the newer iPads, and the newest Macbook Pros), we as web-workers have an opportunity to change the units we work with. Pixels and ems (and my new favorite, rems) are all well and good, but they display differently on every screen. I want to design a page that will display text and page elements at the same physical size, regardless of the resolution of the screen they’re displayed on. I’m tired of designing things with pixels. I want to use points and picas, or perhaps even millimeters. So please,

Web Developers/Designers – Make all the fuss you can about getting better support for absolute units.

Browser Vendors – Please, please work on improving your rendering of these units. We all deserve to be able to design with the same certainty that print designers can.

PJ is a filmmaker and Youtuber that I really admire. If anyone reads this, help him out by sharing the video and liking it on any social networks that you may use.

For Espeon.

If you set display:block and height:20px, you don’t need any content, and hence you don’t need to set the text color.

span.topbar {
display: block;
position: fixed;
left: 0px;
top: 0px;
height: 20px;
width: 100%;
background-color: rgba(95,240,96,0.9);
background-clip: content-box;
border-top: 20px solid rgba(95,207,0,1);
border-bottom: 20px solid rgba(207,255,47,0.8);
z-index: 1;
}

I don’t know if Internet Explorer supports rgba, but if you don’t mind not supporting IE, this would work very well.

On at least one Tumblr theme (which I can’t find anymore), the likes and reblogs (and presumably those little comment-like things that are sometimes allowed) were visually separated from each other in the notes section. If anyone knows how to do this, can you reblog this and add the solution?

Thanks.

I’ve been thinking lately that the HTML headings—that is, h1, h2, h3, h4, h5,and h6—are somewhat old fashioned.

Better would be to create a new attribute for the newly-renamed h element, called level. It would look something like this: <h level="1">. It would be a part of the HTML specification, and it would be extendable to any level of nesting—without the creation of multitudes of new heading elements. Possibly it could automatically increase the nesting level, such as for a heading inside a div that is the sibling of another heading.

It’ll probably never happen, but it would be nice.

Edit July 18, 2012:
I’ve sort of realized for a while that the different nesting methods in HTML5 basically accomplish this, with <article>, <header>, <footer>, <hgroup>, etc. It is a little confusing – as an h2, for example, can now be a higher level heading than an h1 – but it does work better than it used to in HTML4 and below.

Just a test post to work on and display some CSS and such. A link. A visited link.