Converting the blog from WordPress to Hugo

Yesterday, I shutdown the VPS that has been hosting all my websites for the last ~10 years. I鈥檝e 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....

January 27, 2024 路 6 min 路 1253 words 路 David Amador

How to make a clickable div

Making a clickable text or image is easy, just add the <a> tag surrounding it. But this doesn鈥檛 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...

October 25, 2009 路 1 min 路 108 words 路 David Amador

Test your website on multiple browsers

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)....

October 21, 2009 路 1 min 路 106 words 路 David Amador

How to style a blockquote with CSS

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....

October 21, 2009 路 1 min 路 89 words 路 David Amador

-moz-opacity removed from Firefox 3.5

Well i just found out that Mozzila removed -moz-opacity from Firefox 3.5. It鈥檚 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;

July 2, 2009 路 1 min 路 40 words 路 David Amador