As a web developer one of our biggest challenges is to make web design look the same or at least similar for all browsers. Most of the browsers renders almost identical but we have one mind bugging little nasty thing called Internet Explorer, we can’t ignore this browser as it is the standard browser in Windows so it has a lot of users and of course Microsoft made extra hard for us so that every version has its own life. There are a few ways to tackle this thing, most common once are with conditional tags or CSS hacks.
September 6th, 2012No Comments, CSS, HTML, by Joakim Ling.
I’ve noticed that when you use display inline-block on li elements it creates a space between them. Even if you put margin and padding to 0. Took me a while to figure it out but the reason is that li is a whitespace independent method so if you have your elements on diffrent rows and renders a space between them.
August 3rd, 2011No Comments, HTML, by Joakim Ling.
The <header> and <hgroup> tags are new for HTML5, we all know that <h1> – <h6> has vital importance in SEO to get keywords ranked on search engines such as Google. But it’s not as easy to understand the use for the new tags.
There are a lot of confusion around this HTML5 aside element. Its definition suggests it should be used for content surrounding the main content. The most common misconception of how this element should be used is for the standard sidebar. While there is usually a degree of relation between sidebar content and the content in an article, it is not enough to be considered fit for an aside. Navigation, ads, search boxes, blogrolls and so on are not directly related to the article and therefore do not justify the use of an aside.