They can also be a pain to find. Not all font collections include mini-pixel fonts in a blatant act of prejudiced against the vertically challenged. Little fonts big world, people. So we figured we’d do the sleuthing for you and collect them all here, for your perusal. Consider yourself covered whenever you need one of these fonts for a flash app or even a really teeny letter. Each entry includes the size and a sample of the font. Enjoy.

04b-03 (16pt)

Download & Source »
TrueType font, downloads available for MAC & PC.

04b-08 (16pt)

Download & Source »
TrueType font, downloads available for MAC & PC.

04b-21 (21pt)

Download & Source »
TrueType font, downloads available for MAC & PC.

04b-24 (16pt)

Download & Source »
TrueType font, downloads available for MAC & PC.

Pixel Six

Download & Source »
TrueType font, downloads available for MAC & PC.

Cubic Five

Download & Source »
TrueType font, downloads available for MAC & PC.

Square Dance

Download & Source »
TrueType font, downloads available for MAC & PC.

Handy

Download & Source »
TrueType font, downloads available for MAC & PC.

Hellovetica

Download & Source »
TrueType font, downloads available for MAC & PC.

Accent

Download & Source »
TrueType font, downloads available for MAC & PC.

Arma Five Fonts

Download & Source »
TrueType font, downloads available for MAC & PC.

Ronda Seven Fonts

Download & Source »
TrueType font, downloads available for MAC & PC.

Easta Seven Fonts

Download & Source »
TrueType font, downloads available for MAC & PC.

Westa Seven Fonts

Download & Source »
TrueType font, downloads available for MAC & PC.

Tempesta Seven Fonts

Download & Source »
TrueType font, downloads available for MAC & PC.

Charriot

Download & Source »
TrueType font, downloads available for MAC & PC.

Smirnof

Download & Source »
TrueType font, downloads available for MAC & PC.

Silky Wonderland

Download & Source »
TrueType font, downloads available for MAC & PC.

YoungDantes

Download & Source »
TrueType font, downloads available for MAC & PC.

piXelize

Download & Source »
TrueType font, downloads available for MAC & PC.

Everyday

Download & Source »
TrueType font, downloads available for MAC & PC.

BM harry-A10

Download & Source »
TrueType font, downloads available for MAC & PC.

BM mini-A8

Download & Source »
TrueType font, downloads available for MAC & PC.

Semplice Regular (8px)

Download & Source »
TrueType font, downloads available for MAC & PC.

Bavaria Regular (8px)

Download & Source »
TrueType font, downloads available for MAC & PC.

Frucade (8px)

Download & Source »
TrueType font, downloads available for MAC & PC.

Aurora Regular (8px)

Download & Source »
TrueType font, downloads available for MAC & PC.

Marke Eigenbau (8px)

Download & Source »
TrueType font, downloads available for MAC & PC.

Teachers Pet (Sans Serif)

Download & Source »
Sans Serif font, downloads available for MAC & PC.

Kharon4a_v01

Download & Source »
TrueType font, downloads available for MAC & PC.

Fixed v01

Download & Source »
TrueType font, downloads available for MAC & PC.

Kyrou 7 Wide

Download & Source »
TrueType font, downloads available for MAC & PC.

Kyrou 9 Regular

Download & Source »
TrueType font, downloads available for MAC & PC.

Silkscreen

Download & Source »
TrueType font, downloads available for MAC & PC.

That’s it. Know of any other fonts for inclusion? Drop us a line!

Follow us on a magic carpet ride of SEO splendor as we look at some positive examples of search engine friendly navigation and talk about what these examples mean for you and your business.

What makes for a spider friendly navigation? This is an out of the box CMS world we live in nowadays, so most navigation is already fairly SEO friendly. However, you can still run into absolute messes that need navigational clean-up and occasionally just need to be started again from scratch.

If you are reviewing a website that you think could be an SEO car-crash waiting to happen, here are some signs to look out for.

* The drop downs don’t work with Javascript disabled.

* Global and header links appear as images and not text.

* Tons of internal links disappear when you browse the site with JavaScript and CSS disabled.

* Any SEO-enabled toolbar you have installed report a lower than expected number of internal, followed links.

* The text-only version of your page that Google has on cache also shows the lack of internal links.

Search engine friendly navigation is a rather simple process. It requires only properly structured HTML, along with some CSS for all of the fancier bits. If you want to get technical for a second, if you are specifying a new navigation for your website, you should be asking for a “cross-browser drop-down cascading validating menu.”

HTML is simple, once you get the hang of it. Otherwise, you should be looking out for an unordered list of links in the text-only/Javascript and CSS disabled view of your page. It will look something like this.

• About
  • History
  • Team
  • Offices
• Services
  • Web Design
  • Internet Marketing
• Contact Us
  • United Kingdom
  • France
  • USA
  • Australia

For some fantastic examples, you should bookmark CSSplay.co.uk’s CSS menus page. And while we are at it, here is another great real-world example. Also, since I have your attention, take a look at this site with JavaScript and CSS disabled in Web Developer Toolbar:

There are so many other examples out there, and once you get more of a grasp of what to look for you won’t be able to help noticing good and and examples as you peruse the Web. If you have some good examples of search engine friendly navigation, don’t hesitate to drop us a line via email or the comment box.

The Clone Stamp tool samples pixels from one area of an image and copies them to another part of the image. You use your brush to actually “paint” areas using another area you have set to be “cloned.” The tool allows usage of any brush tip or shape, which allows for very precise control over both manipulated areas. You can also sample from one image and apply the clone in another image, so long as both reside in the same color mode.

Look at the sample image below. We are going to remove the butterfly from the background. The results will be the same with any image and object you choose.

1. Open up your image in Photoshop.

2. Select the Clone Stamp tool ().

3. On the tool options bar, open the Brush pop-up palette and select a medium-sized brush with a medium-soft edge. For this example, we’ll set the brush diameter to 200 pixels and the hardness to 50%. It’s a good idea to use a soft-edge brush, otherwise you will see a very hard line where the cloning takes place. You want it to seem as natural as possible, after all.

4. Make sure that the Aligned option is selected.

Now set a sample point in the area you want to duplicate and clone to the next area. When you select Aligned in the options bar, it means you will reuse the most current sampling point no matter how often you stop and resume painting. This is important because if it is not checked, then you’ll end up reusing the same pixels every time you paint.

5. Move the Clone Stamp tool pointer to the dark area on the left side of the butterfly. Hold down Alt (Windows) or Option (Mac) and the pointer becomes a set of cross-hairs. Click once to set that point as your sampling point. Release the Alt or Option key. Easy peasy.

6. Click and drag the Clone Stamp tool over a small area of the butterfly’s wing. As you drag the cursor, the wing will start to disappear as it is replaced with the pixels you’re sampling from. The cross-hairs that appear to the right of the Clone Stamp tool indicate the source area of the image that you are replicating as you drag. It may sound complicated but once you get to this step it will make perfect sense.

7. Release the mouse button and move the pointer to another part of the butterfly wing. The cross-hairs will maintain the same spatial relationship to the Clone Stamp tool pointer that it had when you made the first stroke. This is the beauty of clicking on the aligned option at the beginning of the process. You did do that, right?

8. You can reset the sample area anytime by performing this procedure. Simply hold down the Alt (Windows) or Option (Mac) key and click once. You will need to do this several times to completely remove the butterfly. Don’t forget to re-size your brush as you go. Keep cloning until you have removed the side of the butterfly on the dark side of the moon tar macadam.

9. Reset the sample point and do the same thing as before on the white side until you have cloned “out” the rest of the butterfly. To finish the area where the butterfly sat, take samples above and below.

That’s it! Not so hard right? Don’t be afraid to keep re-sampling as you go on. And don’t worry. As you clone more and more, the shortcuts will begin to become second nature. Eventually it will be like riding a bike. Below, feast your eyes on the finished product.

With that said, let’s get into ten effective principals of web design.

Principles Of Effective Web Design

1. Don’t make users think

According to Krug’s first law of usability, the web-page should be obvious and self-explanatory. It’s your job to know any questions users may have and answer them before they are posed. Otherwise your site could alienate people. After all, why would they take the time to email you a question when they could just find another website that works?

The key here is intuitive navigating. Leave nothing to chance and make things as simple and streamlined as possible.

Let’s take a look at the above example. Beyondis.co.uk claims to be “beyond channels, beyond products, beyond distribution”. What does that even mean though? Since users tend to explore web-sites according to the “F”-pattern, these three statements would be the first things users see upon entering the page.

Although the design itself is simple enough, to understand what the page is about the user needs to search for the answer. This is an unnecessary question mark. It’s designer’s task to make sure that the number of question marks is close to 0. There is a visual explanation to the right but even that doesn’t make all that much sense. Note, you probably hadn’t heard of this website before this article. There is a reason for that.

ExpressionEngine uses the very same structure to Beyondis, but avoids those unnecessary question marks. The slogan also becomes functional as users are provided with options to try the service and download the free version. Not bad.

2. Don’t squander the patience of your users

This one is tied closely to the former. Any number of things can squander the patience of your users, be it cluttery design or popups. Also, try to keep your user requirements minimal. The less action is required from users to test a service, the more likely a random visitor is to actually try it out. Users want to test out your service, not fill out long webforms. Those are annoying.  It’s not reasonable to force users to enter an email address to test the feature. After all, you want them coming back of their own accord.

As Ryan Singer — the developer of the 37Signals team — states, users would probably be eager to provide an email address if they were asked for it after they’d seen your features at work. They need to have some kind of an idea what they’ll be getting in return for your private information.

Stikkit is a perfect example for a user-friendly service which requires almost nothing from the visitor. This is rather unobtrusive and comforting. Exactly how you want your users to feel on your web site.

The site above didn’t get the memo. Although it takes only thirty seconds to fill out, that’s thirty seconds that could be used to surf to another site. Remember that.

3. Manage to focus the attention of your users

As web-sites provide both static and dynamic content, some aspects of the interface attract more attention than others. For instance, images are more eye-catching than text(On average.) Corollary, bold sentences catch more attention than plain text.

The human eye is an interesting beast and tends to notice patterns of movement. This is why video-based advertisements are extremely annoying and distracting, however they do capture attention. This is why marketers love them.

Humanized.com perfectly uses the principle of focus. Look at how the word “free” sticks out like a beautiful sore thumb. This directs users to a “free” service which will hopefully leading them to purchase the “not free” service.

4. Strive for feature exposure

Modern web sites are usually criticized for holding the user’s hands too often. Simple 1-2-3 directions, large buttons, you know what we mean. However, why is this a bad thing? Whatever gets them to the end goal, right?

Dibusoft.com combines visual appeal with clear site structure. Notice the nine simple to read site navigations.

Let the users see what is available to click on. It doesn’t really matter how this is achieved. It matters that the content is fully understood within a second. Remember the zero questions formula from earlier. If this means a little hand holding, so be it. It’s the Internet, not college.

5. Make use of effective writing

As the Web is different from print, it is a must to adjust writing habits to match your users. Promotional writing won’t be read. Long text blocks without images and keywords marked in bold or italics will be skipped. Exaggerated language just may be ignored. Hey wait! That’s no fun.

Talk business. Avoid cute or clever names, marketing-induced names, company-specific names, and unfamiliar technical names. For instance, if you describe a service and want users to create an account, “sign up” is better than “start now!” which is again better than “explore our services”. Just keep things simple. Don’t over “cute” it and you’ll be fine.

Eleven2.com gets directly to the point. No cute words, no exaggerated statements. Instead they just throw the price right there in the middle of the screen. What else do you need to know?

6. Strive for simplicity

Keep it simple. Keep it simple. Keep it simple. Users are rarely on a site to enjoy the design.  They are usually suffering through the design in order to find some information. Remember that in all facets of web design.

Crcbus provides visitors with a clean and simple design. It’s in Italian, so that’s a slight problem for this example, but be assured, the information is presented accurately and simply. No hunting around for peculiar links here. That should be your goal as well.

Here is another good example:

Finch clearly presents information without overcrowding or making users squint their eyes in frustration. Strive for this goal.

7. Don’t be afraid of the white space

It’s really difficult to overestimate the importance of white space. It helps reduce cognitive load, and makes it possible to perceive whatever information you place on the screen. When a new visitor approaches a design layout, the first thing he/she tries to do is to scan the page and divide the content area into digestible pieces of information. White space helps them do just that. Maybe your tenth grade art teacher was right after all.

Complex structures are harder to read, scan, analyze and work with. If you have the choice between separating two design segments by a visible line or by some whitespace, go with the white space.

Cameron.io uses white space as a primary design element. The result is a well-scannable layout which places the content front and center. This is always a good thing.

8. Communicate effectively with a “visible language”

In a renowned paper on visual communication, Aaron Marcus states three fundamental principles involved in the use of that mythical “visible language”

• Organize: provide the user with a clear and consistent conceptual structure. Consistency, screen layout, relationships and navigability are important concepts of organization. The same conventions and rules should be applied to all elements.
• Economize: do the most with the least amount of cues and visual elements. Four major points to be considered: simplicity, clarity, distinctiveness, and emphasis. Simplicity includes only the elements that are most important for communication. Clarity: all components should be designed so their meaning is not ambiguous. Distinctiveness: the important properties of the necessary elements should be distinguishable. Emphasis: the most important elements should be easily perceived.
• Communicate: match the presentation to the capabilities of the user. The user interface must keep in balance legibility, readability, typography, symbolism, multiple views, and color or texture in order to communicate successfully.

9. Conventional design is ok

Conventional design does not always mean boring design. In fact, conventions are useful. They reduce the learning curve to figure out how things work because your users has seen it all before. For instance, it would be a usability nightmare if all web-sites had different visual presentation of RSS-feeds. The brain gravitates toward the familiar.

With conventions you can gain confidence, trust, reliability and prove some credibility. See Nielsen’s Usability Alertbox for more information.

Look at the above example. It’s Amazon. You know where to click. You know what buttons do what. Now look again. It’s in Russian. The thing is, that doesn’t matter. You can still navigate the site. That’s perfect conventional web design.

10. Test early, test often

This principal should be applied to every web design project. Usability tests tend to provide crucial insight that nothing else seems to catch, until it’s too late. You don’t want your users catching the mistakes.

Some important points to keep in mind:

• Testing one user is better than testing none. Do whatever you can.
• if you find a mistake, fix it, then test again.
• Even if nothing is wrong, the results are usable. You know what to do now.
• If you can  afford it, or if you know anybody, independent testers can be an invaluable tool.

And that’s it. Do you have any tips for great web design? Drop us a line.

In the last few years, oodles of AIR apps have came down the pike, helping you do just about everything under the sun. For this post, I’m going to focus on applications intended for web and graphic designers.

I’m gonna split the list up into sections, which are:

• Creating Graphics
• Design-Specific Tools
• Editing Images
• Taking Screenshots
• Productivity Tools
• Image Sharing Tools
• Multimedia Apps

Creating Graphics

1. Splashup Light:

Splashup Light is a casual desktop based image editor. It has tons of features and allows you to do anything you want to photos with simplicity and ease.

2. Color Lovers:

Color Lovers offers a desktop color finder that searches through the proprietary database in order to locate that stubborn color. You can search from over 1 million named colors and 300,000 user created color palettes.

3. Contrast-A:

Contrast-A allows you to check for contrast, experiment with a variety of color combinations and even interact with a 3 dimensional RGB color space.

4. LiveBrush:

LiveBrush is a drawing app that lets you create amazing graphics by combining simple motion controls with a series of brush styles. It’s really cool.

5. Icon Generator:

Icon Generator allows you to create icons of your choosing, even if you can’t draw. Simply select a default icon and make simple changes until it suits your fancy.

6. e2vector:

e2vector is a powerful illustration tool, featuring layers, masks, gradients, intersection and path splicing. It even allows you to import/export SVG files.

7. ColorPicker:

Using ColorPicker allows you to choose a color from a grid or design a color using a series of easy-to-use sliders. This is essential to you designers out there. Why stick to premade colors?

8. ColorBrowser:

ColorBrowser is a simple app that lets you organize your favorite color palettes in whatever fashion you choose. It also lets you import color palettes that you have created elsewhere using handy ASE files.

9. Kuler:

Kuler is an extremely popular application. It lets you generate color themes forr any project and also browse through thousands of themes created by the thriving community. Experiment with endless variations with no hassle. Live the dream.

10. Random Pattern:

A cool app that creates color patterns based on a set of given parameters.

Design-Specific Tools

11. Pixus:

Pixus lets you measure pixels. That’s an oft-forgotten yet essential part of design. It also lets you preview your designs and offers  multi-screen support.

12. FontPicker:

FontPicker is a simple tool that lets you scroll through a list of any font installed on your computer. Then you can pick one. Several methods of scrolling are available. Perfect for you unorganized types out there.

13. PixDif:

PixDif also lets you measure pixels. This handy app doesn’t stop there, however. It also lets you measure the difference between two design elements and tweak the alpha/opacity of said image.

14. Em Calculator:

Finally, there is a calculator to measure em. Em is an important element of design, after all. Easy and useful.

15. HtmlTextEditor:

HtmlTextEditor caters to that most basic need of any web designer, the writing of Html code. It also supoorts CDATA wrapping. Html will also change automatically when you make changes to the rich text.

16. iPixer:

iPxer allows you to create useful interactive flash content using any standard image. This is great for presentations and the like. The sky is the limit here.

17. OBO Site GatherAIR:

OBO Site GatherAIR is a simple website generation too. It allows you to create Html templates. It’s easy to use and also lets you drag and drop SWF files into said template.

18. Boks:

Boks is an app that allows you to work visually with the Blueprint CSS Framework. Drag and drop grid elements, preview in your browser and even compress your CSS code. Pretty much everything you need.

19. PixelWindow:

PixelWindow is another simple app to measure things on your screen using a handy transparent screen ruler.

20. iPlotz:

iPlotz lets you create wireframe pages and also allows you to make interactive mockups of your website and/or software. This is also perfect for presentations.

21. PixelPerfect:

PixelPerfect is another great app for measuring the size of objects on your screen. It also lets you create, resize, move and close any window you like.

22. DesignView:

DesignView is a handly little application for the design and development of Flex applications. It lets you create a quick layout of your site before you start tweaking that feisty MXML code.

23. Merlin:

Another app intended for disorganized font collectors. Merlin can help you get those fonts in order. It helps by alphabetizing all the fonts and arranging them into folders. Just like the namesake wizard.

24. Caliper:

Caliper is a measuring scale for your screen that can be dragged and rotated through 360 degrees.

Editing Images

25. ImageSizer:

ImageSizer allows you batch resize images and put them in a compressed zip file. You can also use it to to batch rotate, optimize and even rename images. Useful for bloggers who are posting image galleries. Say, this would be great for this one actually.

26. ImageDropr:

ImageDropr is a desktop app that batch unloads sets of images to Flickr. Just drag and drop your images into the application, tag or group tag them and start uploading them to the popular photo-sharing website.

27. XeIMG Image Editor:

XeIMG is an image editor that specializes in effects and filters.  These include blur, sharpen, negative, embossing, black and white and a host of others. Like a minimal easy to use Photoshop.

28. Shrink-o-Matic:

Shrink-o-Matic is a simple application that lets you shrink or resize batch images. It supports Jpeg, Gif and PNG images.

29. JustResizeIt:

Resize is a simple image resizer. Do it one-by-one or batch resize. It doesn’t have a lot of features but it works smoothly and simply.

30. CleVR Stitcher:

CleVR Stitcher is a simple panoramic photo stitcher. Drag and drop those images and the app instantly creates a panorama. Aesthetically pleasing.

31. TiltShift Generator:

If you love re-touching photos, you’ll fall in love with this application. It allows you to create the famous TiltShift(See below) effect with a single click. Eliminates tons of hassle.

Taking Screenshots

32. WebKut:

WebKut is a simple and free desktop applications that allows you to capture screenshots from the web. Cut, copy, drag, erase and a host of other options.

33. Snippage:

Snippage allows you to create snippets from any website and place them right on your desktop.

34. WebSnapshot:

With WebSnapshot you can take thumbnail, browser size or full page snapshots of any website. These snapshots are then automatically saved into a specified folder. Great for scrapbookers.

35. PhotoTable:

PhotoTable is a unique tool to capture images from the web. Simply drag an image from any website to the PhotoTable icon and it will get saved. The ease of use is through the roof.

Productivity Tools

36. AgileAgenda:

AgileAgenda is a GTD tool that plans your schedule for you. Enter some basic facts and let the application work it’s magic.Voila! Instant schedule.

37. Adobe Shortcut App for Creative Suite:

Create and manage all your shortcuts with ease. must have app for Graphic designers.

38. Live Presentations:

Live Presentations allows you to create and save presentations locally and share them online.

39. Ora Time and Expense:

Ora Time is a simple timesheet app. Track the time sheets, generate invoices and tinker with expense reports. You can also use it to generate customizable reports and invoices for your clients. This is what you would call a money saver.

40. Doomi:

Doomi is a simple “to-do” application. It will let you create tasks, set reminders and a host of other useful things.

41. Mindomo:

Mindomo is a mind mapping application that lets you organize new ideas, manage your tasks and goals. This all comes up as a visual field tree. Extremely useful.

42. FEAT:

Freelancer’s Estimation Assistance Tool lets you calculate hourly rates and project estimates. Freelancers unite!

43. Klok:

Klok is a personal time tracking application, like a timesheet at a factory job. Press a button when you start working and press another when you stop. It’s that easy. Great for invoices.

44. Fireworks Auto Backup Utility:

Firefox is a great little browser but it is prone to crashes.  If you hate to lose your work with incidents like that, this app will work like a charm for you. It creates backups of all relevant PNG files instantly.

45. Ephemeris:

Ephemeris is an app for photographers that calculates accurate times of sunset and sunrise. Use it to get that perfect shot.

46. BroadChoice Workspace:

BroadChoice workspace is an AIR based team collaboration app. You can send messages to your team members, share notes and tasks and create separate spaces for separate projects. The perfect intra-office application.

47. ConceptShare Desktop Companion:

ConceptShare lets you upload files, manage works paces and get updates from said work spaces.

Image Sharing Tools

48. zFlick:

A simple yet great app to view and save images from Flickr to your desktop. Simply drag any image from Flickr and drop it onto your desktop to save it. Great!

49. FlickrFlipper:

Another great app to search for photos from Flickr. You can also single out specific users.

50. TinyUploads:

TinyUploads lets you resize and upload images online within seconds. This is great for message boards that doesn’t allow long URLs to be posted. Twitter, too.

51. Flickr Desktop Search:

Flickr Desktop Search is a simple yet effective desktop search tool for Flickr. It does what it says.

52. Snoto:

Snoto lets you browse your recent photos from Flickr, or images uploaded by any other user. You can even view them as a slideshow. Slideshows are what make Flickr great, after all.

53. Destroy Flickr:

Completely hassle-free management of your Flickr account. It doesn’t actually destroy the site, rather it allows you to use it effortlessly.

Multimedia Apps

54. RichFLV:

RichFLV lets you play and edit those crafty FLV files. You can also use the app to convert FLV files to SWF files. It also lets you convert the audio to MP3. Extremely functional.

55. Fractal4D:

Fractal4D is a great app that lets you draw these neat fractal swirls. They can either be saved as simple PNG files or exported as vectors to use in Adobe Illustrator. What else do you need? Fractal swirls!

56. SWF Shot:

SWF Shot allows you to create high-resolution snapshots of your SWF, PNG and JPG content.

57. UVLayer:

UVLayer allows you to organize and play your digital media including photos, videos and games. Your all-in-one media player.

58. Adobe Media Player:

A great media player that lets you play downloaded or streamed media. Highly customizable and no hassle playing.

59. LightBoxer:

LightBoxer gives you a constantly changing showcase of various images as your screensaver.

60. Webcam To GIF:

This is exactly what it sounds like. Convert webcam movies into GIF format.

Enter Webrulon. We haves tirelessly scoured the web to come up with this list of 30 of the absolute best free icons sets available for the blogosphere. Enjoy and feel free to link to this on your, um, blog.

Function Free Blog Icon Set // Designer // Download

Vaga – Developer Icons Set // Designer // Download

Vector Blog Icons // Designer // Download

Email-icons for blog & web-design // Designer // Download

24 Free PSD Blog Iconx Set // Designer // Download

Free Vector Icon Set // Designer // Download

Free Button Icons // Designer // Download

Free Download WordPress Icons in 30 Colors // Designer // Download

WebDev Social Bookmark // Designer // Download

Free Vector RSS Icons for Download // Designer // Download

Free Glossy Blogging Icons Set for Bloggers // Designer // Download

free RSS and Feed icons // Designer // Download

Grunge Style Rss Feed Icons // Designer // Download

Feedicons // Designer // Download

iConPack // Designer // Download

POPO emotions full version // Designer // Download

Mouse category // Designer // Download

Icons Set // Designer // Download

3D Cartoon Icons Pack // Designer // Download

Free Vector Icon Set // Designer // Download

Dellixmas Christmas Icon Set // Designer // Download

Application Icons // Designer // Download

Mini Pixel Icons // Designer // Download

Smashy The Alien Icon Set // Designer // Download

2space web 2.0 PNG smiley icons // Designer // Download

Cocktail Party rss feed icons // Designer // Download

Blog calendar icons // Designer // Download

Free icons set for bloggers // Designer // Download

Free Hand Drawn Doodle Icon Set for Bloggers // Designer // Download

Handycons – a free hand drawn social media icon set // Designer // Download

Where did you find the icons that you use? Got some interesting ones to share with the Internet? Send them our way!

MooTools Menus, Navigation and Buttons

Simulate Flash Horizontal Navigation Effect

Vertical Menu with Show/Hide Effects

Snook-Style Navigation Using MooTools

Horizontal Animated Menu using MooTools

Skype-Style Buttons Using MooTools

iPhone Checkboxes Using MooTools 1.2.3

MooTools ScrollSpy

Product Highlighter with MooTools

Moousture

MooTools Charts and Grids

OmniGrid – Advanced DataGrid

Artness MooCSS Charts v0.1

Mootools Table to Charts

MooTools Calendars and Date Management

MooGenda – Javascript Calendar Based on MooTools

MooTools Events Calendar

Vista-like Ajax Calendar

Elegant Animated Weekly Timeline for Websites

MooTools Sliders, Scrollers and Image Galleries

Ultra Versatile Slider for Websites

SmoothScroll Using MooTools 1.2

Slideshow 2

Facebook Sliders With Mootools and CSS

Fantastic News Ticker Newsvine-like Using Mootools

Mootools Content Slider Class v2

mooSlide – Ajax Based Slider / Lightbox Replacement

MooFlow V0.2 – Image Gallery Slider

MooTools Lightboxes

Pamoorama

Media Box Advanced

ReMooz Lightbox

MooTools Image Effects and Transitions

ImageCaption – Auto-Captioning Images

ImageZoom

Custom Missing Image Graphics Using MooTools

Kroppr – Image Cropping Script

Sexy Album Art with MooTools

mParallax – Turns a Selected Element into a Window

MooTools Flashlight Background Effect

mooFlickr – Display your Flickr Info In an Ajax Box

MooTools Forms and Validation

Validate – phatfusion

AutoCompleter

MooEditable

Queued Photo Uploader

MooTools Web Page Elements

MooTools Font-Size Scroller with Cookie Save

Morph Effect on Mouseenter/Mouseleave

Roar – Notifications

Instruct Google Analytics to Track Outbound Links

News Ticker with Vertical Scrolling and Start/Resume

Window.Growl 2.0

Sexy Alert Box 1.2

mooSocialize – Social Bookmark Widget

MooTools MooTools and Twitter

Twitter Emulation Using MooTools 1.2 and PHP

MooTools TwitterGitter Plugin

MooTools and Wordpress

Add a show/hide login panel to your Wordpress theme using Mootools

Wordpress 2.7.1 Featured Article Plugin

Create a Black and White Logo

BzZz, Create a Fly Logo Design

NiteLife Logo Step by Step Walkthrough

Creating the Brand Identity for a Sports Team

Design a Logotype from Conception to Completion

3D Logo’

Design a Grungy Circular Logo

Cartoon Style Cereal Box Logo

Grunge Style Pharmacy’s Logo

Ornate Lettering Logo

Creating a Crazy Cool Logo

Print-Ready Beer Label

Designing a Pharmacy Logo

Corporate Logo Design Process

Professional Advertisment Banner Tutorial

Swan Logo Tutorial

Logo Walkthrough for Vivid Ways

Rockstar Brand, Logo & Styleguide in Illustrator

Goplan 2.0 Logo Creation Process

Make a Logo Flow in Illustrator

Create a Retro Logo

Quick Logos with Live Trace

Illustrator Quick Banners

Web 2.0 Logo

Gameworld Logo

Step-by-Step Logo Tutorial

Logo for Your Feature Posts

Obama Logo (Added .ai and .eps Assets)

Digg Logo Tutorial

Cuore Glossy 3D

1. Web 2.0rigami – I Am Paddy

2. Social.me – jwloh

3. Socialize Icon Set – DryIcons

4. Social Icon Set – Stylelion

5. Social Media Mini Iconpack – Komodo Media

6. Nurture Social Icon Set – Smashing Magazine

7. Heart: A Free Social Icon Set – Smashing Magazine

8. Social Icons Made of Wood – webtoolkit4.me

9. Web 2 Icons – Fast Icon

10. Free Vector Social Bookmark Icons

11. 13 free social bookmark icons for your blogs – Edward de Leau

12. IconTexto WebDev Social Bookmark

13. Social Bookmark Iconset: Part II – Vikiwork Studio

14. Social Bookmark Icons – Fast Icon

15. Social Web Buttons – WebFruits Blog

16. Social Web Buttons – Set 2 – WebFruits Blog

17. Social Networking Icons – AODdesign

18. 6 Social Icons – Design Reviver

19. The Leaves Fall – Smashing Magazine

20. Aquaticus.Social – jwloh

21. 34 Social Bookmark Buttons – SoulVisual

22. webtoolkit4.me Icon Set

23. DelliCream Free Social Bookmark Icons

24. DelliCake Free Social Bookmark Icons

25. Social Bookmark Iconset

26. Cheers Social Bokkmark Icon Set – Smashing Magazine

27. Function Free Icon Set

28. Circle Social Bookmark Icons

29. Social Media Icons Pack

30. Handycons

What is this Liferay you’ve no doubt been hearing about from colleagues/friends/acquaintances/even a few enemies? Yet another confusing Internet platform to make life and business more difficult? Don’t worry. It’s not that bad. Webrulon is here to give you the lowdown on Liferay and what it can do for you and your business. And we’ll do it in baby steps.

Liferay is not the comic book opposite of a death ray, although that would be very cool. No, Liferay is an “Enterprise web platform for building business solutions that deliver immediate results and long-term value.” What does that mean? It’s a suite of programs designed to help you market and maintain your business.

Think of it this way. Think of a website like Kraft.com or even Youtube.com. Wow. They have some cool things there. Where would a smaller business even start to approach that level of big money functionality? That’s where Liferay comes in. Think of it as a shell, an outer casing that, by adding and deleting functions, you can shape to your liking, to give your web and online business presence any amount of luster you desire.

Here are some of the services Liferay offers:

• Self-Service Portals
• Knowledge Sharing Workspaces
• Dynamic Web 2.0 Websites
• Revenue-generating Social Networks
• Enterprise Application Integration

Pretty much anything you see on an established website, you can do here. Think of it as your very own Internet sandbox. Only instead of sand castles, you’ll be building increased profit margins and sustainability. The company vows it will run with your current infrastructure and, best of all, Liferay is open source.

Open source – Open source is a new-fangled web term that essentially means you can do whatever you want with it. More PC. Less Apple. You can tinker, get in to the source code and do what you want legally and easily. “But I can’t program” you say. Well, the good thing about open source software isn’t that you are tinkering with it. It’s that everyone else is. Open source software is sure to attain more functionality than it’s closed counterparts simply because the whole world is in there with their virtual screw drivers, trying new things, tooling around. Sometimes the stuff garden variety consumers come up with is ten thousand times more imaginative and useful than what big companies cook up. In short, open source is good and Liferay has it.

What else does Liferay bring to the table?

• Highly scalable, supporting more than 3,300 concurrent transactions per server
• Real-world performance of millions of page views and 1.3 million users
• Clusterable configuration for high availability
• Implements top ten OWASP-recommended security practices
• Options for Terracotta, Oracle RAC, and other scalability solutions
• Deployable to the Cloud and available as SaaS
• Runs PHP, Ruby, Python, Grails and other lightweight scripting technologies within a robust Java framework

The pricing is scalable depending on your needs and your installed customer base. Fill out the form here to get a quote. Put your browser here to download a free demo. It should give you enough of an idea as to whether or not this is the right direction to take your company’s web presence . Also, just to be sure, click here to look over the tech specs to see if you can handle it. Don’t worry. You probably will be fine. Only games cause you to need hardware upgrades.

If you are looking for Liferay Hosting, webRulon offers various Liferay Hosting Plans which can help you easily start to take advantage of all that Liferay has to offer.

Give it some thought. And in the meantime, here are a few sites built using the service to give you an idea of what it can do for you:

Autozone

Fox Network (Germany)

Monster Energy Drink