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, 2012
Remove space between li with display inline block
No 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.
HTML5 introduced many new features, one of them is the placeholder attribute. What it does is showing text in a field until any value is entered, then hides the text. Very useful to show users example of what to enter in a field. You’ve probably seen this techinque a lot with Javascript, but native HTML5 support is even better.
August 3rd, 2011
HTML5 header structure – header, hgroup and h1-h6
No 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.
Canvas is a way to programmatically draw using Javascript, this is something new in HTML. You can for instance create simple diagrams, charts or graphs, better looking interfaces without thousands of images and work around CSS limitations. There is a set of drawing tools such as rectangles, arcs, paths, line drawing, bezier and quadratic curves. You can also add effects and do some basic transformations.