0
JUN
12

CSS3 / HTML5 – the hype ?

posted by Samir

Everyone in the office now is talking about CSS3 and HTML5, while not so much interested in HTML5, due to the lack of support in almost every browser (some support more some less), I dabbled around with CSS3 for some time now.

During my endeavor I came across some great sites that make CSS3 development, fairly easy and, to an extent, cross-browser friendly.
Those sites I would like to share with you.
Let’s start first with a site, which I have in my favorite bar as this is THE IMPORTANT site of all.
I like to call myself a CSS purist, with tolerance. Why do I say this ? Well most purists do not like to see ANY pixel values in CSS and instead use EM values.
The advantage of using em over px is, that em is scalable in almost all browsers and readers, thus the most appropriate for accessibility concerns.
And only for this concern I use em, almost exclusively for font sizes.

PX to EM


The best tool ever to help with px to em conversions

Now with the basics out of the way, we can focus on some CSS3 goodness.
Read the rest of this entry »

TAGS: , ,
Posted in tutorials, web design, web development | No Comments »

0
JUN
08

How to center a DIV – CSS Mini Tutorial

posted by Samir

Here we go with another quick tutorial.

We all have been there, an element needs to be centered on the Webpage.
Now how can we do that ? – float only works left or right. Some of us have tried other float options, but… they quickly found out they did not work at all…

The easiest way to center an element is with CSS, depending on the situation, there are different approaches.
Let’s start with the most simple one:

Center an element horizontally

We have an element that needs to be centered horizontally: All we need to know is the width and the rest can be done with margins in CSS:

.class or #id {
	margin:0 auto;
	width:200px;
	height:200px;
}

Read the rest of this entry »

TAGS: , ,
Posted in tutorials, web development | No Comments »

0
MAR
12

2147483647 – highest possible z-index

posted by bill

VERY handy to know. We all need to shove a layer right above everything else going on. No more adding on zeros until your layer appears, just use the magic number. 2147483647 is the highest possible z-index in browsers to date. One note, safari 3 apparently will reduce it to 16777271. Read more here: http://www.puidokas.com/max-z-index/.

Next week: the very-most_outer-most_all_wrap div.

TAGS: , ,
Posted in web design, web development | No Comments »