Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

March 14 2012

16:48

40+ Excellent CSS3 Menu Tutorials

By presenting different tutorials on our site, we tend to help our fellow designers who are looking for a more specific and interactive medium to learn certain techniques and skills. And, for today’s session we have come up with 40+ truly amazing and valuable CSS3 menu tutorials. Though, there are dozens of tutorials available on the internet that let you use new properties of CSS3 but here we only focus on creating menu and navigation by using CSS3.

The tutorials presented below in this collection are more experimental. Through these CSS3 navigation tutorials, you will learn how to create user friendly navigation menu both vertically and horizontally. Check out these wonderful and excellent tutorials and make learning experience more pleasant!

CSS3 Minimalistic Navigation Menu

( Demo | Download )

CSS3 dropdown menu

( Demo | Download )

Creating a cool CSS3 Dropdown Menu

( Demo | Download )

Pure CSS DropDown Menu using :target pseudo class

( Demo | Download )

Making a CSS3 Animated Menu

( Demo | Download )

Pure CSS3 Multi Level Drop Down Navigation Menu

( Demo | Download )

Create an Advanced CSS3 Menu – Version 2

( Demo | Download )

Sweet Tabbed Navigation

( Demo | Download )

The Apple.com navigation menu created using only CSS3

( Demo | Download )

Dark Button Navigation using Css3

( Demo | Download )

Halftone Navigation Menu With jQuery & CSS3

( Demo | Download )

CSS3 Dropdown Menu

( Demo | Download )

Sweet CSS3 Vertical Navigation

( Demo | Download )

jQuery style menu with CSS3

( Demo | Download )

Create a Fun Animated Navigation Menu With Pure CSS

( Demo | Download )

Nicer Navigation with CSS Transitions

( Demo | Download )

How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

( Demo | Download )

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

( Demo | Download )

Creating Fantastic Animated Buttons using CSS3

( Demo | Download )

Awesome Cufonized Fly-out Menu with jQuery and CSS3

( Demo | Download )

Creating a Toggle CSS3 Bottom Navigation Bar

( Demo | Download )

CSS3 Mega Drop-Down Menu

( Demo | Download )

Creating a Marble Style CSS3 Navigation Menu

( Demo | Download )

Slick Menu using CSS3

( Demo | Download )

CSS3 multilevel menu with transition and animation

( Demo | Download )

Modern Ribbon Banner Navigation Bar

( Demo | Download )

Creating CSS3 Dropdown Menu

( Demo | Download )

Dark Menu: Pure CSS3 Two Level Menu

( Demo | Download )

CSS3/jQuery Crossbrowser Drop-down menu with Tabs

( Demo | Download )

Creating an Accordian like CSS3 Onclick Vertical Navigation

( Demo | Download )

Creating a Multilevel CSS3 Metal Navigation with icons

( Demo | Download )

Create the accordion effect using CSS3

( Demo | Download )

Creating a Click-action CSS3 Dropdown Menu with jQuery

( Demo | Download )

How to Create a CSS3 Wheel Menu

( Demo | Download )

Click action Multi-level CSS3 Dropdown Menu

( Demo | Download )

CSS3 Chunky Menu

( Demo | Download )

Creating A CSS3 Animated Menu

( Demo | Download )

Creating CSS3 Slideout Menu

( Demo | Download )

Creating A CSS3 Dropdown Menu

( Demo | Download )

Creating a CSS3 Dropdown Menu

( Demo | Download )

Sexy CSS3 menu

( Demo | Download )

CSS3 Hover Tabs without JavaScript

( Demo | Download )

Cool CSS3 navigation menu

( Demo | Download )

January 26 2012

22:30

15 Best Magento Themes For eCommerce Websites

Magento is the best platform for any e-commerce store or website because it comes with large numbers of terrific features that make it the preferred choice of many e-commerce website owners. On the other hand, finding out elegant or helpful Magento resources is rather difficult. Nearly all Magento extension and themes are so pricey if you compare them with other Content Management Systems (CMS).

Therefore today we have gathered some free but tremendous as well as high quality Magento themes for you. Scroll through our amazing collection and be inspired to create your own artworks, as well. Have fun!!

Grayscale Free Magento Template

( Demo | Download )

Em Computer Store

( Demo | Download )

Magento Classic Theme

( Demo | Download )

mEbay – Free Magento theme

( Demo | Download )

Hardwood Magento Theme

( Demo | Download )

Magento Absolute Theme

( Demo | Download )

Telescope Magento Theme

( Demo | Download )

JM Mesolite

( Demo | Download )

mHitech

( Demo | Download )

mApple

( Demo | Download )

Electronics Store 3

( Demo | Download )

Fitness Theme

( Demo | Download )

POLO

( Demo | Download )

Soccer Sports

( Demo | Download )

Inspire blue

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Sponsored post
soup-sponsored
05:36
Reposted bySchrammelhammelMrCoffeinmybetterworldkonikonikonikonikoniambassadorofdumbgroeschtlNaitliszpikkumyygittimmoejeschgeKameeel

January 23 2012

17:06

50 Beautiful Yet Free HTML5 And CSS3 Templates

HTML5 templates are getting very popular these days because all professional HTML5 templates are compatible to all browsers with its functionality and features, and with the release of HTML5 / CSS3 it has become even more popular among designers because of the additional and great features.

At the moment, HTML5 and CS3 templates are the hottest topics for the web developers, particularly CSS3 that make building beautiful and functional websites easier than ever before. Same goes with the HTML5, so if you have not already tried it, then get your hands on HTML5 and CSS3.

Here, we are presenting 50 professional HTML5 and CSS3 templates that are free to download. We hope you enjoy this assortment.

Html5 Template for Web Design Studio

( Demo | Download )

HTML5 Template for Design Company Website

( Demo | Download )

Website Template for Business Project

( Demo | Download )

VividPhoto HTML5 and CSS3 Template

( Demo | Download )

One Page Portfolio with HTML5 and CSS3

( Demo | Download )

Free Website Template for Restaurant

( Demo | Download )

Vivid Photo: Free Photography Template

( Demo | Download )

Free HTML5 Website Template

( Demo | Download )

Free Science HTML5 Template

( Demo | Download )

HTML5 & CSS3 Website Template – OWMX-1

( Demo | Download )

Clean Red

( Demo | Download )

CoffeeCols HTML5 and CSS3 Multi-Column Magazine Style Template

( Demo | Download )

Serenity HTML5 and CSS3 Template

( Demo | Download )

High Five

( Demo | Download )

Studio One

( Demo | Download )

Free HTML5 Template – Hosting Website

( Demo | Download )

Free Website Template with Slideshow for Cooking Site

( Demo | Download )

Shinra HTML template

( Demo | Download )

ArchiteXture HTML5 and CSS3 Template

( Demo | Download )

ElegantPress HTML5 and CSS3 Template

( Demo | Download )

Online Solutions HTML5 and CSS3 Template

( Demo | Download )

Touch The Future

( Demo | Download )

FreshIdeas HTML5 and CSS3 Template

( Demo | Download )

Free HTML5 Admin Template

( Demo | Download )

Free XHTML & CSS3 One-Page Template

( Demo | Download )

Free Website Template – Lifebook

( Demo | Download )

Elegant Press: Free Website Template

( Demo | Download )

DownToBiz HTML5 and CSS3 Template

( Demo | Download )

iPhone Application Template

( Demo | Download )

Beadysite

( Demo | Download )

RedX HTML5 and CSS3 Template

( Demo | Download )

Business Website Template

( Demo | Download )

Free Website Template for Efficient Business Project

( Demo | Download )

Free Website Template. Start Photographer’s Portfolio

( Demo | Download )

Acallian HTML5 and CSS3 Templates Free

( Demo | Download )

Free Website Template with Single Page Layout

( Demo | Download )

Free Website Template – Efficient Start of Your Business

( Demo | Download )

Free Real Estate Website Template

( Demo | Download )

Alexx HTML5 and CSS3 Templates

( Demo | Download )

Free Travel Website Template

( Demo | Download )

Rock Your Web Project!

( Demo | Download )

Your Efficient Choice

( Demo | Download )

Free Website Template – Portfolio

( Demo | Download )

Free Business Website Template with Accordion Navigation

( Demo | Download )

TheHoleInOne HTML5 and CSS3 Template

( Demo | Download )

Free Business Company Website Template

( Demo | Download )

Free HMTL5/CSS3 Music Template

( Demo | Download )

Learning Center

( Demo | Download )

Free Website Template – Small Business

( Demo | Download )

Free HTML5 Website Template for Industrial Business

( Demo | Download )

Elegant Clean Under Construction Page

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

January 19 2012

18:00

15 jQuery Calendar Date Picker Plugins

In this collection, you will see some of the best jQuery Calendar Date Picker Plugins that will allow you output planners and calendars even more easily. Majority of these plugins are built on jQuery and jQuery UI (User Interface). With this collection, we tend to help those who need frameworks with great functionality.

You can directly incorporate these plugins into your website as they only require minor modifications and styling. These qualities make them extraordinarily acceptable because every project requires its own design and therefore you should modify style of calendar plugin as well.

Date Range Picker using jQuery and CSS Framework

( Demo | Download )

Timeline calendar

( Demo | Download )

jQuery Frontier Calendar

( Demo | Download )

FullCalendar

( Demo | Download )

glDatePicker

( Demo | Download )

BlueShoes JS DatePicker Component

( Demo | Download )

jQuery Calendar Widget Plugin

( Demo | Download )

jQuery.calendarPicker

( Demo | Download )

Date / Time Picker

( Demo | Download )

VCalendar

( Demo | Download )

Date Picker

( Demo | Download )

AJAX Booking Calendar Pro (jQuery Calendar Plugin)

( Demo | Download )

wdCalendar – jQuery Based Google Calendar Clone

( Demo | Download )

Simple Events Calendar JS

( Demo | Download )

Sexy jQuery Multiday Calendar Datepicker Plugin – jCal

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

December 26 2011

16:35

Best Of 2011: Best Useful jQuery Plugins And Tutorials

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.

Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.

In this post, you will unearth some of the most excellent, interesting fresh and useful jQuery plugins and tutorials that were created in 2011.

File Uploads with jQuery

( Demo | Download )
This plugin will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

ComboGrid

( Demo | Download )
Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item.

MotionCAPTCHA

( Demo | Download )
MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.

Elastislide

( Demo | Download )
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Spin.js

( Demo | Download )
The spin method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

Craftyslide

( Demo | Download )
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

Arbor.js

( Demo | Download )
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Recurly.js

( Demo | Download )
Recurly.js allows you to easily embed a PCI compliant order form within your website. Recurly.js is a Javascript library designed to be easily embedded and customized to match your website.

Ideal Forms

( Demo | Download )
Ideal Forms is a small framework to build powerful and beautiful online forms.

How to Block Adblock

( Demo | Download )
With this friendly jQuery plugin you can easily blog Block Adblock.

Power PWChecker

( Demo | Download )
Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure. Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.

Sisyphus

( Demo | Download )
Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh? With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost.

Response Javascript

( Demo | Download )
Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

Responsly.js

( Demo | Download )
Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.

Fitvids.js

( Demo | Download )
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Isotope

( Demo | Download )
Isotope: An exquisite jQuery plugin for magical layouts

Slidorion

( Demo | Download )
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.

Diapo

( Demo | Download )
With Diapo plugin you can creat a beautiufl slideshow.

Minimit

( Demo | Download )
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

Circular Content Carousel

( Demo | Download )
The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

HTML5 Music Player

( Demo | Download )
With this plugin you can create HTML5 Music Player.

jQuery Mobile

( Demo | Download )
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Lettering.js

( Demo | Download )
A jQuery plugin for radical web typography.

Multi Node Range Data Slider jQ Slider

( Demo | Download )
JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool. It can be used in many ways.

Xml Driven Vertical News Scroller Script Using jQuery vScroller

( Demo | Download )
Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

jQuery Sliding Content Bar Plugin

( Demo | Download )
It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.

Gmap3

( Demo | Download )
gmap3 is a jquery plugin which allows many manipulation of the google map API version 3.

Skitter

( Demo | Download )
With this plugin you can generate outstanding slideshows for your website.

jFontSize

( Demo | Download )
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content

Wave Display Effect with jQuery

( Demo | Download )
How cool is it to sometimes just display content a little bit differently? This plugin let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

Simple jQuery Fluid Thumbnail menu Bar

( Demo | Download )
The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page.

Useful image hover slide effect with jQuery

( Demo | Download )

jQuery plugin: Easy Image Zoom

( Demo | Download )
This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

ImageLens

( Demo | Download )
Use this jQuery plug-in to add lens style zooming effect to an image

Slides

( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

jShowOff

( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

Easy Paginate

( Demo | Download )
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.

Responsive Image Gallery with Thumbnail Carousel

( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

PhotoSwipe

( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

Elycharts

( Demo | Download )
Elycharts is a pure javascript charting library, easy to use and completely customizable.

Blueberry

( Demo | Download )
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

GALLERIA

( Demo | Download )
Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

jQuery Image Gallery

( Demo | Download )
With this plugin you can create a beautiful jQuery Image Gallery.

Shuffle Letters Effect

( Demo | Download )
This jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

SmartGallery

( Demo | Download )
SmartGallery is an interactive image gallery that is specifically designed to support huge data. It is lightweight, lightening fast and fully customizable. Powered by jQuery, SmartGallery comes with twelve transition effects including some unique transition effect and thumbnail navigation.

BxSlider

( Demo | Download )
BxSlider will allow you to create a beautiful Content Slider for your website.

FitText

( Demo | Download )
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

jQuery Pagination revised

( Demo | Download )
The pagination plugin combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout. Of course, creating simple links with no event triggering is possible as well. The plugin also offers the facility to “overlap” pages, which means you can show elements of previous pages on the subsequent sites in order to allow a straightforward flow of reading.

E24TabMenu

( Demo | Download )
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.

Snippet

( Demo | Download )
Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

AJAX PAYPAL CART

( Demo | Download )
AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.

Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

December 22 2011

16:16

30 Amazingly Great CSS Menu Tutorials

At the moment, we would like to give you an idea about some amazing and useful CSS menu tutorials that will help you in using CSS more efficiently and expertly. CSS for sure is the wonderful language for designing attractive and eye-catching navigation menus. It is able to be employed to any kind of website and is exceptionally flexible.

Not to worry if your CSS skills are comparatively inadequate because there are loads of great tutorials for you to learn and sharpen your CSS skills. These tutorials will teach you how to add sparkling and proficient looking CSS menu to your websites. You can either modify the menu or you can copy and paste the code into your design to fulfill your needs.

So, take a look at this collection and grab some amazing techniques to make your website navigation easier for your visitors in order to find their desired content. Enjoy!

Slide Down Box Menu with jQuery and CSS3

css

Download | Demo

CSS3 Dropdown Menu

css

Demo

Image Menu with Jquery

css

Download | Demo

jQuery style menu with CSS3

css

Demo

Awesome Cufonized Fly-out Menu with jQuery and CSS3

css

Download | Demo

Create a Social Media Sharing Menu Using CSS and jQuery

css

Demo

Create a Slick Menu using CSS3

css

Demo

Creating a Fancy menu using CSS3 and jQuery

css

Download | Demo

CSS UL LI – Horizontal CSS Menu

css

Download

A Different Top Navigation

css

Download | Demo

Grungy Random Rotation Menu with jQuery and CSS3

css

Download | Demo

Sweet tabbed navigation using CSS3

css

Download | Demo

Create an Advanced CSS3 Menu – Version 2

css

Download | Demo

CSS Vertical Navigation with Teaser

css

Demo


How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3


css

Download | Demo

Create Vimeo-like top navigation

css

Download | Demo

Create an Advanced CSS Menu Using the Hover and Position Properties


css

Download | Demo

CSS dropdown menu without javascripting or hacks

css

Demo

Making a CSS3 Animated Menu

css

Download | Demo

CSS: Sexy Vertical Popup Menu with CSS

css

Download | Demo

CSS Sprite Navigation Tutorial


css

Download | Demo

Pastel color menu with dynamic submenu using CSS

css

Download | Demo

CSS3 Minimalistic Navigation Menu


css

Download | Demo

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial


css

Download | Demo

Make a Mega Drop-Down Menu with jQuery


css

Demo

How To Create A Clean CSS3 Navigation Bar

css

Download | Demo

Vertical CSS Menu With a ‘Behavior’ File.


css

Download | Demo

Create your own drop down menu with nested submenus using CSS and a little JavaScript


css

Demo

CSS Drop Down Menu Tutorial


css

Demo

jQuery Dropdown menu with google style


css

Demo

Create The Fanciest Dropdown Menu


css

Demo

Animated Menus Using jQuery


css

Download | Demo

naviDropDown 1.0 Plugin


css

Download | Demo

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

November 02 2011

15:21

50 Wonderful Free Fonts For Vintage And Retro Designing

Ever wonder why vintage or retro style is getting so much popular and is being adopted extensively? This is because vintage and retro style is the best way to express yourself in a unique way and take your audience back to the decades of 50’s. Designers make an effort to accomplish this by means of different design components for example textures and patterns from a certain time period. However, it is also significant to bring accurate typography into play from the time period you are attempting to represent.

In this post, we have gathered 50 outstanding vintage and retro fonts that you can utilize in your designs as well. In this collection, you will notice that these fonts range from a 1920′s look all the way up to the retro typography style of the 50′s. Enjoy!

Important: All fonts are free. Please read the license agreements carefully before using the fonts for commercial use, they can change from time to time.

Ginga ( Download Font )

CARIBBEAN TOOL ( Download Font )

Star Avenue ( Download Font )

Malgecito ( Download Font )

Hawaii Lover ( Download Font )

Monbijoux ( Download Font )

Fusty Saddle ( Download Font )

Blessed Day ( Download Font )

ANGEL TEARS ( Download Font )

Matchbook Typefaces ( Download Font )

Nashville ( Download Font )

GOVERNOR ( Download Font )

Dirty and Classic ( Download Font )

Moonlight Shadow ( Download Font )

HIGHLANDS ( Download Font )

POMPADOUR NUMERALS ( Download Font )

Bazar, Medium ( Download Font )

Broken Poster ( Download Font )

Truskey ( Download Font )

PopStar Autograph ( Download Font )

CANDY INC ( Download Font )

Please Show Me Love ( Download Font )

Avante Return ( Download Font )

PANHEAD ( Download Font )

Ayosmonika ( Download Font )

Glove ( Download Font )

Fabulous 50s ( Download Font )

Eight One ( Download Font )

JustOldFashion ( Download Font )

Super Retro M54 ( Download Font )

LT Oksana 4.0 ( Download Font )

Market Deco ( Download Font )

ARB 85 Poster Script JAN-39 ( Download Font )

Retro Disco ( Download Font )

Ed Gein ( Download Font )

Jailbox1 ( Download Font )

KarlofF ( Download Font )

Dead Hardy ( Download Font )

Gipsiero ( Download Font )

LT Nutshell Library ( Download Font )

Beyond Sky font ( Download Font )

The Dreamer ( Download Font )

SANTOS DUMONT ( Download Font )

My Underwood ( Download Font )

Quid Pro Quo ( Download Font )

ARB-218 Big Blunt MAR-50 ( Download Font )

Justice by Dirt2 ( Download Font )

SickCapital Kingston ( Download Font )

Dirt2 Echo ( Download Font )

Ithornët ( Download Font )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

September 02 2011

00:19

Extensive Collection Of Useful jQuery Plugins For Working With Tables

jQuery plugins are quite in these days in the field of web designing and are extensively used because of their aesthetically appealing results. Through jQuery tables plugins, you can attain the maximum results in terms of functionality and flexibility. The level of flexibility and functionality that jQuery provide cannot be met with classic HTML tables.

Here we are presenting a collection of exceptional and highly functional jQuery tables plugins that let you create user-friendly tables easily and efficiently. Enjoy!

Table Pagination

( Demo | Download )
This jquery plugin is used to create a pagination element under a table element. You can customize your pagination needs through various settings.

Tablesorter

( Demo | Download )
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

Animated Sortable Data Table jQuery plugin – jTPS

( Demo | Download )
jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. The development version is currently 15KB.

Flexigrid

( Demo | Download )
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an XML based data source using Ajax to load the content.

Animated table sort

( Demo | Download )
This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

HeatColor, a jQuery plugin

( Demo | Download )
HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a “heat” color based on its derived value’s position within the range.

Collapser

( Demo | Download )
Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

jExpand

( Demo | Download )
jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

Tree Table

( Demo | Download )
The treeTable plugin allows you to display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

Table Drag and Drop

( Demo | Download )
This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list. Individual rows can be marked as non-draggable and/or non-droppable. Rows can have as many cells as necessary and the cells can contain form elements.

jQuery charToTable plugin

( Demo | Download )
With this useful plugin you can convert characters to tables using jQuery.

Add Table Rows Count

( Demo | Download )
With jQuery rowCount plugin you can automatically add table row count column to your tables.

uiTableFilter

( Demo | Download )
uiTableFilter is a jquery plugin for filtering table rows.

Ingrid

( Demo | Download )
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

JQTreeTable

( Demo | Download )
Take a plain html table, wrap the rows you want collapsing/expanding in a tbody with an id of treetable, map each row to it’s parent row, set some options, and let jQTreeTable take it from there.

PicNet Table Filter

( Demo | Download )
This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table. This is an open source project released under The MIT License (MIT).

TableEditor

( Demo | Download )
TableEditor provides flexible in place editing of HTML tables. User defined handler functions can easily be dropped in to, for example, update the data source via an AJAX request.

jQuery ColumnManager plugin

( Demo | Download )
A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too!

CSV2 Table

( Demo | Download )
This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file.

JSquared

( Demo | Download )
JSquared Enables ability to add/remove HTML table columns and rows.

jQuery.kiketable.rowsizable

( Demo | Download )
This plugin, applied to n-tables of an HTML page, provides the behaviour of resizing rows by clicking over a “image handler”.

Graphtable

( Demo | Download )
graphTable provides the ability to graph the data in a simple HTML table using flot.

Grider

( Demo | Download )
Grider is a plugin for jQuery that makes your life easier when you need to edit or create a table that handles a list of items. It helps you to do calculations in a very simple way, it supports the following features.

jQuery floating table header plugin

( Demo | Download )
A jQuery plugin that makes the header of a table floating if the original header isn’t visible due to scrolling. The plugin will automatically choose the thead tag as the header for a table. If thead isn’t found it will search for rows marked with the class ‘floating’. The behavior can be changed by the settings forceClass and markingClass.

LiveFilter

( Demo | Download )
LiveFilter is a very lightweight jQuery plugin that will filter either an ordered or unordered list and display only the results that match the supplied string.

TinySort

( Demo | Download )
TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Using jQuery To Manipulate and Filter Data

( Demo | Download )
When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this tutorial, author will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )
If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, you can learn how to make “filtering by category” a little more interesting with just a little bit of jQuery.

List Reorder

( Demo | Download )
List Reorder is a jQuery plugin that allows you to reorder any simple ordered or unordered list. List Reorder is easy to use and does not require any additional markup. Its look and feel is completely customizable using a set of CSS classes.

DragTable

( Demo | Download )
Maybe you want to sort the columns ascending/descending by clicking into the table-head. No problem! Use a handle to drag the rows.

FireScope Grid

( Demo | Download )
FireScope Grid is an open source (GNU Public License, v2) jQuery component that adds datagrid behaviors to your HTML tables, regardless of the server-side technology being used. Included in the plugin is a navigation bar that is automatically appended at the beginning or end of a table that enables users to page through results, filter results by any column or sorted on the fly without need to refresh the entire page.

Fixed Header Tables

( Demo | Download )
FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new features and improvements to be released.

JGridEditor

( Demo | Download )
This jQuery plugin allow you to add on-the-flight cell editing functionality in your table You may configure it to perform AJAX queries and returning changed content or error messages.

pfSelect – click drag select for huge datasets

( Demo | Download )
This lightweight select plugin allows you to select elements easily by click-drag select, shift select or ctrl select within a huge dataset and without any speed decrease. It adds a mouseover event to each specified element (by default elements with class “selectable”) and doesn’t calculate any marquee rectangle as the Jquery UI plugin does. Therefore it has no performance issues with hundreds of elements. Use this plugin if you have tons of elements and you need fluid interactivity.

Sortable Tables

( Demo | Download )
jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).

KeyTable

( Demo | Download )
KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.

Zentable

( Demo | Download )
Zentable is a plug-in for the jQuery Javascript library. It allows to show and manipulate tabulated data on a web page but with functionalities typically expected from native applications, as scrolling with the mouse wheel, resizing column widths or using keys to move through the data. It can be used with or without AJAX, but is using AJAX where this plug-in really shines.

jQuery Week Calendar

( Demo | Download )
The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google calendar.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

June 02 2011

10:22

45+ Useful Yet Free eBooks For Designers And Developers

Internet has made the world of knowledge and information so much open than it ever had before. With thousands of tutorials available online and proper standards in place, it just takes few days of study to master even the most complicated skills.

Designing community always require useful resources and new techniques to bring novelty in their designs. Here, we are showcasing an incredibly useful collection of 45+ free e-books that every designer and developer must read. We hope that you will learn some new techniques and get help in mastering your own area of expertise. Enjoy!

Head first HTML with CSS & XHTML

A learner’s guide to creating standards-based Web pages.

How To Be Creative

MacLeod, an advertising executive and popular blogger with a flair for the creative, gives his 26 tried-and-true tips for being truly creative. Each point illustrated by a cartoon drawn by the author himself. If you’ve ever felt the draw to do something creative but just haven’t been able to pull it together, you’ll love this manifesto.

Web Designers Success Guide (PDF)

Web Designer’s Success Guide is the definitive guide to starting your own freelance Web design business.

Design Your Imagination

WebGuru is glad to offer an ebook named “Design Your Imagination”; a one stop resource for the beginners and learners of website design. Though this e-book is mainly targeted for the beginners of website design, it might prove helpful for the experienced web designers as well.

HTML5 WTF?

From Simon Schoeters, the author: Yet another overview of the changes introduced by HTML5. How does it look like? What is sexy? What is sexy? This presentation, that’s what.

HTML & XHTML

The definitive guide to HTML & XHTML.

JavaScript Programming for the Absolute Beginner

For the Absolute Beginner, No Experience Required

Pro Drupal Development

Learn how to use the content management framework to create powerful customized web sites.

Web design in a Nutshell

Completely revised for standards compliance, including CSS 2.1 and XHTML 1.0.

Using XHTML

Molly Holzschlag has her finger on the pulse of what web developers need to know. And small wonder, she has been working in the trenches herself for years.

Joomla!

Building a Successful Joomla, Powered Website

Up to Speed on HTML 5 and CSS 3

A presentation to Refresh DC about the emerging HTML 5 and CSS 3 standards, namely about aspects that are beginning to become applicable to web design and development.

Faster, and More Secure Webfonts

Font embedding for the web is a great step in making the web look better and become more functional, but what about security and load times?
Bram Pitoyo’s slide deck takes the top layer off font embedding and shows us how things work, and ultimately how to improve performance and make it more secure.

20 Things I learned about Browsers and the Web

What’s a cookie? How do I protect myself on the web? And most importantly: What happens if a truck runs over my laptop?
For things you’ve always wanted to know about the web but were afraid to ask, read on.

Integrating Accessibility Throughout Design (HTML)

Accessibility is designing products so that people with disabilities can use them. Accessibility makes user interfaces perceivable, operable, and understandable by people with a wide range of abilities, and people in a wide range of circumstances, environments, and conditions. Thus accessibility also benefits people without disabilities, and organizations that develop accessible products.

Web Style Guide: 3rd Edition (HTML)

Basic Design Principles for Creating Web Sites

Type Classification eBook

This book has been made to help you learn the 10 broad classifications of type. These are the basic foundations of what you need to learn to learn typography and it is essential for any designer to know how to classify type.

Time Management for Creative People

It’s subtitled ‘Manage the Mundane – Create the Extraordinary’ as it’s designed to help you maintain your creative focus while dealing with your other commitments.

Forty’s Pocket Guide to SEO

Quick reference for SEO terms and phrases.

Taking Your Talent to the Web

Rated Five Stars at Amazon.com since the day it was published, “Taking Your Talent to the Web” is now a free downloadable book from zeldman.com

The Design Funnel: A Manifesto for Meaningful Design

Are you a professional designer? Would you like a process to create more consistently creative work which distinguishes itself from the work of your peers?
Would you like a process which would help translate the often vague, unclear wishes of your clients (and yourself, for that matter) into a clear and solid basis for your design? This manifesto will show you how.

The Elements of Typographic Style Applied to the Web (HTML)

A practical guide to web typography.

Design Patterns

Essential JavaScript And jQuery Design Patterns – A Free New Book

Why design?

The booklet is written to provide some core messages for which we can create a common chorus. It defines the power of Designing, a larger concept that includes strategy as well as artifacts across a variety of disciplines.

The Woork Handbook

The Woork Handbook is a free eBook about CSS, HTML, Ajax, web programming, Mootools, Scriptaculous and other topics about web design… directly from Woork.

A Concise Guide to Archiving for Designers

In 10 short chapters the guide provides designers with the proper ways to store and describe their collections.

Getting Real

Discover the smarter, faster, easier way to build a successful web-based application. A book by 37 signals.

Lateral Action

Freedom, Money, Time,Key to Creative Success

Dive Into HTML5

Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards.

Scribd in HTML5

As fans of HTML5 and its possibilities for the web, it’s nice to see major sites like Scribd jump on board the train and push it forward. Your move, Slideshare.

Learning PHP 5

A pain free introduction to Building Interactive Web Sites.

HTML5 Quick Learning Guide

This guide introduces you to just the main elements of HTML5 that you’ll probably want to use right away. This guide is for those who want to get the basics figured out first, and worry about the finer details later on.

Dive Into Accessibility

This book answers two questions. The first question is “Why should I make my web site more accessible?” If you do not have a web site, this book is not for you. The second question is “How can I make my web site more accessible?” If you are not convinced by the first answer, you will not be interested in the second.

Eloquent JavaScript

Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general.

Search User Interfaces

This book presents the state of the art of search interface design, based on both academic research and deployment in commercial systems.

Access by Design Online

A universal design approach to web usability.

Research-Based Web Design & Usability Guidelines

Throughout your Web design or redesign project, you should take advantage of what is already known about best practices for each step of the process. The Research-Based Web Design and Usability Guidelines, compiled through an extensive process of research and review, bring you those best practices.

Practical PHP Programming

In this eBook you’re about to learn to use the most powerful web development language that can be found, and, what’s more, you will do so with the minimum of fuss.

HTML

A Beginner’s Guide to HTML.

Knock Knock

Knock Knock is now available for you to read for free. It’s a short take on how to use the new online marketing tools to make any website work more effectively.

CSS Cookbook

Quick Solutions to Common CSS Problems.

Beginning CSS: Cascading Style Sheets for Web Design

Cascading style sheets (CSS) are the modern standard for website presentation. When combined with a structural markup language such as HTML, XHTML, or XML (though not limited to these), cascading style sheets provide Internet browsers with the information that enables them to present all the visual aspects of a web document.

Ajax Design Patterns

Creating Web 2.0 Sites with Programming and Usability Patterns.

Flash 8: Projects for Learning Animation and Interactivity

Projects for Learning Animation and Interactivity.

Ruby on Rails: Up and Running

Lighting Fast Web Development

Essential ActionScript 3.0

Action Script 3.0 Programming Fundamentals.

Foundations of Ajax

The expert’s Voice in Web Development.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

January 07 2011

15:09

Awesome jQuery Techniques To Create Visually Impressive Photo Galleries

Here we have gathered a round about of some amazing jQuery image galleries and sliders that we hope you will like. You must have seen many of these jQuery image galleries and sliders on different portfolio websites because they are easy and helpful in displaying images and photos than any other medium.

The most amazing thing about jQuery is that you don’t have to be a techie to add jQuery to your website, you can easily add it even if you don’t know much about JavaScript and jQuery. So let us take a look at this assortment. Feel free to share your opinion with us.

Full Page Image Gallery with jQuery

( Demo | Download )

Sliding Panel Photo Wall Gallery with jQuery

( Demo | Download )

Create Fantastic Lightbox – Style Galleries and Slideshow

( Demo | Download )

Slider Gallery with jQuery

( Demo | Download )

HTML5 Slideshow w/ Canvas & jQuery

( Demo | Download )

Thumbnails Navigation Gallery with jQuery

( Demo | Download )

Create image gallery in 4 lines of jQuery

( Demo | Download )

WEB DEVELOPMENT

( Demo | Download )

jqGalViewII (Photo Gallery)

( Demo | Download )

Nivo Slider

( Demo | Download )

Slideshow with strip effects

( Demo | Download )

AD Gallery, gallery plugin for jQuery

( Demo | Download )

Animate Panning Slideshow with jQuery

( Demo | Download )

Smart3D jQuery plugin

( Demo | Download )

JQUERY MB.GALLERY

( Demo | Download )

Sudo Slider

( Demo | Download )

GALLERYVIEW

( Demo | Download )

Supersized

( Demo | Download )

AnythingSlider

( Demo | Download )

Auto-Playing Featured Content Slider

( Demo | Download )

s3Slider jQuery plugin

( Demo | Download )

Photo Gallery – Dark Theme

( Demo | Download )

Automatic Image Slider w/ CSS & jQuery

( Demo | Download )

Create a Slick and Accessible Slideshow Using jQuery

( Demo | Download )

Simple Controls Gallery

( Demo | Download )

SlideViewerPro

( Demo | Download )

Pirobox

( Demo | Download )

jQuery simple panorama viewer

( Demo | Download )

ShineTime

( Demo | Download )

Exposure

( Demo | Download )

Cloud Carousel

( Demo | Download )

Box Slider

( Demo | Download )

Create Scrollable Interface with jQuery Image Scroller Plugin

( Demo | Download )

Minimalistic Slideshow Gallery with jQuery

( Demo | Download )

Image Highlighting and Preview with jQuery

( Demo | Download )

Interactive Photo Desk

( Demo | Download )

Beautiful Photo Stack Gallery with jQuery and CSS3

( Demo | Download )

Multimedia Gallery for Images, Video and Audio

( Demo | Download )

Flickr Photobar Gallery

( Demo | Download )

Awesome Mobile Image Gallery Web App

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

September 28 2010

17:15

Awesome jQuery Plugins And Techniques To Create Visually Excellent Websites

Are you looking for some cool and handy jQuery Plugins, you landed at right place. Below we are presenting 45 most useful and handy plugins that you can use in your next project and make it stand out.

jQuery is the most well-known and open source JavaScript library which is being used all around the world because it simplifies the client-side scripting of HTML. You can also create marvelous effects by using these plugins. Enjoy!

HoverFade

Demo | Download

jQuery-Notes 1.0.2

Demo | Download

gMap – Google Maps Plugin For jQuery

Demo | Download

jQuery Menu Style

Demo | Download

Contextual Slideout Tips With jQuery & CSS3

Demo | Download

Growl

Demo | Download

Animate Panning Slideshow with jQuery

Demo | Download

jQuery Masonry

Demo | Download

jQuery Quicksand

Demo | Download

Jquery Plugin MopSlider 2.4

Demo | Download

jQuery color plugin xcolor

Demo | Download

jQuery Image Scroller

Demo | Download

Auto-Playing Featured Content Slider

Demo | Download

Horinaja

Demo | Download

Slide Deck

Demo | Download

Automatic Image Slider w/ CSS & jQuery

Demo | Download

Create a Slick and Accessible Slideshow Using jQuery

Demo | Download

Fancy Thumbnail Hover Effect w/ jQuery

Demo | Download

Coda Slider Effect

Demo | Download

Micro Image Gallery: A jQuery Plugin

Demo | Download

Image Highlighting and Preview with jQuery

Demo | Download

Textarea Words, Characters counter and maxlength plugin

Demo | Download

GOOGLE CHARTS

Demo | Download

IdmgAreaSelect

Demo | Download

jQuery Bookmark

Demo | Download

Poshy Tip

Demo | Download

jqPlot Charts and Graphs for jQuery

Demo | Download

jQuery MegaMenu Plugin

Demo | Download

FullCalendar – Full-sized Calendar jQuery Plugin

Demo | Download

jQuery Canvas Loader

Demo | Download

Meerkat

Demo | Download

jQuery PhotoShoot Plugin 1.0

Demo | Download

jqFancyTransitions

Demo | Download

jQuery Slider plugin (Safari style)

Demo | Download

jTextTranslate: A jQuery Translation Plugin

Demo | Download

xBreadcrumbs (Extended Breadcrumbs) jQuery Plugin

Demo | Download

Get TopUp!

Demo | Download

FireQuery – Firebug extension for jQuery development

Demo | Download

ImagineMenu

Demo | Download

Jquery AjaxSuggest

Demo | Download

Ajax File Uploader

Demo | Download

3d Tag Sphere

Demo | Download

(MB)Extruder

Demo | Download

jQuery Simple Multi-Select

Demo | Download

Fancy Box

Demo | Download

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

July 03 2010

23:44

New Customization Features Added to Google News

Google News has undergone extensive testing by Google and finally the service now has a number of notable customization options. Read on to learn about them:

1. Topics you can subscribe to

gnews

In the left pane of Google News, you will find a topics list. Click on any topic to find news related to it. When the news open up, you will find a button which lets you add that topic to your personalized news page thereby subscribing to the topic.

2. News For You

gnews1

News For You is a brilliant idea by Google. You can edit the news topics by filtering them out of your news feed. New topics can be added by entering keywords in the search bar provided in the News For You box. You can also specify the frequency with which you read about each topic so that news is correspondingly arranged.

3. Selecting / Deselecting News Sources

gnews2

If there is a certain news source that you prefer, you can click on “Settings” at the top of the page, select “News settings” and start typing the sites you’d like to see more often in Google News. On the other hand if there is a news source you do not like, you follow the same procedure and eliminate the news source from your feed.

4. Social Network Integration

gnews3

Clicking on the small arrow in the top right corner of each news cluster will drop down networks on which you can share the current news. This is a great way to let your friends know of anything interesting you read.

5. Keyboard Shortcuts

Some keyboard shortcuts have been added to enhance the user experience. The following keys apply: j or n (next story), k or p (previous story), / (search), s (star), . or f (share), Enter (open the headline article for the current story).

gnews4

Google has clearly improved its News page by giving more control to the user. A full list of new features can be read here, on Google’s official page on the matter.

June 22 2010

15:56

How To: Turn Android Based Phone Into Wireless iTunes Remote Control

The iTunes media player is used by many people. Its integration with the App Store allows you to easily stream and purchase the music you like. Although it has an unusually large download size (when compared to other media players), its interface features combine to form a competent media player that has many fans.

If you are an iPhone or any other Apple device user, you might already have stumbled across an application or two that enables remotely controlling iTunes. But if you own an Android smartphone, the chances to find an iTunes compatible app are very slim. TuneRemote however, is an Android application that is not only compatible with iTunes but also lets you control the player remotely through your phone.

Read on the following the 5-step guide to learn how TunesRemote can be used to wirelessly control your iTunes player.

Step 1: This is for Mac users. If you are a Mac user, you will first need to configure your firewall in order to enable remote controlling of iTunes. Go to System Preferences -> Security, then click on the Firewall tab. Click on the Set Access for Specific Services button and select iTunes from the Application list (click on the + to add application).

android-remote

Step 2: This is the second step for Mac users and first for Windows users. Open iTunes and enter its preferences. In the Sharing tab, make sure the Share my library on my local network is checked. If you want tighter security, you can assign a password for the sharing.

android-remote1

Step 3: You can now start up TunesRemote on your Android smartphone. Most probably it will automatically find and add your shared iTunes library. In case the library is not automatically detected, you can manually add your library by accessing TunesRemote’s Manual Add option and entering your computer’s IP address along with the following pairing code: 0000000000000001.

android-remote2

Step 4: Now head back to iTunes where you will now be able to see an Android device option in the side pane. Click on this option and enter 0000 in the passcode screen; you will see a resultant screen confirming successful connection.

android-remote3

Step 5: You are all done. Congratulate yourself on being able to control iTunes through your Android smartphone. Now invite your friends over and show off your phone’s abilities.

You can search for TunesRemote at the Android Marketplace; if you cannot find it there, download the .apk from http://dacp.jsharkey.org/TunesRemote-r2.apk

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

June 04 2010

09:41

I’ve Got a Blog, Now What Do I Do? [Slideshow]

These days we all are noticing that thousands of new blogs are starting every day to get in the race of influential blog of the industry. But only few of them could survive and stay in the battlefield fighting with existing giants. Well, I know this is not possible to fight but yes they at least try to find their place in the market. Well, to be honest many of the blogs owners really dont know how to get the word out about them and inspire their first time visitors to come again to create a strong community.

A friend of mine Syed Balkhi at WPBeginner recently created and launched a really useful and directive slideshow to make the new blog owners lives easier than ever. As the title of slideshow says everything “I’ve Got a Blog, Now What Do I Do?”, it would be enough good if someone will really want to do something to establish their blog in decent period as after reading this you guys would not need to invent the wheel again. huh! I mean he put all of his experience and mature understanding in this slideshow to deliver the actual knowledge that anyone could wish.

This slideshow consist worth-checking 50 slides which covers decision to start a blog to setting up and launching then content selection to excellent copyrighting. After this, using all the possible platforms to spread out the word about your blog like getting you active on social media e.g. twitter, digg, reddit, stumbleupon etc for getting massive feedback on your posts. In short, it has so many things that you can learn to enhance your blog’s future and increase your reader base.

I’ve Got a Blog, Now What Do I Do?

I’ve Got a Blog, Now What Do I Do? – Presentation Transcript

  1. I’ve Got a Blog, Now What Do I Do?
    The Holy Grail of Blogging
  2. Syed Balkhi
    Founder of WPBeginner.com
    @wpbeginner
  3. What is WPBeginner?
    WordPress resource site launched on July 4th, 2009.
    In less than a year, this site has been mentioned in Wired Magazine, Webmonkey, Mashable.com, Problogger.net, Smashing Magazine, and others.
    Top twitter users like Robert Scoble, Darren Rowse, Jeremy Schoemaker, John Chow, Neil Patel, Mashable, and countless others have retweeted @WPBeginner.
  4. Right Now:
    This site has a Google Pagerank of 6.
    Alexa Rank of 13,000.
    Over 50,000 backlinks.
    Total Social Media and RSS Following of over 34,000 users.
    All in less than a YEAR with $0 spent on advertising.
  5. To Rent Or To OWN??
    Credit: Seier and Paddy
  6. DID YOU GET IT RIGHT?
  7. GOALS, GOALS, GOALS
  8. “A brand should strive to own a word in the mind of the consumer.”
    Al Reis and Laura Reis
  9. Don’t make it Confusing!
    Del.icio.us
    vs.
    Delicious.com
    Credit: Tinypoems
  10. PEOPLE ARE SHALLOW!
    Credit: Prakhar
  11. CONTENT IS KING
  12. Must Have WordPressPlugins
    • Akismet
    • All in one SEO Pack
    • Contact Form 7
    • WP Super Cache
    • WP-DB Backup
    • Subscribe to Comments
    • Google XML Sitemap
    • Comment Redirect

    All of these plugins are free and can be found in the WordPressPlugin Directory.

  13. Thank YOU
  14. Analytics
  15. (S)(E)(O)
  16. Write for the peopleNOT the bots…
    Website’s don’t link to other websites. It is the people who point to other people‘s work.
  17. User (SEO) Friendly URLs
    /%category%/%postname%/
  18. Use AIOSEO Properly
  19. Link Baiting
    • List Posts
    • Contest / Giveaways
    • Free Tools
    • Controversy / Attacks
    • Be the First (NEWS)

    Credit: Toon Refugee

  20. BEAUTIFUL DESIGNS CAN GET YOU A BACKLINK
  21. SEO Checklist
    • XML Sitemap
    • Semantic Web Markups <h1><h2>
    • Image Tags (Alt=“”)
    • Rel=nofollow
    • Limit External Links
    • Increase Internal Linking (Related Posts)
  22. WHY SOCIAL MEDIA?
  23. “Word of Mouth Advertisement is the most effective form of advertisement”
  24. TO GET CONNECTED.
    TO GET NEW USERS.
    TO INTERACT WITH READERS.
  25. TWITTER
  26. TWITTER CHECKLIST
    • Custom Background.
    • Good Profile Photo.
    • Multiple Profiles??
    • Interesting Tweets.
    • Use Hashtag
    • Retweet Button
    • Don’t Whore Yourself.
  27. It’s not about the Quantity.
  28. Eat. Sleep. Tweet.
  29. SCHEDULE YOUR TWEETS
    Twitter can be distracting.
    Use Hootsuite.com or Tweetdeck to schedule tweets.
    Twitter is the 2nd highest traffic source on WPBeginner.
  30. Twit-baiting
    Check out @wpbeginner if you have any questions related to #WordPress
    Win a free copy of @templatic#WordPress Themes from @wpbeginner – http://bit.ly/aaNjVo (Simply RT to Enter)
  31. “Twitter Search is the best place to find new clients.”
  32. FACEBOOK
  33. “Facebook is the opiate of the masses.”
    - Karl Marx (Modified)
  34. FACEBOOK CHECKLIST
    • Fan Page.
    • Custom Fan Page URL.
    • Custom Landing Page.
    • Facebook Share Button.
    • Facebook Like Button.
    • Don’t SPAM other fan pages.
  35. DIGG. SU. REDDIT.
  36. THE DIGG/Reddit EFFECT
    #1 Rule, don’t abuse digg or reddit.
    Don’t submit your own content.
    Neither Digg nor Reddit has any SEO advantages.
  37. “Not every article deserves to be bookmarked”
  38. BLOG COMMENTS
  39. Advantages
    Top Commentator Backlinks.
    Brand Identity due to Gravatar.
    Connection with the Blogger (That’s how I met Darren Rowse).
    More Exposure and Traffic.
  40. GUEST BLOGGING
    Nice way of Stealing traffic and bringing it to your website.
  41. Guaranteed Exposure
    Get Paid to increase your reputation and get traffic to your website.
  42. Forums
    Digitalpoint Forums
    Problogger Forums (Paid Access)
    Namepros Forums
    Sitepoint Forums
    WPTavern Community
  43. NETWORK!!
    • Exchange Backlinks.
    • Retweet each other.
    • Guest Blogging.
    • Social Media Votes.
  44. REVISIT YOUR GOALS
  45. TIME TO QUIT? (EXIT STRATEGY)
  46. PERSONAL & PROFESSIONAL
    Build TWO brands.
    @syedbalkhi and @wpbeginner
    Leverage them to help each other grow.
    Great exit strategy and excellent for new startups.
  47. Resources
    http://www.wpbeginner.com/
    http://www.balkhis.com/for-starters/how-to-launch-a-new-blog-successfully/
    http://problogger.net/
    http://mashable.com/
    http://fuelyourblogging.com/
  48. Who am I? How to Reach me?
    Syed Balkhi
    Founder of WPBeginner.com
    CEO of Uzzz Productions (uzzz.net)
    Contact:
    Email: admin@wpbeginner.com
    Twitter: @wpbeginner / @syedbalkhi
    Facebook: http://facebook.com/wpbeginner

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

February 12 2010

06:51

First Generation Of Google Buzz Tips, Tricks And Resources

Google Buzz is Google’s latest product for sharing updates, photos, videos, and more. Many people are saying that Google Buzz will start healthy competition in the micro-blogging industry where Facebook and Twitter was enjoying as leaders. Do not forget to follow us on Google Buzz to get updates with all the latest happening at Smashing Apps.

Google Buzz is a new way to publish your ideas to the world or just to your closest friends, and start conversations about the things you find interesting. It has an option to see thumbnails with each post, and browse full-screen photos from popular sites. Today, we are listing down few stuffs from the first generation of Google Buzz Tips, Tricks And Resources.

Google-Buzz

Let’s start with a video to find how Google Buzz works

Chrome Buzz

Chrome-Buzz

Buzz It For Firefox

Buzz-It

Buzz It! will make a buzz status update via Gmail with the link and title of the webpage you are viewing. It will also shorten URLs with Bit.ly, allowing the user to monitor their link statistics.

Five Tips to Thrive on Google Buzz

Five-Tips-to-Thrive-on-Google-Buzz

With Google Buzz, users have found their inboxes converted instantaneously into a social hub. Google’s bold move has turned the web into a whirlwind of blog posts appraising or criticizing the service. Here are some of the ways you can maximize the use of Buzz if you want to give it a try.

4 Google Buzz Hacks for Users, Developers, and Haters

4-Google-Buzz-Hacks-for-Users-Developers-and-Haters

ReadWriteWeb came across a few tips and tricks worth sharing with you.

12 Undocumented Tricks for Google Buzz

12-Undocumented-Tricks-for-Google-Buzz

AEXT proud to present you with 12 simple tricks to help give you a better Buzz.

Google Buzz API

Google-Buzz-API

Google Buzz Button Wordpress Plugin

Google-Buzz-Button-Wordpress-Plugin

Google didn’t release any official button yet but Clickonf5 has released a Wordpress plugin to add a button on a post/page. Once your visitor will click on this button, they will be taken to a page where they can add some note on your post’s link and title and share that on their Buzz. This way your post/page’s reach will increase by huge amount.

Google Buzz Icons

Google-Buzz-Icons

Unmatchedstyle released free set of 16, 32, 64 and 128 pixel versions, a photoshop file of all the icons and the buzz bee as an eps. You can use them however you want.

Google Buzz Social Icons for Bloggers and Designers

Google-Buzz-Social-Icons-for-Bloggers-and-Designers

10 high resolution Google Buzz Icons of different Style and Sizes are  included in this set.

Don’t Like Google Buzz Or If It’s Not For You? Then…

turn-off-google-buzz

If you do not like Google Buzz or it’s really not for you so there is a way that you can keep it out of your Gmail inbox. You would need to go down on the inbox page and there is an option that say “turn off buzz ”

You are welcome to share more tips, tricks, hacks and any type of resources for Google Buzz that will be helpful and our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter , follow us on Google Buzz and do not forget to become our fan on facebook as well.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

November 13 2009

07:37

7 Apps That Could Be Really Useful At Work

This is one of the very best list of its kind where you can find few of the useful online tools and could be very helpful for you when you want to get your work done. I hope all of you will like this list if you are office worker, designer, developer, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 7 Apps That Could Be Really Useful At Work. Just take a look at them and share your thoughts here.

You are welcome to share more useful web tools that will be helpful for web designers and our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Mockingbird

Mockingbird

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

VeoProject

VeoProject

The easy way to manage your projects online. You can organize tasks, issues, messages, and shared files with this secure and easy to use project management application.

Lockbin

Lockbin

Lockbin is a free service for sending private email messages. You can use it to send things like credit card information or confidential information.

Clipperz

Clipperz

Clipperz is a free and anonymous online password manager. Local encryption within the browser guarantees that no one except you can read your data and there is nothing to install.

ShowDocument

ShowDocument

ShowDocument is a free service for online meetings with fully synchronized co-browsing of any document. It is a quick and simple way to share a document with other people at the same time. It is a web collaboration platform that lets individuals have a free online meeting. It is an alternative to various commercial desktop sharing applications. One can easily upload any file and during the session mark it up with a pen or a highlighter tool in addition to a text box tool and eraser.

Draw Anywhere

Draw-Anywhere

DrawAnywhere is an online diagramming website, where you can draw, modify and share flowcharts and other diagrams, with the look & feel of a desktop application. It runs on any browser with Flash 9 installed. There is no need to download and install any custom software. It runs entirely on the web, and thus it is an always-on-access-anywhere solution. It meets all your diagramming needs without installing, maintaining and purchasing expensive software.

Go2Convert

Online image converter for free

Go2Convert is a set of free web based tools that allow you to convert, resize a picture without having to install any software on your computer. It is not meant to be a complete Image editing software package. It is meant to be an easy to use solution to convert, resize your pictures and digital photos without the need to learn a complex software package. Once you convert, resize an image, you can choose to copy image’s URL or download it directly to your computer – It doesn’t get easier than that.


User guides (In Adobe PDF format)
http://www.drawanywhere.com/doc/dauserguide.pdf

Frequently Asked Questions


Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...