You hit the nail on the head with that one. Without going into details, my daily traffic has increased 11 times over (no exageration!) since Roger first linked to me last Saturday. I owe him two vital organs and my first born child, but I think it was a good deal.
As a web developer finally starting to “see the light” and teach myself CSS and web standards, I’ve been compiling a list of favorite css-related websites to visit for news, inspiration, and sheer envy. Your’s was planted on my list early on…
I wanted to make a post on the Global White Space reset (but it’s closed for comments). I applied it to our site and an added benefit was that the size of the CSS file was reduced dramatically after removing all the margin:0’s and paddig:0’s.
Hi,
As Fahed, I also use this place to post a comment about the the Global White Space Reset.
I’m using it in, and the property margin: 1em 5%; applied to most elements (h1 to h6, p, ul, etc.) seems to trigger some issues with gaps between borders: that rule makes it difficulty to make them consistent in Mozilla Firefox.
Let me try to explain:
I’m playing with borders applieds to div or other block elements, and also with the margins and paddings between the borders.
In IExplorer, the space between borders keeps consistent.
But in Firefox, when I modify some rule (apparently-unconnected-to-the-border/div/element that I want to keep consistent) in the CSS, maybe, a difference in the gap between the borders is triggered…
This is very weird, because I have found that modifying CSS rules for unrelated and distant (in the code) tags triggers this modification in the space between borders in other tags.
Example-situation:
I modify the margin in an h1 element in the header, and suddenly, in the footer div, the distance between borders changes.
And, as far as I have investigated, this have a relation with the margin: 1em 5%; property applied to most elements.
I think this is related to the use of em units.
Do anyone noticed this before?
I know this is a bit hard to explain/understand, and english isnt my native language.
Excuse my english and excuse me for posting this here.
Congrats! I think your articles on sanity saving CSS shortcuts and the Global White Space Reset technique had a lot to do with it.
Am I the only person not using shortstat?
You hit the nail on the head with that one. Without going into details, my daily traffic has increased 11 times over (no exageration!) since Roger first linked to me last Saturday. I owe him two vital organs and my first born child, but I think it was a good deal.
Good stuff.
I know how it is. Roger linked me too, and my visitors have quadrupled over the past one and a half week. Really, I’m not complaining
Note though, that I’ve been linked by a dozen other sites too. ShortStat is going crazy on referrals
Your not the only one not using shortstat
Congrats Andrew… If only my site got that many…
Wow, just wow, this site is amazing. I’m glad I checked here from Dunstan’s blog
.
Congratulations on 50,000 also ;D.
As a nerd:) I fully understand and appreciate massive hits!
Good to see some of the programmers are starting to appreciate the designers more in this industry:)
Well here’s to me, a new reader who just so happened to stumble across this luverly site.
As a web developer finally starting to “see the light” and teach myself CSS and web standards, I’ve been compiling a list of favorite css-related websites to visit for news, inspiration, and sheer envy. Your’s was planted on my list early on…
Well done…
Freshness + Quality = High Traffic.
I wanted to make a post on the Global White Space reset (but it’s closed for comments). I applied it to our site and an added benefit was that the size of the CSS file was reduced dramatically after removing all the margin:0’s and paddig:0’s.
Thanks for that one.
Hi,
As Fahed, I also use this place to post a comment about the the Global White Space Reset.
I’m using it in, and the property margin: 1em 5%; applied to most elements (h1 to h6, p, ul, etc.) seems to trigger some issues with gaps between borders: that rule makes it difficulty to make them consistent in Mozilla Firefox.
Let me try to explain:
I’m playing with borders applieds to div or other block elements, and also with the margins and paddings between the borders.
In IExplorer, the space between borders keeps consistent.
But in Firefox, when I modify some rule (apparently-unconnected-to-the-border/div/element that I want to keep consistent) in the CSS, maybe, a difference in the gap between the borders is triggered…
This is very weird, because I have found that modifying CSS rules for unrelated and distant (in the code) tags triggers this modification in the space between borders in other tags.
Example-situation:
I modify the margin in an h1 element in the header, and suddenly, in the footer div, the distance between borders changes.
And, as far as I have investigated, this have a relation with the margin: 1em 5%; property applied to most elements.
I think this is related to the use of em units.
Do anyone noticed this before?
I know this is a bit hard to explain/understand, and english isnt my native language.
Excuse my english and excuse me for posting this here.
Maniquí: Your problem is caused by a
line-heightbug in the Gecko rendering engine (Firefox/Mozilla).Try removing any line height settings or set it back to default (1.4 is default) for the affected elements.
Please don’t use unrelated posts as a method of asking questions – that’s what the contact page is for