Create an apple style menu and improve it via jQuery

CSS Tutorials, Photoshop Tutorial, Tutorials Jul 26, 2008 428 Comments

Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.

Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

This is what we are going to build (don’t forget to hover over the menu)

Read more »

WordPress: Display Content in multiple Columns

Tutorials, Wordpress Tutorial Jul 21, 2008 73 Comments

Recently I had to create a website which displays the content in 2 columns.

While CSS 3 is capable of doing this on its own with the new Grid Position Module, a lot of browsers do not support this functions yet, so I needed to add a little extra markup to the output which is generated via the_content() to get the following result:

Read more »

How to use WordPress Custom Fields

Tutorials, Wordpress Tutorial Jul 09, 2008 75 Comments

WordPress gives an author the ability to add extra data to each written post and page. This data is called meta-data and is stored in custom fields.

These fields are really flexible in use and make it possible for developers and theme-authors to create stunning sites, far beyond from normal blog design. Read more »

Vacation

Miscellaneous Jun 29, 2008 1 Comment

I’ll be on vacation the next 6 days (sailing in Croatia ;D, lucky me ) so no posts, tutorials, comments or any other sign of life from me until next week =)

I wish you all the best, have a nice week!
Kriesi

Create a multilevel Dropdown menu with CSS and improve it via jQuery

CSS Tutorials, Tutorials Jun 18, 2008 398 Comments

Some of you might have noticed, I have a partiality for sleek menus. As I recently had to create a multi level dropdown menu for one of my customers, I wanted to improve it with a little bit of jQuery, but couldn’t find a script that accomplished what I needed.

So I decided to build this menu from scratch and share my thoughts as well as the code with you.

So before we start: this is what we are going to build

Read more »

My first Plugin: "my favorite posts"

WordPress Plugins Jun 05, 2008 1 Comment

After writing several plugins (for my own website as well as some for my clients) which where rather limited in terms of flexibility and usefulness outside of the different projects, I decided to give something back to the WordPress community and write one available to the public. I made this decision some time ago but didn’t know what to create.

Until now. Some days ago one of my readers (Noura from noupe.com – great site if you are looking for inspiration) asked me if there is a simple way of giving each logged in user the opportunity to create a list of his or her favorite posts.

Since I couldn’t find any plugin that covered the topic I started programing one and now, “some” hours later I present you, without further ado, my first plugin: “my favorite posts”