In Tips, Tutorials Dec 5, 200819
Premium Wordpress Theme Design - Part 2 - HTML + CSS + Wordpress Theme Files
Hi, I’m Alvaro Guzman and this is the second part of the premium wordpress theme tutorial continued from Part 1. This time you’ll learn how to slice the design and convert it into XHTML + CSS, then I’ll show you how to use the css files to mock-up a Wordpress template. This isn’t a basic tutorial, if you’re a newbie, maybe you should read some basic HTML+CSS tutorials, and undestand the basics of CSS tags and Wordpress features and structure.
(more…)
In Inspiration, Tips, Tutorials Nov 10, 200846
How I Learned To Build Wordpress Themes
Picture your finished custom wordpress theme live on your server, completely unique and fresh. By the time you have finished reading the resources in this post that scenario will be a reality. People love custom themes, they make a blog come to life with a personality of its own. It’s no secret that they’ll reward it you for it through links, subscriptions and bookmarks. Read the rest of this entry »
In Tips, Tutorials Nov 3, 20088
How To Make a jQuery Calendar
Whether you’re an airline, task manager, or just have a birthdate field on your registration form, a popup date picker makes selecting dates considerably easier for users, and overall enhances the functionality and feel of the site. jQuery UI provides a datepicker widget that can easily be incorporated into your site. Read the rest of this entry »
In Freebies, Tutorials Oct 28, 200843
Premium Wordpress Theme Design Part 1 - The Photoshop Mock Up
Making a premium Wordpress theme from scratch is an essential skill for designers to learn and will become increasingly important as Wordpress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium Wordpress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files. Read the rest of this entry »
In Tutorials Oct 21, 200814
jQuery & CSS Tooltip Example
Websites and web applications alike are slowly but surely transitioning towards an environment filled with rich user interface gadgets. Tooltips are amongst this vast array of gadgets that should be in every web application developer’s toolbox, as they provide useful hints and help messages directly to the user in a discrete yet obvious manner. Read the rest of this entry »
In Tips, Tutorials Oct 15, 200831
Icon Design Tutorial - Designing a New Icon In Illustrator
Following our free social icon giveaway, as promised, here is a tutorial explaining how they were made in Adobe Illustrator. We’ll try to cover the basics and give you an idea how things are rendered, how they appear in smaller sizes and the constraints we can find when using Vector (Illustrator) instead of Pixel (Photoshop) based image software.
In Freebies Oct 13, 200821
6 Free New Social Icons - Digg, Twitter, Stumble, RSS, Delicious & Reddit
Fed up with the same standard set of social icons for your blog or site? This set of six social icons (Digg, Twitter, Delicious, RSS, Reddit & Stumbleupon) are free to use on your websites and blogs however you wish! The icons are provided many different formats, see the bottom of this post for the direct download links. Read the rest of this entry »
