Octopress theme customization

Update Jul 23rd, 2012

I’ve released DarkStripes, an Octopress theme based on the customizations described in this article.  Check it out

Original article

I received a positive feedback on the Octopress theme customization I wrote for this website, so I decided to publish the modifications I made to the default theme.

I followed the Theming & Customization instructions and modified only the “custom” files beacuse I wanted to be able to upgrade Octopress without having to re-apply my changes every time.

Feel free to use the following code, just please give me credit and some backlink love.

Continue reading »

Front-end job interview questions

Probably you’ll never find a candidate able to answer all this questions but it’s a good list to test your knowledge on web frontend development.

Validate email address in Javascript

Every time I need to build a registration form I face the problem of email validation: should it be done client side, and how?
This StackOverflow tread is the best resource on the argument I found whith a lot of examples, useful links and thoughts on why you shouldn’t validate email addresses client side.

Finally, even in discouraged, I used this function and I’m pretty satisfied.

function validateEmail(email){
	
	var regExp = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)
	             |(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]
	             {1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
	return regExp.test(email);
}

git - the simple guide

Nice and simple multilanguage guide for beginners for getting started with git. The guide content is available also as a printable cheatsheet.

Make a linked list with Octopress

I’ve just updated my Octopress setup following this tutorial to setup “link posts”. Can’t wait to see the feature merged in Octopress.

HTML5 Please

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

Swan Lake

Through the courtain by Alessandro Melandri (amelandri)) on 500px.com

The Swan Lake performed by Sofia Ballet, end of the show. Teato Alighieri, Ravenna, Italy.

Sublime Text 2 Tips and Tricks

A nice article by Nettuts+ introducing Sublime Text 2 and its most noteworty features.

I’ve been using it for the last two weeks and suddenly became my text editor of choice.

Octopress Flickr Aside

After moving my blog to Octopress I was looking for a nice way to display my Flickr photos on these pages, but without using the ugly Flickr default banners.
Looking around the web I found a nice javascript example on how to get the latest picture of an user using Flickr APIs so I reworked the code and built an aside for Octopress that displays the latest Flickr pictures on the sidebar.

I created a repository for the code and after the break you’ll find the instructions on how to set it up.

Continue reading »

Goodbye WordPress, hello Octopress

This is my first post published using Octopress after several years of WordPress and I’d like to share the reasons why I choosed to change blogging platform and switch to a statically generated site.

Yes, because what you are reading is pure and static old-school HTML, generated by Octopress on my iMac. And there’s more: everything is served by GitHub trought the Pages feature, completely free, but I’ll talk about this later.

Simplicity

Octopress is a framework built upon Jekyll, the Ruby static site generator that powers GitHub Pages.

Jekyll takes a content directory, parses all articles and pages through a Markdown converter and generates a static website that can be served with almost anything.

Octopress leverages all the power of Jekyll adding a great HTML5 template, mobile ready, and a lot of features like archives, an xml sitemap, code highlighting, external services integration (Twitter, Github, Google+), and much much more.

This solution makes your website really fast because there’s no dynamic code that runs on the server and no databases.

Now I can write articles using MarkDown and the beautiful iA Writer. Furthermore I can easily version my articles on GitHub and backup them using Dropbox.

Reduced costs

One of my new year resolutions is to reduce costs for online services like webhosting, image hosting, backups, etc.

Having static html pages, I can host them on GitHub for free, while now I’m paying nearly 200$ every year for a linux/php/mysql hosting.
Maybe someday GitHub will start charging money for the hosting service, but for now I think is the best I can get.

Obviously I can’t host media files or archive on GitHub so I’ll use Flickr for image hosting and Amazon S3 for other files.