Archive for November 30th, 2011
Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks
Wednesday, November 30th, 2011I’m sure that at one point or another you were designing a website and thought it could use a little something extra. That bit of something that adds extra functionality or enhances what it already has, making it not only easier for the user to receive the information they seek, but also present it in a neat package.
In no particular order, I give you a handpicked collection of jQuery plugins and some CSS3 tricks to top it off. Surely, with these in your designer arsenal, your creations will stand out more than ever before.
jQuery
1. Fly-out menu
Excellent when using enlarged text for emphasis along with visual content.
2. Grid portfolio
A very elegant way of displaying items with the possibility of quickly previewing the content.
Suggestion: use with other resizing elements so that the user can see them rearrange.
3. Slide out contextual tips
Expanding tool tips with a smooth animation, revealing extra content only when the user wants it.
Suggestion: use with images that display several products (e.g. furniture) or when explaining the highlights of a design in your portfolio.
4. Quicksand – reorder and filter
Organise and reorder items to make it easier to find exactly what you need. Click once and just watch everything slide into place.
5. Sunday morning – translation plugin
A little old, but still awesome. It adds a simple and appealing way of translating a website or just parts of it.
6. jVectorMap
Interactive map with the possibility of expanding for other uses. Includes the world map, US, Europe and Germany.
7. Shuffle letters effect
An interesting effect that can be added to make text elements more eye-catching. Basically, it shows random characters as it reveals the actual text.
Suggestion: use sparingly so as not to make everything confusing.
8. Mosaiqy – picture shuffle
Display pictures in a simple grid that shuffles the elements in a Rubik’s cube fashion.
9. Sponsor wall flip
Although the title says “sponsor wall flip”, that’s just one of the many uses for this plugin. Show visual elements and put bite-sized information on the back.
Note: contains a little PHP.
10. Colourful jQuery clock
Add a colourful and modern clock to your design or perhaps even adapt it into a countdown for when launching a new website!
11. MopTip2
MopTip2 is a plugin that lets you add customizable tooltips to various elements. The tooltips can close automatically or be manually closed and they may also display images.
12. Grumble
Another tooltip plugin with the added bonus of being able to use virtually any CSS styles and transform them into whatever you may want.
13. jQuery Timelnr
Timelnr is a stylish timeline gallery with the option of placing it horizontally or vertically, and having it play automatically.
14. Flexible nav
By just marking certain elements in the HTML, this plugin will automatically create a navigation menu for you, acting like small bookmarks placed neatly on the side of the window.
15. Deck – HTML presentations
Ever thought PowerPoint or Keynote presentations were cumbersome? Then look no further! With Deck you can create online HTML presentations with a multitude of uses, perhaps enhancing an e-learning product.
16. Apple-like Retina effect
Enhance your content by letting users see the finer details with this Retina-like plugin.
17. jQuery pageSlide
Simple and effective, pageSlide reveals information by pushing the entire page to the side, thus not disrupting the positions of other elements.
Suggestion: it could be used to hide a vertical navigation, leaving room for full-page content.
18. jqFancyTransitions
A simple and sleek gallery with strip transitions and several formats.
19. Panning slideshow
A more interesting slideshow which pieces together the slides and pans through them with a slightly elastic effect.
Suggestion: given the effect, the slides could actually be parts of one big image for something more special.
20. jqZoom
Similar to the Retina plugin, jqZoom can be customized in more ways and has more zooming options, such as drag-zoom or through simple mouse-over.
21. 3D tag cloud
Add a little creativity to your tag cloud by turning it into a tag sphere! Just click and drag to rotate it and use the mouse wheel to zoom in and out. The plugin simply transforms all divs that have the class “tags” and contain an unordered list with links inside.
Suggestion: since all it needs is a div, why not be creative and apply it to a navigation?
22. JEffects
JEffects is a plugin containing more effects that can be applied to various elements within your website. For instance, it can be applied to input fields to create a very pleasant effect.
Note: not free.
23. PhotoShelf
PhotoShelf is an elegant gallery that allows you to scroll through a collection of images and zoom in on portions of the selected image. It can also add separators in the stack to organise your items.
Note: not free.
24. Grid accordion
A double accordion, if you will. It smoothly expands to an easier to read width and makes room for subcategories, also displayed inside an accordion.
25. Latest tweets tooltip
A very interesting plugin that lets you display the latest tweets about a certain topic inside a resizeable tooltip.
Bonus: a few CSS tricks
1. CSS3 Transitions, Transforms and Animations
Everything you wanted to know about CSS3, plus some tutorials on how to create some nifty enhancements.
Note: some tutorials contain some JavaScript.
2. Pure CSS Accordion
As the title implies, this simple but versatile effect is made with pure CSS transitions, taking advantage of anchors.
3. OS X dock
Create an OS X dock with CSS3 properties, including reflections to make your design stand out.
4. CSS media query
Learn how to hide and display elements according to the size of the screen. A step towards responsive web design.
5. CSS3 multi column
With just one line of code you can split a text container into columns, lending itself nicely to dynamic content.
1stwebdesigner – Graphic and Web Design Blog
Expedited Pass Port Service Provide Significant Advantages
Wednesday, November 30th, 2011Expedited passport services are an effective way to prepare for travel. There may be times when you need to get a passport and do not have the time to wait for approval. Here are ways that one may benefit from rush US passport.
Same Day Service
When you hire an expedited service for passports, you can receive everything that you need in a short amount of time. In fact, many of these businesses offer same day service. When one travels with just a few days notice, it can be extremely difficult to get all of your papers together in that time frame. A good service takes care of these things for you and makes traveling to another country possible.
Guarantees
A guaranteed service that deals in passports can remove any worries or doubts that you may have. For example, you receive your traveling papers or you do not pay for the service. This is excellent motivation for a business to take care of your needs promptly and efficiently.
Online Tracking
A good service for passports, especially with expedited passport services, will provide online tracking for your order. This way, you can check the progress of the order at any time. There is often no need to contact anyone to see how things are going when you have the information at your fingertips, twenty-four hours a day.
Removing Anxiety and Stress
International traveling can be very stressful and full of headaches. However, you do not have to concern yourself with passports, when you use a competent expediting service. You are free to do other things like shopping for clothing or other items for your trip. This can provide a relaxed and stress free environment.
Personalized Service
Personal service for applying for pasports can make the process much easier. For one thing, you are not dealing with a government agency for your needs. The service deals with the United States Department of State on your behalf. Employees of government agencies have little motivation to take care of your needs. They are paid if you are satisfied or not. However, private agencies are not paid unless they take care of all your needs.
There may only be one or two ways to contact the government concerning passports. Also, it may take some time to get a reply to a request for information. Private expedited passport services have very good customer support. Often times, they can be contacted in a number of ways, including real time online chat and the telephone. You also can contact them by email and if they are local, you can visit their office.
Ride The Search Engine Optimization Train To The Success Station
Wednesday, November 30th, 2011Using search engine optimization is an easy way to bring more authority to your website. Search engine optimization is a way of utilizing search engine algorithms to enhance how your website shows up in search results. This multifaceted approach is perfect for new businesses, enabling website owners to perfect their efforts through personalized tricks.
SEO Rescuer.com