gMap – google maps plugin for jquery

admin    Plugin     google map, jQuery, Plugin

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

Requirements
There are a two requirements you need to meet before you can use gMap to display Google Maps on your website. First you need to sign up for a Google Maps API key. Second you need the jQuery library at least in version 1.3. read more

Contextual Slideout Tips With jQuery & CSS3

admin    Plugin     css3, javascript, jQuery, Plugin, tip, tutorial

This is an interesting solution for showcasing the new features of products – using contextual slideout tips.

Knowing the importance of HTML standards, the development team is making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines. read more

TipTip jQuery Plugin

admin    Plugin     javascript, jQuery, Plugin, tip

TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window. TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.

read more

Showcase Of Beautiful Vertical Navigation Designs

admin    Inspire     showcase

Riot Industries
The vertical navigation in this portfolio website is simple and clean in looks yet robust in functionality and interaction. Clicking on “Web,” “Print,” or “Identity” filters the thumbnails on the right, and clicking the “About” menu item shifts the navigation to the right, making way for content on the left.

read more

45+ Fresh Wordpress Tutorials, Techniques and Hacks

admin    Wordpress     howto, tutorial, Wordpress

The growth and popularity of Wordpress continues to spiral to a seemingly endless end. It continually proves itself time time and again that it has very few limitations, and is rapidly pushing itself to being, if not the best, but certainly the most versatile CMS available. Out of the box it is certainly not perfect, but in the hands of the huge WP community, it might just be.

In this article we have collected 45 fresh Wordpress tutorials and techniques, with some hacks, guides and best practices thrown in for good measure. Everyone, not just developers, should take something from this round-up.

Complete Theme Design Tutorials

How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

read more

Rounding Up the Top 10 jQuery Lightbox Scripts

admin    Photos, Plugin     javascript, jQuery, opensource, photo gallery, Plugin, tutorial

Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project!

jQuery Lightbox Plugin

Supported Media: Images

View Demo

Download read more

Color Inspiration: Go Green with Envy

admin    Inspire     Colors Palette, showcase, 绿色

Green is most often associated with nature, money, and success. Because of this, it’s most often seen on either environmental or financial institution websites. Though it mixes well with a variety of other colors, green is most often paired with neutrals. We’ve compiled twenty five perfect examples of this in today’s inspiration round-up.

---

Interactive Logistixs

read more

Create CSS Rounded Corners

admin    CSS     CSS, generator, online service, tool

The use of rounded corners on website has becoming very popular. Many websites are starting to kill the sharp edge and go with rounded corners in their buttons, navigation bar, header, banner, etc. Just how easy these rounded corners images can be created? I’m here to show you few which I think are few of the good ones.

1. Google Rounded Corners Generator

This google script generates a PNG format rounded corners for you on the fly. Simply copy the scripts below into a browser and hit enter.

http://groups-beta.google.com/groups/roundedcorners? c=999999&bc=white&w=4&h=4&a=tr

Tweak the following parameters to get the rounded corners of your choice. read more