Category Archives: HTML & CSS

HTML5 Quick Tip: “Details” element

html5-logo-black

One of my favorite new HTML5 tags, which has only recently been integrated into Chrome (as of version 12), is the details element. I’ll show you to use it in today’s quick tip. Continue

CSS Quick-Tip: Positioning checkbox/label

css-checkbox-label

Various browsers is rendering checkbox inputs differently. It can be often seen on the web: in some browsers checkbox positioning works well, meanwhile in others it’s a complete mess.
Continue

5 quick tips to improve your next design

Quick-Tips to improve Your web design

You think your designs looks shitty? You’re probably doing some of the most common web-design mistakes we will be reviewing and solving here… Continue

CSS Quick-Tip: Centering object vertically

css Quick-Tip centering object

For centering an object horizontally we can just use “margin:0 auto”. Which means to add no margins at the top and bottom, meanwhile left and right adjust automatically. In equal parts. But, unfortunately it’s a bit harder when we need to center something both: vertically and horizontally. In the exact center of the window.
Continue

Redirecting via PHP/HTML

redirecting-php_header_location-html

There is a lot ways to redirect your users e.g. from old domain to the new one or refresh site automatically when you are working on the design. I’ll review HTML, PHP and apache mod_rewrite ways to do this. Continue

Quick-Tip: Removing default outlines

css-focus-hit-onclick-outline-dotted-remive

This is a really quick tip. Many unexperienced web-designers keep asking how to remove default user-agent (web browser) stylesheets formated outlines. Simplier – dotted outline whitch shows when you click link, input field etc. (In webkit it looks differently, but you got the point)… Continue