You don’t have to have a fancy Microsoft Word template or a gorgeously tweaked document layout to build a clean looking and complete resume. Sure, you can choose a pretty template for your favorite desktop publishing or word processing app, but if you’re like me, you wind up spending more time tweaking the look and feel of the document than editing the actual text.

Thankfully, there’s CeeVee: a free Web-based resume builder that not only helps you put your resume together and fill in the important details about your skills and your work history, but it  also helps you share it on popular social networks that may help you get a job.

CeeVee is free to use. You’re immediately launched into the process of creating your own resume on the Web once you’ve signed up. You can upload a photo if you’d like to include one with your resume. You can also add or remove sections that are applicable to the types of jobs you’re applying for, and tweak all of them in-line. The service offers a number of clean-looking themes and typefaces to choose from, all of which read well on the Web and lend themselves to easy sharing and printing.

Once you’re logged in, the majority of the page is taken up by your resume. Controls for adding and removing sections are on the right side of the page. For example, there’s a huge debate over whether or not “summary” or “objective” sections in resumes are worthwhile, so depending on how you feel about them you can add or remove a summary section from your resume with a single click. You can edit the contents of each section in-line with the rest of your resume, so you don’t have to leave the resume view to see how your changes will affect the overall document.

CeeVee’s resume builder makes it easy to copy/paste information from a resume you may already have, or to add information about your work experience, studies, and special skills from scratch. The entire resume interface is interactive, but when someone else views it they only see the static page with all of your information on it that they can easily print. Also, since many of us work for companies that don’t take kindly to their employees updating their resumes, you have the option to make your resume private at any time so no one can see it.

Once you’re finished configuring your resume, CeeVee allows you to print it, save it to a PDF document that you can send around with job applications or upload to job search sites, or share your resume on Twitter or Facebook. The site even supports Facebook Connect, so you can log in using your Facebook credentials and connect your CeeVee account to your Facebook account.

CeeVee reminds me a lot of VisualCV, another Web service that’s designed to take your resume out of your Documents folder and put it on the Web where more people can see it. The difference here is that unlike VisualCV, CeeVee doesn’t build an additional social network onto the app and instead makes use of the social networks you already use.

Although CeeVee’s is much trimmer and doesn’t showcase quite as much information, CeeVee, much like VisualCV, gives you a custom resume page you can show off to friends and potential employers. CeeVee doesn’t sport video introductions like VisualCV does. However, CeeVee cuts to the chase and lets you quickly export, print, and edit your resume on the Web.

Go to Source

CeeVee Makes Web-Based Resume Building Quick, Easy, and Free originally appeared on Shai Perednik.com on October 22, 2009.

“Freeware PDF Unlocker is a free PDF Password remover tool that can help you in the above situations.To remove the first type of restrictions, simply drag your PDF document onto a shortcut on your desktop or alternatively onto the PDF Unlocker icon on your desktop. Instantly, it should remove the password and allow printing or copying & pasting the contents from the PDF document.”

I used that and it worked in a few seconds.

Via Techblissonline

Remove PDF Passwords originally appeared on Shai Perednik.com on October 19, 2009.

Filed under: Design, Productivity, Web services

The Printliminator is a bookmarklet that gets any webpage ready to print. Once it’s activated, you can click on elements you don’t want to print to remove them from the page. If you don’t want to do it manually, you can remove all images on the page using one button. Another button applies a nice default print stylesheet.

Sometimes there’s only one element of a page that’s worth printing, and The Printliminator has you covered there, too. Instead of clicking to delete one thing at a time, you can option-click to delete everything but what you’re clicking on. If you make a mistake and delete something you wanted to print, there’s no undo. Just reload the page and start over.

Make webpages more printable with The Printliminator originally appeared on Download Squad on Thu, 08 Oct 2009 10:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Download Squad – Web page – Printing – Bookmarklet – Design

Go to Source

Make webpages more printable with The Printliminator originally appeared on Shai Perednik.com on October 8, 2009.

Need physical copies of some great shots, but you’re a bit too lazy to order and pay for them? HotPrints mails you free 16-page photo books, with shots pulled from Facebook, if you don’t mind some non-intrusive paper ads.

In this case, non-intrusive means the advertisements aren’t watermarked or otherwise touching your actual photos. They’re inserted between the pages, and can be pulled out, kind of like magazine subscription cards. You’d also have to be comfortable with HotPrints using “contextual” data from Facebook to target some ads at you. That means the album style you choose, the content of your profile, and region information from your Facebook account are used to target the ads, but the company claims that no identifying information is given out to its sponsoring partners. You can read more about HotPrints’ do’s and don’ts at their privacy policy.

If you’re cool with that at the cost of free, even free shipping, HotPrints’ Facebook app makes it fairly easy to pull in tagged photos of yourself or any Facebook contacts for a quickie album, with a limit of one per month. It’s a free service, requires a Facebook account (and app authorization) to use.

Go to Source

HotPrints Prints Free, Ad-Supported Photo Books [Free] originally appeared on Shai Perednik.com on October 7, 2009.

Filed under: Utilities, Windows, Linux, Freeware, Beta

VirtualBox has always enjoyed one key advantage over VMWare: it’s free. Sure, the VMWare Player is also free — but all it can do is boot virtual machines which have been previously by another app.

Rather, that’s all it could do until now. VMWare Player version 3 has hit the release candidate stage and is available for public download, and guess what? It’s now got the ability to create virtual machines. That’s pretty amazing news for virtualization hobbyists like myself.

Apart from the added VM creation chops, Player v3 also offers OpenGL support in guest machines, ALSA support on Linux guests, ThinPrint powered printing, Windows 7 support, and multiple monitor support.

And yes, it even supports Aero Glass in Vista and WIndows 7 just like its big brother.

Another great addition is the easy install wizard, which makes setting up popular operating systems on a new guest machine ridiculously easy. That is, when it works. The wizard should create a floppy configuration file which Ubuntu reads during the install process. When I tested with the Karmic Koala beta, though, Ubuntu’s installer wouldn’t recognize the floppy image and crapped out.

A regular install, on the other hand, worked just fine and completed in roughly the same amount of time as it took under VIrtualBox — if not slightly less.

The download is free, weighs in at about 90Mb, and you’ll need to have a registered account with VMWare to get access to the downloads.

Free VMWare Player 3 can now create virtual machines originally appeared on Download Squad on Tue, 06 Oct 2009 11:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Linux – Download Squad – Operating system – VMware – List of Ubuntu releases

Go to Source

Free VMWare Player 3 can now create virtual machines originally appeared on Shai Perednik.com on October 6, 2009.

There have been numerous creative logo design showcases, logo design resources and logo design tutorials posted across the Web. While these help you to create a powerful toolbox for your logo designs, first you need to gain a solid understanding of what makes a logo design good and what you need to consider before starting using this toobox.

In this article, we’ll get down to the nitty gritty of what makes an effective logo design and we’ll also guide you through the principles and best practices of how to create an iconic brand identity.

You may be interested in the following related posts:

• 10 Common Mistakes In Logo Design
• Do You Want Fries With That Logo?
• 60 Logo Design Tutorials and Resources
• Drawing Inspiration From Creative Logos

What Is A Logo?

To understand what a logo is, we first must understand what the main purpose of logos is. The design process must aim to make the logo immediately recognizable, inspiring trust, admiration, loyalty and an implied superiority. The logo is one aspect of a company’s commercial brand or economic entity, and its shapes, colors, fonts, and images usually are strikingly different from other logo in the same market niche. Logos are used to identify.

Paul Rand, one of the world’s greatest designers states that “a logo is a flag, a signature, an escutcheon, a street sign. A logo does not sell (directly), it identifies. A logo is rarely a description of a business. A logo derives meaning from the quality of the thing it symbolizes, not the other way around. A logo is less important than the product it signifies; what it represents is more important than what it looks like. The subject matter of a logo can be almost anything.”

For more on Paul Rand, consider reading the book Design, Form & Chaos.

What Makes A Good Logo?

A good logo is distinctive, appropriate, practical, graphic and simple in form, and it conveys the owner’s intended message. A concept or “meaning” is usually behind an effective logo, and it communicates the intended message. A logo should be able to be printed at any size and, in most cases, be effective without color. A great logo essentially boils down to two things: great concept and great execution.

Logo Design Process

“Some wonder what’s so difficult about creating a good logo. They’re small, they look easy to do, so no problem, right? When you only see the result of a designer’s efforts, the logo creation can look like it was a simple task. But it’s not. A logo takes thought and creativity, and many elements combine to make a good one.” (via Harrison Mcleod)

When creating a logo, follow a process that ensures the final design meets the needs of the clients. Below, we have listed the typical process that professional logo designers follow. With practice, you will no doubt develop your own.

Design brief.
Conduct a questionnaire or interview with the client to get the design brief.

Research.
Conduct research on the industry itself, its history and competitors. Problem-solve first, design later.

Reference.
Conduct research on logo designs that have been successful and on current styles and trends that may relate to the design brief. Follow trends not for their own sake but rather to be aware of them: longevity in logo design is key.

Sketching and conceptualizing.
Develop the logo design concept(s) around the brief and your research. This is the single most important part of the design process. Get creative and be inspired. As Dainis Graveris has written once, “sketching isn’t time-consuming and is a really good way to put ideas in your head right on paper. After that, it’s always easier to actually design it on the computer. Sketching helps to evolve your imagination: once you understand it, you will always start from just white paper.

Image by Panoramas.

Reflection.
Take breaks throughout the design process. This helps your ideas mature, renews your enthusiasm and allows you to solicit feedback. It also gives you a fresh perspective on your work.

Revisions and positioning.
Whether you position yourself as a contractor (i.e. getting instructions from the client) or build a long-lasting relationship (i.e. guiding the client to the best solution), revise and improve the logo as required.

Presentation.
Present only your best logo designs to your client. PDF format usually works best. You may also wish to show the logo in context, which will help the client more clearly visualize the brand identity. Preparing a high-quality presentation is the single most effective way to get your clients to approve your designs.

“Canned presentations have the ring of emptiness. The meaningful presentation is custom designed—for a particular purpose, for a particular person. How to present a new idea is, perhaps, one of the designer’s most difficult tasks. This how is not only a design problem, it also pleads for something novel.

Everything a designer does involves presentation of some kind—not only how to explain (present) a particular design to an interested listener (client, reader, spectator), but how the design may explain itself in the marketplace… A presentation is the musical accompaniment of design. A presentation that lacks an idea cannot hide behind glamorous photos, pizazz, or ballyhoo. If it is full of gibberish, it may fall on deaf ears; if too laid back, it may land a prospect in the arms of Morpheus.” (Paul Rand)

Delivery and support.
Deliver the appropriate files to the client and give all support that is needed. Remember to under-promise and over-deliver. After you’ve finished, have a beer, eat some chocolate and then start your next project.

Logo Design Process Case Studies

For some in-depth examples of how professional logo designers work, check out these logo design process case studies:

Tenth Church Logo Design Process by Nancy Wu
Nancy Wu goes through her logo sketches and development for the Tenth Church logo.

16 Revealed Logo Design Processes by The Design Cubicle
Brian Hoff lists 16 logo design process walkthroughs found across the Web.

5 Principles Of Effective Logo Design

As mentioned, a good logo is distinctive, appropriate, practical, graphic and simple in form, and it conveys the owner’s intended message. You should follow the five principles below to ensure that your design meets all of these criteria:

1. Simple
2. Memorable
3. Timeless
4. Versatile
5. Appropriate

1. Simple

Simplicity makes a logo design easily recognizable, versatile and memorable. Good logos feature something unexpected or unique, without being “overdrawn.”

While in college in the mid-’70s, an instructor introduced me to the K.I.S.S. Principle of design, which translates as: Keep It Simple, Stupid. It does convey a very important design consideration. Simple logos are often easily recognized, incredibly memorable and the most effective in conveying the requirements of the client.

A refined and distilled identity will also catch the attention of a viewer zipping by signage at 70 miles per hour, on packaging on the crowded shelves of a store, or in any other vehicle used for advertising, marketing and promotion. Remember, the basis of the hugely effective international branding for the world’s largest shoe manufacturer is a very simple graphic swoosh.

— Jeff Fisher

On that note, you may find the history of the Nike logo quite interesting.

2. Memorable

Following closely on this principle of simplicity is that of memorability. An effective logo design should be memorable, which is achieved by keeping it simple yet appropriate.

Surprising to many, the subject matter of a logo is of relatively little importance, and even appropriateness of content does not always play a significant role.

This does not imply that appropriateness is undesirable. It merely indicates that a one-to-one relationship between a symbol and what it symbolized is very often impossible to achieve and, under certain conditions, objectionable. Ultimately, the only mandate in the design of logos, it seems, is that they be distinctive, memorable, and clear.

— Paul Rand

3. Timeless

An effective logo should be timeless. Will yours stand the test of time? Will it still be effective in 10, 20 or 50 years?

Leave trends to the fashion industry. Trends come and go, and when you’re talking about changing a pair of jeans or buying a new dress, that’s fine, but where your brand identity is concerned, longevity is key. Don’t follow the pack. Stand out.

— David Airey

4. Versatile

An effective logo works across a variety of media and applications. For this reason, logos should be designed in vector format, to ensure that they scale to any size.

Ask yourself, is your logo still effective if it is printed…

• In one color?
• In reverse color (i.e. light logo on dark background)?
• The size of a postage stamp?
• As large as a billboard?

One way to create a versatile logo is to begin designing in black and white. This allows you to focus on the concept and shape, rather than color, which is subjective in nature. Also keep in mind printing costs: the more colors you use, the more expensive it will be for the business over the long term.

I like to work first in black and white to ensure that the logo will look good in its simplest form. Color is very subjective and emotional. This can distract from the overall design – say if you saw your logo in all red, that color may be the first thing that you respond to and not the composition of the design elements. I will not even consider submitting color suggestions to a client for review until they have signed off on a final black and white logo.

— Patrick Winfield

Familiarize yourself with the commercial printing process so that you do not encounter printing problems down the line. Know the difference between the CMYK, Pantone and RGB color systems.

5. Appropriate

How you “position” the logo should be appropriate for its intended audience. For example, a child-like font and color scheme would be appropriate for a logo for a children’s toy store, not so much for a law firm.

A logo doesn’t need to say what a company does. Restaurant logos don’t need to show food, dentist logos don’t need to show teeth, furniture store logos don’t need to show furniture. Just because it’s relevant, doesn’t mean you can’t do better. The Mercedes logo isn’t a car. The Virgin Atlantic logo isn’t an airplane. The Apple logo isn’t a computer. Etc.

— David Airey

Should a logo be self-explanatory? It is only by association with a product, a service, a business, or a corporation that a logo takes on any real meaning. It derives its meaning and usefulness from the quality of that which it symbolizes. If a company is second rate, the logo will eventually be perceived as second rate. It is foolhardy to believe that a logo will do its job immediately, before an audience has been properly conditioned.

— Paul Rand

How Much Does A Logo Cost?

In my experience, this is the most frequently asked question. It cannot be easily answered because every company has different needs. The best approach is to draw up a customized quote for each client.

You have to take a number of factors into consideration when designing a logo, such as how many logo concepts need to be presented, how many revisions will be needed, how much research is required, how big the business is and so on.

How To Choose A Logo Designer?

Keep an eye out for certain things when choosing a logo designer:

• Experience and proven success
  Do they have a proven track record? How experienced are they?
• Testimonials
  Do they have positive testimonials from previous clients? Ensure you check the validity of testimonials. A quick email to the company should suffice.
• Their design process
  Do they follow a logo design process?
• Awards won and published work
  Have they won any awards for their work? Is their work published in any books or magazines? How recognized are they in the industry?
• Strength of portfolio
  How strong is their portfolio? Have they got 100+ mediocre logo designs or 10 to 30 excellent ones? What is the ratio of real to fake logo designs?
• Timeframe
  How long would they take to complete your logo? A typical logo design process takes 4 to 15 days, but many can go for months on end. Think of how long your logo design will be used for: would you want it to be designed (much less researched) in less than 24 hours?
• Price
  The cost of the service usually reflects what you will receive. In most cases, you get what you pay for… but price is not the only indication.
• Affiliations
  Are they affiliated with any design associations or publications? This is a good indication of how dedicated they are to their craft, though it is not essential.
• Professionalism and communication
  How do they present themselves? Do they respond to your emails quickly? How do they communicate? Do they work with a contract (to protect both them and you)?
• Questions asked
  How many questions does the designer ask about your business? Questions should revolve around your company’s history, target market, goals, etc.

A big thank you to Sven and Vitaly for the opportunity to write for Smashing Magazine. Much appreciated. If you have any questions, comments or advice to share, please do leave a message in the comments below.

Recommended Logo Design Resources

• Logo Design Tips by Steve at The Logo Factory
  A great post outlining some very helpful logo design tips.
• How NOT to design a logo from Web Designer Depot
  An article outlining ways not to go about getting your logo designed.
• Iconic Logo Designers by David Airey
  A mini-website of some of the world’s most iconic logo designers.
• 45 Rules of Creating A Great Logo Design from Tanner Christensen.
  A fairly accurate list of “logo design rules.” Take it as a guide only.
• 80 Beautiful Typefaces for Professional Design
  A classic from Smashing Magazine. A thorough list of classic typefaces.
• The Ultimate List of Logo Design Resources by Just Creative Design
  If you are looking for logo resources, this is the place to go.
• Top 10 Logo Design Inspiration Galleries by Logo Designer Blog
  A list of the top 10 recommended logo design inspiration galleries.

Related Posts

You may be interested in the following related posts:

• 10 Common Mistakes In Logo Design
• Do You Want Fries With That Logo?
• 60 Logo Design Tutorials and Resources
• Drawing Inspiration From Creative Logos

About the Author

Jacob Cass is a logo, Web and graphic designer from Sydney, Australia, who freelances under his business Just Creative Design, which doubles as a wildly popular design blog. Jacob also judges logos for the Logo of the Day website and runs the Logo Designer Blog, a blog dedicated entirely to branding and logo design. Jacob’s talent has brought him numerous international design awards, including Wolda’s “Best of Continent” and “Best of Australia.” Jacob’s work has been published in books worldwide, and he is in the process of writing his own book focused on logo design.

(al)

© Jacob Cass for Smashing Magazine, 2009. |
Permalink |
73 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: effective, inspiration, logo

Go to Source

Vital Tips For Effective Logo Design originally appeared on Shai Perednik.com on August 27, 2009.

Filed under: Hardware, Windows, How-Tos

Plenty of people out there are still running the odd DOS application – many of them for business purposes. So what are you to do when that trusty old printer breaks down and you can’t find a new one with a parallel port?

Why not buy a fancy new USB-only printer and make use of a stupid Windows trick that’s been around for a while? It’s a fairly simple process.

Step one is to install the printer as you normally would – making sure you follow the instructions provided, of course. Once that’s done, you’re set for Windows printing. Go to control panel and open your printers, then right-click on the newly installed one and choose properties from the context menu.

Once the printer properties are up, click the ports tab and make note of which port has the check mark in it. You’ll need that information in just a minute.

Close that window, and choose to add a new printer (the option to do so should be on the file menu, or you may see an icon). Click next to start the process. On the second screen, select local printer but take the check out of automatically detect and install.

Continue reading Stupid Windows trick: print to your new USB printer from crappy old DOS programs

Stupid Windows trick: print to your new USB printer from crappy old DOS programs originally appeared on Download Squad on Mon, 24 Aug 2009 10:00:00 EST. Please see our terms for use of feeds.

Permalink | Email this | Comments

Sponsored Topics:
Download Squad – Microsoft Windows – DOS – Control Panel – Context menu
Go to Source

Stupid Windows trick: print to your new USB printer from crappy old DOS programs originally appeared on Shai Perednik.com on August 25, 2009.

MooTools is a JavaScript framework that focus on being flexible, modular and compact. While still not on par in number of resources with other JavaScript frameworks such as jQuery, the MooTools community has generated a large number of articles, tutorials and third party plugins that can be considered and mature and sophisticated enough for most needs.

A word about MooTools

One of the core principles of MooTools is to provide a better application programming interface for JavaScript developers, making the language better by extending its native elements and providing more concise object oriented utilities.

As a consequence of that, some people may be inclined to think that MooTools treats browser scripting as a less important feature. Indeed, MooTools is not a DOM scripting toolkit, but the whole purpose of making JavaScript better is that developers have a more solid base over which to create readable, robust, reusable browser scripting libraries.

Articles/Tutorials

Starting points

The official documentation
A really good and complete documentation. It has a very intuitive format that makes it both an excellent reference and tutorial.

jQuery vs MooTools
A mature discussion on the differences between jQuery and MooTools.

MooTools for the non-programmer
A three part series of tutorials about MooTools targeted at non-programmers:

• Part 1
• Part 2
• Part 3

The MooWalkthrough
A wiki-based walk through MooTools intended to introducing the library.

The MooTorial
A collection of tutorials to guide MooTools’ newcomers.

MooTools classes
A basic view on MooTools’ use of classes and how it compares to other approaches.

Natives and Elements
Explains what are native types in JavaScript and how MooTools extends and provide means for anyone to extend their functionality. It also explains the Element class.

Select and create elements
Tutorial on how to select specific elements as well as how to create and insert new elements on the page.

30 days of MooTools
A series of tutorials about key features in MooTools. (It is still incomplete – it currently has 23 tutorials)

1. Intro to the Library
2. Selectors
3. Intro to Using Arrays
4. Functions
5. Event Handling
6. Manipulating HTML
7. Set and Get Style Properties
8. Input Filtering Part I – Numbers
9. Input Filtering Part II – Strings
10. Using FX.Tween
11. Using Fx.Morph, Fx Options and Fx Events
12. Drag and Drop using Drag.Move
13. Regular Expressions
14. Periodical and Intro to Hashes
15. Sliders
16. Sortables and Intro to Methods
17. Accordion
18. Classes part I
19. Tooltips
20. A Few Mootools Tabs
21. Classes part II
22. Fx.Elements
23. Fx.Slide

Intermediate

Facebook modal box
It reproduces Facebook’s modal box in MooTools. A Very simple solution to get a Facebook-style modal box without the need of any external plugin.

Using custom missing image graphics
A very elegant and extremely simple solution to handling missing image graphics with a custom fallback image.

Sending Email notifications for broken images
A logic follow-up to the previous tutorial. It shows how to use AJax and PHP to send email notification on the occurrence of broken images.

Skype-style buttons
How to create a Skype-style button.

MooTools Flashlight effect
An eccentric, however interesting effect.

Snook-style navigation
A MooTools revisit of a tutorial by Jonathan Snook.

Explode effect on Ajax page loads
How to create an effect that makes the current content ‘explode’ off-screen while another content is fetched and loaded via ajax.

Font-Size scroller with Cookie save
Shows how to create a scroller that sets the font-size and store this information in a cookie.

Track Ajax link clicks using Google Analytics
A very insightful solution to tracking ajax-based navigation in Google Analytics.

Periodicar Ajax updates using MooTools
Shows how to implement a very simple function that periodically makes a ajax request on the background.

helps you determine if caps lock is on
A nice and simple technique for easily determining if caps lock in on. Might help improve usability, specially in login scenarios.

Simulate Flash horizontal navigation
Tutorial on how to create a horizontal navigation web site.

Product Highlighter
Slick rollover mechanism that works well as a product highlighter.

Auto caption images
How to automatically extract alt and title content and add it as captions to images on the page.

toElement method
Explains and shows an interesting use case for the toElement method in MooTools.

outerClick event
An implementation of a custom event for when a user clicks outside of a given element.

Saving a sortalbe nested list
A tutorial with a full implementation of a sortable nested list, from MooTools to MySQL.

CSS sprites with MooTools
A MooTools version of an article published on A List Apart about CSS sprites using jQuery.

Swiff
Explains what is the Swiff class and how it can be used to make flash elements communicate with JavaScript.

Fixing sIFR printing with CSS and MooTools
The use of sIRF can help you achieve the typography you want on the screen, but there may be problems when the user tries to print the page. This article shows how to work around that.

Advanced Topics

The Dollar Safe Mode
An article explaining a good practice for plugin developers that want to make their libraries compliant with “MooTools 1.2.3 Dollar Safety”, which means that it respects the global name $ in edge cases where people need to use more than one JavaScript library at the same time.

Custom Events
A nice example on how to define and explore custom events (such as alt+clicking) in MooTools.

Element Storage
An overview on the Element Storage functionality. How it works and how it could be used to make code easier to write and better organised.

Chaining with MooTools
A guide to the MooTools’s Chain class and how it can be used in custom classes.

Set style per media
Using JavaScript for dynamic styling may defeat the purpose of having a style for each media, this tutorial shows one way to be media-specific while dynamically changing CSS properties.

Creating a custom “:selected” pseudo-class in MooTools
How to create your own pseudo-class selector in MooTools.

The Mouse Ghost
An interesting experiment on saving the cursor coordinates and then reproducing its movements.

5 Advanced techniques for MooTools development
Things that you don’t get by reading documentation.

Don’t repeat your Moo
A very insightful article on how to achieve reusability in your JavaScript code with MooTools, adhering to the DRY (Don’t Repeat Yourself) principle.

Private methods in MooTools
Shows how to implement private methods in JavaScript with MooTools.

The Singleton class mutator
A tutorial that shows how to write a class mutator that implements the singleton design pattern. A class mutator is a macro-like method/idiom to be used inside a class definition

Binds class mutator
A mutator that binds a method to the instance of a class so that it can be accessed thorough the ‘this’ keyword even in the class definition.

Plugins

SmoothScroll
Scroll smoothly through anchors within a single page.

Kroppr
A full-fledged image cropping/resizing/rotating plugin.

mooSocialize
A widget bar that manages a wide variety of social bookmarking and social network content sharing systems.

MooTools Event Calendar
A MooTools Calendar class that supports week/day/month view and the addition of events.

Pamoorama
It creates a container div that allows users to scroll through a containing image. Its intended use case if to horizontally scroll through a panorama image.

Slider
A Slider plugin that supports both vertical and horizontal bars that can be freely dragged or snap to predefined steps.

SortableTable
Sort and filter tables.

MooWheel
A data visualisation plugin that explores the possibilities of the canvas element.

Moosture
A Mouse gesture framework that allow you to trigger an event based on a predefined mouse gesture.

inlineEdit
An inline editor plugin that makes all elements with a specified class name editable and adds a special onSave hook method to save the changes.

Navigation

Image Menu
A horizontal menu that reveals more of the image as you rollover it.

Sexy sliding JavaScript side bar menu
Generates a sliding sidebar menu.

MooFlow
A full-fledged image slider that resembles cover flow.

Simple 3D Carousel
A 3d carousel.

MooHover
Allows you to include fancy transitions in CSS based hover menus.

Layout and Style

mooRainbow
A color picker utility.

Rounded Corners
Creates round corners on divs on the fly.

Reflection
Generate image reflections on the fly with a wide range of customisation options.

MooColumns
A class that allows you to dynamically organise content into multiple columns.

MooScroll
A MooTools class that allows the customisation of how the scrollbar looks on scrollable divs.

Tooltips

Window Growl
Tooltips in the same style as the Mac OS X’s Growl system.

Tips
A tooltip showdown.

MooTooltips
Toolstips that can have html or plain text content loaded with Ajax or inline.

Form Usability

FormCheck
This plugin allows you to define a groups of validation rules to be applied to forms.

Calendar
Features simple to create date pickers.

Validate
A simple form validation plugin.

JavaScript Time Picker
A time picker plugin. It uses the same idea as the date picker pattern, but applied to time picking.

MultipleSelect
Completely customised multiple select elements.

HTML Form Tips
Inspired by Twitter, it features a “remaining characters” count that’s automatically updates as the user types.

Select Box Factory v1.0
A class that makes select elements support multiple selection and selection drill down according to a variety of options.

Slideshow

Slideshow 2
Slideshow plugin, resembles the slideshow in iPhoto and Photos in Mac OS X and iPhone respectively.

SmoothGallery 2.0
A simple and elegant slideshow plugin.

Ajax

Fancy upload
A plugin that integrates Ajax and the Swiff functionality in MooTools to create an upload manager.

MooTabs – Tiny tab class for MooTools
A small plugin that helps in the creation of tabbed navigation through elements that can be retrieved via ajax.

Ajax login form
A very simple ajax-based login form.

Page Loader
Provides classes to work with loading content via ajax and displaying results in the current page. It also provides a history class that manages the history of the loading area.

MooTools Dotter
A simple and effective Ajax-loading indicator that relies solely on JavaScript and CSS instead of using images or animated GIFs.

Content Overlay

Lightbox
A port of the Lightbox plugin that handles a collection of images in a overlay.

MediaBoxAdvanced
Content overlaying that works with several different media types.

ReMooz
Image overlaying plugin. Simple and elegant.

Multibox
An overlaying plugin that supports images, flash, video, mp3s and html.

SlideItMoo
It packs a banner or image slider with an overlay image display effect that resembles Lightbox.

mooSlide 3.2
Shows an overlay window at the bottom or at the top of the page with a variety of options.

Plugin Collections

moo.rd
A collection of plugins that provides special effects, table management and more.

Clientcide Plugins
A large collections of plugins from the Clientcide blog.

Meteora
A collection of widgets written on top of MooTools, from datagrids, to calendars to JsonRPC.

Rich user interfaces

Mocha UI
A rich user interface library, it makes web applications look and behave like desktop applications.

JxLib
A library for rich client user interfaces.

File Manager
A complete implementation of a file system explorer that let’s you navigate through the files, rename and preview them.

Text editor extensions

Plugins for Coda

• MooTools mode for Coda
• MooDocs Coda plugin A plugin for Coda that generates MooTools docs for you classes.

Plugins for TextMate

• MooTools bundle for TextMate (You must have Subversion)
• MooDocs for TextMate A port of the MooDocs for Coda.

About the author

Diogo Terror is a web developer that loves Ruby, Typography and Macs, specially when they come altogether (and they often do). He also likes to post random thoughts on Twitter whenever they occur (and they often do).

© Diogo Terror for Smashing Magazine, 2009. |
Permalink |
One comment |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: javascript, js, library, mootools

Go to Source

MooTools Tutorials and Resources Round-Up originally appeared on Shai Perednik.com on July 28, 2009.

Windows only: Free application MetatOGGer is an advanced MP3 (and OGG Vorbis, FLAC, Speex, Musepack, Windows Media, WavPack, and Monkey’s Audio) tag editor that can automatically tag your music by creating audio fingerprints and comparing them with online database, MusicBrainz.

(Click the image above for a closer look.)

And while MusicBrainz already has its own dedicated application for this (the previously mentioned Picard), we’ve always found Picard to be a little clunky. MetatOGGer, on the other hand, seems quite a bit more user friendly. Likewise, MetatOGGer can automatically search out and add lyrics to your tags from web site LyricWiki.

This one didn’t make our list of the six best MP3 tagging tools, but then again, we didn’t even know it existed. And while it may not be as efficient as something like MP3Tag (our Hive Five winner), it does show a lot of promise.

MetatOGGer is freeware, Windows only, requires .NET 3.5 SP1. If you give it a try, let’s hear how it worked for you in the comments.

Go to Source

MetatOGGer Automatically Identifies, Tags Your MP3s and More [Downloads] originally appeared on Shai Perednik.com on July 22, 2009.

PRINT!!! You just can’t print, unless I’m doing something wrong. Right clicking, then clicking print does nothing. Javascript print buttons on web pages do nothing. Hell, there’s no option to at least save the dam page!

Just had to rant, but I forsee a bitter brake up if this isnt resolved in new build snapshots.

No Print in Chromium on Linux originally appeared on Shai Perednik.com on June 2, 2009.