CSS

Yesterday, I shutdown the VPS that has been hosting all my websites for the last ~10 years. I’ve moved everything to static content, including this website. 📝 WordPress Since the very beginning (~2008) this blog has been powered by WordPress, it served me well, it worked, had a nice backend to make the posts, plugins and themes. After a couple years I moved from shared hosting to a VPS, I had other websites and services I needed running and all in same machine was better and cheaper. But WordPress needs a lot of things, PHP, MySQL, maintenance in all those moving parts. ...

Making a clickable text or image is easy, just add the <a> tag surrounding it. But this doesn’t work with divs and sometimes we need a whole div to be clickable and not just text. The following code is for JQuery but switching it to your favorite JS framework should be very easy. First start by adding this to your div <div class="clickable"> </div> Now a little css to simulate the pointer on that div ...

One of the most painful tasks of a web developer/designer is to ensure that his website is compatible with the majority of the popular browsers. Nowadays this includes Firefox 2.0 and 3.0, Internet Explorer 6, 7 and 8, Opera, and the newest Chrome. Well, you can have firefox, IE and Chrome all on the same system, but what about multiple versions? Most people still use IE6 (they should be shame by the way). ...

Blockquotes are an easy way to make your website stand out, by indicating that you are quoting someone you give a more professional approach to you website. You can do this by using <blockquote> Im quoting someone else</blockquote> But it still needs a little touch, so on your css file add this. blockquote { background:transparent url(blockquote.gif) no-repeat scroll 0 0; font-family:Georgia,"Times New Roman",Times,serif; font-size:1em; margin:15px 0; min-height:32px; padding:0 50px; } Save this image : and watch the result. It will turn out something like this: ...

Well i just found out that Mozzila removed -moz-opacity from Firefox 3.5. It’s been deprecated for a long time and you can how replace it for the standard css property opacity. So something like -moz-opacity: 0.4 is now opacity: 0.4;