How to: Recreate apple.com menubar
Apple.com menubar is really an exemple in terms of clean, semantic code and very cool design. In this tutorial, I propose you to recreate Apple’s website navigation bar and study the techniques used.
Author Archive
10 Mootools scripts for enhancing your html forms
You know it: Forms are one of the most important part of a website. But forms also require a lot of work. Happilly, the excellent Javascript framework Mootools is here to help: Here’s 10 scripts to enhance your forms, both visually and functionally.
Noobslide tutorial: advanced slideshow (sample 7)
Some time ago, I wrote a tutorial about the first sample of Noobslide exemples. Now, I’m going to show you how to create an advanced slideshow, with clickable snapshots. In the noobslide exemples, this is the 7th sample.
WordPress How-to: customize the IWPhone plugin
I just wrote a post about the IWPhone plugin on Hack Wordpress. This very handy plugin creates an iPhone/iPod Touch friendly version of your blog, by removing unecessary elements, auto-scaling images and adapt content to iPhone/iPod resolution, allowing you to read the content without even having to zoom. Even if this plugin is great, you’ll have to customize it a bit in order to make it perfectly fits your blog design.
Top 10 CSS buttons tutorial list
That’s obvious: Buttons are a very important part of a website: They’re the most common way your visitors can trigger an action and interact with your website. Sadly, even theses days many web pages still displays ugly buttons. Here’s our “Top Ten” CSS buttons tutorial list, for giving your buttons, submits and links the beauty they deserve.
WordPress How to: Customize OpenBook theme color scheme
Since the release of the OpenBook, many bloggers asked me how they can modify the color scheme of the theme. Before the release of OpenBook next version, which will probably allow the user to set the colors in Wordpress admin panel, here’s an easy, step by step guide to give your OpenBook theme the look you want, even if you don’t know any web language.
100 Vim commands every programmer should know
Since the 70′s, Vi is one of the programmer’s best friend. Nevermind you’re new to Vi or not, here’s a big list of 100 useful commands, organized by topic, which will make your coder life better.
How to: Creating an efficient print stylesheet
Many Internet users tend to print web pages: Even if most of the time, it is unnecessary, printing a page can sometimes be very useful. And in these cases, what’s more irritating than a page that prints bad, cut in two, or with large spaces between paragraphs?
In this tutorial, we’re going to create a print stylesheet which will make us able to control what should be printed, and how.
How to: Creating a slideshow with Noobslide
Noobslide is a Mootools based slideshow script that allows you to slide images and text with eye-candy transitions effects. The only problem with Noobslide is its lack of documentation, which make it hard to understand if you’re new to javascript. Here is a tutorial for beginners with Noobslide to create your first slideshow.
How to: Breadcrumb function for WordPress
Unfortunely, Wordpress doesn’t have a default function to display a breadcrumb. We’ll see how to create this navigation technique, and display it on our posts, pages and categories archives.