WhatTheFont provides the solution towards this problem. All you need to do is upload an image file to its server where the image will be scanned and matched with its database. The maximum size for an image is 360 x 275 pixels, so make sure to resize it before uploading. It doesn't have to be a high quality image (although that will definitely help). If you want to get more information and tips about this service, visit its usage notes.

But hey, what if WTF can't find you the closest match of your font? Head straight on to the WhatTheFont forum to get more assistance.

Technorati Tags: whatthefont, font, logo, web design

If you are looking for enormous list of mini icons list, you are on the right place. The following is the list of websites that produce mini icons for public release. This list will be updated from time to time so please bookmark this page.

1. Famfamfam

It has been around for quite some time. Most of icons used in my wordpress themes originated from famfamfam.com. You may notice that this site has not been updated since March 2006. No more updates from Mark James, the owner of Famfamfam.com since then but all mini icons produced really live up to the expectation.

2. Ndesign - Mini Pixel Icons

There are over 320 mini pixel icons produced by this renowned designer, Nick La who consistently producing top notch web designs and useful tutorials related to CSS and graphic designs.

3. Stylegala - Bullets Madness
This is a list of 200 bullets, arrows and icons uploaded by Stylegala users (some of them might be subject of copyright law). A handy collection of bullets to make your site stand out from the crowd.

4. Brand Spanking New - HoHoHo

A good collection of 113 10x10 greyscale icons in .gif format to fill up your design.

5. IcoJoy - Free Icons

IcoJoy.com is an online shop where you can purchase and download high quality royalty-free stock icons which can be used in a wide range of projects such as platform based applications, cell phones, websites and web 2.0 applications. However, you can also download some free icons.

6. Design Magus

Most of them looks good for your individual or professional projects.

7. Sphere Designs

Don't be fooled with the plain logo above. The icon inside is really up to par and there are several collections ranging from web icons to desktop icons.

8. Feed Icons

If you are looking for a standard feed icons, here is the place. There are 2 packages; standard pack and package that includes 50 12x12 coloured icons based on Adobe Photoshop's default colour palette.

9. Some Random Dude Icons

Light crimson sets of icon. Most of them come in 3 or 4 sizes.

10. Icons Designs

They are meant for icon themes but the images can be resized to fit as web icons.

11. Icons Shoppe

Royalty-free, stock icon sets for the web, hand-crafted by SimpleBits. Each IconShoppe icon is made from the finest pixels available, and they're reasonably priced for people like you.

12. Axialis

Here is a library of icons that you can freely use in your projects. All the icons are licensed under the Creative Commons Attribution License. It means that you can use them in any project or website, commercially or not.

Technorati Tags: mini icons, web design, free icons, free buttons

In FontCubes you can find the a lot of free PC fonts and free Mac Fonts from the best font artists in the world. Downloading a font of your interest cannot be made easier in FontCubes, any fonts will be in your very own PC just by a simple click on the “Download” button. Though it doesn't require you register, but you shouldn't simply ignore the benefits that you can reap by registering with FontCubes. As a member you are given privilege to access Font Cubes’s unique font management system and you could also keep track on your favourite fonts by fontmarking them.

Please bear in mind, the fonts listed in Font Cubes are the font author’s property, so you need to contact the author for further consultation regarding the use of the listed fonts.

Technorati Tags: web design, fontcubes, free font, font repository

Ok, let's take a look at the following breaks down:

Prizes

First Prize is $1,000 cash and 5 years free hosting on our Basic Plan
Second Prize is 3 years free hosting + $300 cash
Third Prize is 1 year free hosting + $100 cash

Schedule of Weekly Voting Polls

April 21-27, 2008 – voting on Top 5 Finalists for Round 1
April 28-May 4, 2008 – Round 1 Winner announced & voting on Round 2
May 5-11, 2008 – Round 2 Winner announced & voting on Round 3
May 12-18, 2008 – Round 3 Winner announced & voting on Round 4
May 19-25, 2008 – Round 4 Winner announced & voting on Round 5
May 26-June 1, 2008 – Round 5 Winner announced & voting on Round 6
June 2-8, 2008 – Round 6 Winner announced & voting on Round 7
June 9-15, 2008 – Round 7 Winner announced & voting on Round 8
June 16-22, 2008 – Round 8 Winner announced & voting on Round 9
June 23-29, 2008 – Round 9 Winner announced & voting on Round 10
June 30, 2008 – Top 15 Finalists Announced (10 from the community + 5 from LP)
June 30-July 6, 2008 – Community voting on Top 15 Finalists
July 7, 2008 – Community voting closed & LP Staff voting commences
July 8, 2008 – Winners Announced!

The contest is not long way off, yet you still get ample time to design quality and appealing themes.

Technorati Tags: wordpress theme contest, lunarpages, design

Basically Kuler is slick, Flash-based web application and it exists to help you in building color schemes for whatever you're trying to design. There are vast combinations to choose from. You may get into each and every color combination by category (i.e. newest, top rated etc); so you don't have to waste your time to scrutinize everything inside Kuler. More interesting, though, is kuler's social aspect: If you create an account and log in you can save and share your color themes with other users, and rate the themes others have created.

Since this website gets daily updates you may not want to miss it. While conventional feed is a good option that many people will opt in, you may also get Kuler Desktop to do the chore. The kuler desktop displays RSS feeds of color themes from kuler. You can search thousands of themes by tag, title, or creator ID. You can also browse the newest, highest rated, and most popular color themes and easily copy hex values from any theme to your clipboard.

Me: It helps me alot in the completion of my wordpress themes.

Technorati Tags: adobe, adobe labs, AdobeLabs, color, color picker, ColorPicker, design, kuler

The update is claimed to be done on daily basis, so I hope more quality tutorials to come and be sure to subscribe to its feed. You can sign up to this website either and favorite the tutorials of your choice under your account. Anyway I don't really like its favorite system because it can only save up to 9 tutorials but let's give it some space to grow in size and fill up any discrepancies.

Ok it's time for you to take a look at this website here.

Technorati Tags: review, photoshop tutorial

IzziMenu provides wide range of templates for you to choose from. They are all comes with appealing look. To look into this option, click on the "menu style" or "menu catalogue" tab to select menu style of your choice. To change the structure of the menu (i.e. to add additional menu and sub menu), click on the "menu structure" tab. You need to sign in first before changes can be made . If you don't have login information, simply go to the registration link. The registration is simple and hassle-free.

When your are done with the menu, you can download the code and use it on your web project or you can share them with the community.

Visit IzziMenu.com for more information.

Technorati Tags: web design, web 2.0, izzimenu, professional looking menus, CSS, HTML

Demo: http://sk.gotrooted.net/developpers-icons-out/

via: Gilbertpellegrom

Technorati Tags: icons, creative commons, sekkyumu

1. Pixel Button
2. Blogflux Tool
3. Graphics Guru

I will produce a button or two to be placed in this blog soon.

Technorati Tags: antipixel button generator, link badge, blogging tools

Web 2.0 design is becoming more prominent and predominant in the internet; reflected by the abundance of Photoshop tutorials on how to achieve web 2.0 design and the steady growth of web 2.0 websites themselves. With such a development, few websites emerge to offer facillities to generate web 2.0 design on the fly. There are 2 websites that give internet users the opportunity to create web 2.0 badge within few seconds (they are free!).

Fresh Badge is a new website that offers wide range of customization to meet customers' expectation. The customization includes the badge shapes, the font effects and colors selection. With only 3 simple steps to be followed, along with little fine tune, you should be able to generate your own web 2.0 badge.

Web 2.0 badges offers similar service with almost the same custamization controls. In addition to that, this page also lists down number of websites that provide tutorials pertaining web 2.0 badge with some freebies to be collected (web 2.0 badges in PSD format).

Have a look at those websites and see what you can reap from there :)

Technorati Tags: web 2.0, badge generator, photoshop, web design

The second one is Leia. I've already modified it to suit my new blog for naruto anime. So what do you think? .

Technorati Tags: wordpress themes

Sitemap file is essential as far as search engines are concerned as it helps to speed up the discovery of your pages. However, there are few other factors that influence the crawling process like number of backlinks pointing to your website, uniqueness and relevancy of your content and few other things.

So, sitemap file has SEO-effect on your blog by making sure that all the pages in your blog can be found by search engines bots. So in order to create a sitemap file for WordPress blog, you can use Google sitemap generator (this is the plugin that I used for my blog). This plugin will create a compliant sitemap (XML-sitemap) and this format is supported by Google, YAHOO and MSN Search.

Me: I just installed the plugin yesterday, and there seems to be a significant progress in my search engines ranks for "melayu boleh" keyword. I could probably be wrong about this as there are many other factors that affect my blog position. However, this is a useful plugin for your blog after all.

Technorati Tags: wordpress plugin, google sitemap, melayu boleh, SEO

1. Highlighting Important Text Inside HTML Boxes

Lets start with an example. Instead of using mundane exceprt (i.e. "Lorem ipsum dolor sit amet...") in this example, I will use my first language for the exceprt in this example ;)

-- Example Begins --

Saya sungguh tertarik dengan long-term goal saudara smartusaha dalam menyahut cabaran Melayu Boleh: Wangcyber SEO challenge. Bermula

dengan blog yang baru sahaja disetup dengan blogspot, ini sesungguhnya merupakan cabaran SEO sebenar bagi seorang webmaster kerana anda perlu memikirkan cara untuk memastikan blog baru tersebut diindexkan secepat mungkin ke dalam google dan yahoo.

Saya berpendapat, blog baru tersebut akan dibacklinkkan ke blog utama beliau yang mempunyai PR5. Dengan cara ini, mana2 blog baru akan diindexkan dengan kadar yang lebih cepat dan ini adalah juga salah satu strategi SEO yang sering dipakai oleh webmaster2 telah mempunyai PR website yang tinggi.

Saingan dalam "melayu boleh" semakin rancak dengan kemasukan banyak webmaster2 yang berpengalaman. Sekian sahaja untuk contoh HTML dan CSS tricks
-- Example Ends --

Place the following code between the paragraph or wherever you want it to be and it will appear like in the above example.

<div style="width:200px; 
height:100px;
float: right;
border-top: 1px solid #000; 
border-bottom: 2px solid #000; 
padding: 5px;">Sample Text Goes Here.</div>

2. Never use Ampersands or Quotes in Titles

There's nothing wrong with using Ampersand signs (&) or double-quotes(") in your blog titles, but in some cases they may break your social bookmarking URLs. As far as this blog is concerned the "&" will create an error in my feedburner. Luckily the "&" sign resides at lower end of this post, so it won't create the problem. You should use HTML special characters like

& for & [ampersand]
" for " [double quote]
' for ' [single quote]

3. Bullets and Lists are boring, try something different

If you create a list of something you can switch to other fancy bullet style rather than the convetional one. Here's some example that's taken directly from the original post.

» with » | º with º | · with ·

4. Image wrapped around text

Blending image into a lengthy post will enhance readers' comprehension. This can be done by adding the following style="margin: 0 0 2px 5px; float: right;" into img tag. For example,

For right alignment - <img style="margin: 0 0 2px 5px; float: right;" src="file_name_here" />
For left alignment - <img style="margin: 0 5px 2px 0; float: left;" src="file_name_here" />

I hope this will give your post a better look.

[source: Digital Inspiration]

Technorati Tags: HTML, CSS, tricks, style your post

Ok guys, check this site out and hopefully it helps you in realising your very own theme.

Technorati Tags: wordpress theme tutorial

1. Add the following CSS code into your CSS file.

Code:

#mini-nav { width: 20px; position:fixed; top: 180px; left:5px;} 
* html div#mini-nav { width: 20px; top: 180px; left:30px; position:absolute; } 
#mini-nav img{ margin: 0px; } 

2. Put the following HTML code whenever you want it to be appeared. If you it to be in every pages of your blog, you might need to put the code into few files in your current theme directory (e.g. index.php, category.php, page.php etc)

Code:

<div id="mini-nav"> 
<a href="http://feeds.feedburner.com/YourBlog" target="_blank">
<img src="http://www.yourdomain.com/images/feed.png" 
alt="Subscribe Me!" title="Subscribe Me!" /></a>    
</div> 

Note: Change your feed URL and your image path accordingly and you are done!

Credit to: Cypherhackz

Technorati Tags: wordpress tips, feed