Free and Useful Online Resources for Designers and Developers » CSS/Style Sheets

50 Beautiful Yet Free HTML5 And CSS3 Templates

Akhter — Mon, 23 Jan 2012 17:06:24 +0000

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

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

Beautifully Designed Free Tumblr Themes

Obaid — Wed, 11 Jan 2012 17:04:58 +0000

At times it appears that Tumblr is most frequently ignored blogging platform out there. The reason behind this ignorance is that many people are unaware of what they can make of it from. This is because Tumblr is not a regular blogging platform like Blogger or WordPress and it is either not like a microblogging platform yet it holds great potential to get your message out there.

Since, many people do not even know what does Tumblr means, designing Tumblr themes can be like a daunting task for the designers as they need to figure out how they can develop themes for Tumblr taking into consideration that there are seven or you can say eight post types if you count photo slideshow posts as separate from regular photo posts.

So, here we compiled a collection of some beautifully designed Tumblr themes for you to get some inspiration as well as to beautify your Tumblr posts.

Stitch Up

Esquire

Straight Up

Coffee Shop

Transparent Theme

iBlack

Stationery

Organ

The Fisherman’s Friend

The Musician

Stacky Ver. 3

FluidMod

Phobic Man

The Stitch

Mellow Yellow 2.0

Revista

Boundless

Impression

Photofolio

Alternate Route

Button Theme

Nine of Mine

Classy

Rockstar

Stolen heart

Fly

Space Baby

The Daily

Hardw00d

Dashing

Shelf

Manus Bonis

Cargo Theme

A Fine Line

Adaptation

Be Original

(More) Important Things

101

Dream Theme

Transparent Theme

Download | Demo

Strange Little Town

Download | Demo

Brought To You By

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

Coolest Apps From 2011 You Would Never Want To Miss In 2012

AN Jay — Wed, 04 Jan 2012 15:46:25 +0000

The year 2011 has ended. We have explored and reviewed so many useful tools and resources for you all the year. Today, we are going to take a look on few of the web apps we have featured that we think you would like bookmark for 2012. I hope designers, developers and programmers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc. They are really amazing in respect to their features. This is the list of Coolest Apps Of 2011 You Would Never Want To Miss In 2012. We have categorized them as Web Apps, Desktop Apps and Smartphone/Tablet PC Apps. Just take a look at them and share your thought’s here.

You are welcome if you want to share more cool apps that 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.

Web Apps

Screenfly

Screenfly allows you to view your website on a variety of device screens and resolutions. It makes testing your online content, mobile designs, and responsive layouts a cinch. Choose common browsers, screen resolutions, and even mimic mobile phone and tablet devices.

Really Simple System

It has all the features and functionality you need to keep track of your customers and prospects – their names, when to call them back, what you said to them last, what they bought, what they might buy. And as the name implies, Free Edition is a completely free CRM system. You can also upload documents such as letters, faxes, spreadsheets and keep them on the system. In CRM jargon, it is a complete Sales Force Automation system: Account Management, Contact Management and Opportunity Management with Sales Forecasting.

IdentyMe

IdentyMe is a service for making of virtual business cards. You can collect all your contacts in one place and create a portfolio. It will helps you share information with new people, find new friends and business partners.

LiveGO

LiveGO is an all-in-one solution enabling Internet users to stay connected to their social networks as Facebook and Twitter accounts, InstantMessengers as MSN Messenger, Yahoo and Gtalk, and email accounts as Hotmail, Gmail and Yahoo!.

Wix

You can create your own free website that looks and functions the way you want. Wix is an online editor with a drag and drop interface that lets you learn how to make a website without the need to bother with any code or web programming. To build your site, use the free design elements found inside the Wix website builder. Add pictures, text, contact forms, Google maps, social network icons and links, music, video files and more, in just a few simple clicks. You can also upload your own content, to add your own photos, animation files, text and more.

moneytrackin

moneytrackin‘ is a free online webapp that allows you to track all your expenses and incomes easily and without effort, thus allowing you to have a clear view of your financial situation. It intends to be a simple yet powerful online budget management tool.

Logotype Maker

This is a dead simple yet free logo maker web tool which can helps you create a logo in just few easy steps.

CrocoDoc

CrocoDoc is an excellent online tool to share and annotate PDF files. If your friends do not have PDF file reader, you can upload the file to CrocoDoc and it will become viewable in the site’s HTML5 interface. The PDF file can also be annotated. The original and annotated versions can be downloaded separately by visitors to the PDF’s URL.

Dialawg

The astonishingly simple way to share, track, protect, and control your files, messages…and relationships. Dialawg is a secure conversation, accessible from anywhere, where parties may exchange messages, share files and collaborate on documents.

vintageJS

vintageJS is a tool where you can upload your images and apply a custom retro, vintage look to them for free. Just try it out: upload your photo, apply the vintage effect and share the retro image it with your friends via twitter or different social networks.

TitanPad

TitanPad lets people work on one document simultaneously. While working on this app, you may do infinite undo and everyone gets their own color.

TagCrowd

TagCrowd is a web application for visualizing word frequencies in any text by creating what is popularly known as a word cloud, text cloud or tag cloud. It specializes in making word clouds easy to read, analyze and compare, for a variety of useful purposes.

Virustotal

Virustotal is a service that analyzes suspicious files and URLs and facilitates the quick detection of viruses, worms, trojans, and all kinds of malware detected by antivirus engines.

CSS Pivot

This is a great website that can allow you to add CSS styles to any website, and share the result with a short link. You can also invite others to submit
improvements for your website.

AgileWrap

AgileWrap is a simple, elegant, agile lean product lifecycle management solution to enhance product development, and realize faster time to market. It helps organizations optimize the product development process by enabling effective planning, providing visibility in real-time, incorporating customers feedback sooner, and facilitating collaboration easily in distributed teams.

MeetMe

Business partners and friends want to meet with you. Show them when you’re busy and available and let them submit meeting requests to get on your calendar. MeetMe is your central hub for scheduling.

Webplanner

Webplanner is an online collaborative project management tool. You can use the power of the cloud to brainstorm project goals, phases, tasks, and multiple levels of subtasks with your team. Assign responsibility for tasks to team members, who will be notified automatically, and then work out task details through comments. Upload and share project-related files. Print reports. Schedule your project using a dynamic Gantt chart with dependencies and a critical path view. It will help you track the progress of your project using the Overscreen screen (at left), which includes a project status pie chart, a list of approaching tasks for the whole project and individual team members, a project activity feed,
and a team status list.

Moably

You can create your free mobile website in minutes with Moably. It works seamlessly on the iPhone, Android, BalckBerry, and the majority of other major mobile operating systems.

SnatchCode

SnatchCode is a one click website backup solution. They help webmaster’s get rid of complicated backup solutions by replacing with their robust service.

EmailTheWeb

EmailTheWeb is the only web-based service that allows you to email any web page to any one. The entire web page is emailed in a flash and is captured as it is now. Your recipient will see the same exact page as you.

LayerStyles

LayerStyles v 0.1 is just like your favorite graphics editor but in your browser. You can use it to create css code of the special effect you would like to give on your web design.

SlideBomb

This is absolutely not your typical slideshow. With SlideBomb, You can add Youtube videos, Google Maps, images, links to images, text, and more to your slides for sharing and embedding anywhere.

Twileshare

Twileshare assists you in uploading and sharing PNG, GIF, JPG, DOC or PDF files on Twitter.

Lubith

You can now drag, drop, a few clicks and you can have the WordPress theme you wanted with Lubith. It has very intuitive interface that helps you move and resize the theme elements just by dragging the two knobs.

Otipo

Otipo is a web-based application which provides a new and fun way for scheduling shifts. With Otipo, all the required information is in one place, and all the team members can access it from anywhere, anytime. It’s time to say goodbye to the pen and paper and let Otipo schedule like a pro.

Heartcode CanvasLoader Creator

The Heartcode CanvasLoader Creator is a free online tool which you can use to generate scripted preloaders (spinners or throbblers) for your HTML projects. The Creator is using the CanvasLoader UI Library.

Read More : 7 Excellent HTML5 Tools And Resources

Rapid Searchmetrics: Website Speed Test

The website speedtester shows the duration of a given website. This value can be used for showing how long a website take to load and if it is better to optimize the website or change a (slow) ISP.

Doocuments

Doocuments is about people exchanging VIP documents. Doocuments technology is perfect for sending VIP files through the Internet without being afraid of the final destination or usage of the VIP information. This is designed both for individual use or company-wide deployments, Doocuments is a Cloud Computing tool that integrates seamlessly into user and corporations workflows with a suite of plug-ins for the main office software suites.

YAML Builder

The Builder is designed for rapid development of CSS layouts, that are based on YAML.

FindFiles

FindFiles.net is a rapidly developing search engine for files of all types, operating its own crawler. FindFiles database currently contains links to 732,941,672 files. FindFiles supports all existing Mime Types (apart from standard html text-pages) like jpeg, gif, png and tiff images, Microsoft doc and Excel documents and exe executables, pdf and plain text documents, dwg AutoCAD and wrl virtual reality data files, archives like zip, gzip and jar, apps for smartphones like apk for Android and sis for Symbian etc.

Manifested

Manifested is a new utility for getting a jump start on converting your existing web site to work offline using HTML5′s cache manifest. Manifested scrapes a website for images, stylesheets, and JavaScripts that you may want to cache. Manifested then gives you a custom cache manifest file as a starting point for upgrading your website to support offline functionality.

Flowchart

You can collaborate with your colleagues in real-time. All collaborating parties can chat and design flow charts at the same time. Flowchart.com does not require any software download, it works with your favorite browser such as: Firefox, Microsoft Internet Explorer, Opera, Safari, Konqueror, Google Chrome.

PDF to Word Online Converter

You will find numerous Word-to-PDF converters online but something that does the reverse is not that abundant. This is why many people will find PDF to Word Online Converter valuable – because it converts PDF files into Word documents.

Read More : 10 Best Online Tools For Converting Documents

Free online file converter

This free online file converter lets you convert media easy and fast from one format to another. They support a lot of different source formats, just try. If you can’t find the conversion you need, you can contact them. They will try to help you.

PrivNote

PrivNote is a free online note taking applications which you can use to jot down ideas or for any other reason. The best thing about PrivNote is that it generates a specific link for the Notes you create so that you can share them with your friends and family. Once the recipient read the note, it will be deleted automatically. It even notifies you once the recipient has read the note.

CSS3 Generator

With this tool, you can choose CSS properties from the list and fill in your required parameters and get the code with a live preview.

QuickForget

Uploading and saving files online is commonplace today. However, most online storage services require lengthy signup procedures and configurations before you can actually save a file. If you are in need of a quick way to store files online temporarily, QuickForget is the place to go. It lets users to upload files quickly and set the limit (time or views) after which the file will be removed from storage. A great website to store those important files securely.

WorldCat

WorldCat.org lets you search the collections of libraries in your community and thousands more around the world. WorldCat is one of the largest network of library content and services which students can use to complete their projects, essays and other school/university related work.

Join.me

Join.me is an impromptu meeting space that happens wherever, whenever. It’s getting a second or third pair of eyes on your presentation from across the hall or across the continent. It’s sharing your screen instantly with anyone or everyone to get stuff done, quickly.

GplusTo

GplusTo is a free to use web tool that lets you easily create a Google+ nickname. Based on your nickname it gives you a shortened URL that redirects to your original Google+ profile. Your shortened URL appears as a subdomain of GplusTo with your nickname added.

Eightbit.Me

Do you remember the Atari days when the graphics came in eight bit? well Eightbit.Me is a website on which you will be able to create an eight bit avatar of yourself. You just need to sign-in with your twitter account and visit the website on your iPhone and the website will walk you through easy steps to make a cool eight bit avatar of your choice. It’s for FREE.

QuickMaps

With QuickMaps, users can easily create a map of places they are planning to visits and put different markers on specific places, draw lines, mention details and work they are going for and much more. After creating the map, users can easily post it on their websites or save it so that they can carry it while travelling.

flickrSLiDR

FlickrSLiDR allows you to easily embed the classic flickr slideshows on your website or blog. All you need to do is enter the flickr URL address of the user, photo set or group you would like to embed along with some options.

Chop

Chop is a quick and easy way to let the offending engineer know the error of their ways. Just copy and paste the lines in question, add your notes and share
them with a unique URL.

Billable

Billable is much like the first entry on this list. This web app lets you create an invoice by editing the fields on a template loaded up when you visit the site. Your finished invoice can be downloaded as a PDF file.

X-Icon Editor

X-Icon Editor is an HTML5 application (based on

About.com Find By Error Message

A service provided by the popular website About.com, this Find By Error Message page lets users browse common error messages seen on PCs. The list is pretty huge and if you face a problem while using your PC, there is a very likely chance that you can find the error details on this webpage.

Read More : 7 Tools To Find What Error Codes Mean

Meetin.gs

Meetin.gs can organize meetings easily without participants having to remember passwords or fill out registration forms.

FotoFuze

FotoFuze lets you make professional product photography out of ordinary photographs from ordinary cameras at absolutely no cost.

Cacoo

Cocoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge.

HideMyAss

With HidemyAss, you can surf the web anonymously, hide your IP address, secure your internet connection, hide your internet history, and protect your online identity. All you have to do is paste the URL of the website you want to visit and click on HideMyAss button.

Read More : 10 Privacy Tools To Browse The Web Anonymously

Enloop

Enloop lets you autowrite your business plans in which Enloop helps you easily develop a bank and investor ready business plan, complete with all text and financial forecasts, for free. Then you can measure the success of your business (on a scale of 0-1,000) before or after you start the business. You also get automated financial forecasts with this service that is based on your input. The service automatically generates a 3-year bank and investor ready financial forecast for sales, profit and loss, cash flow, balance sheet forecasts and financial ratios. The forecasts are bank and investor ready to help loan underwriters evaluate your business for risk. This amazing service does all the technical stuff for you.

i2type

This website gives you access to a virtual keyboard that can adapt into 67 different languages. So if you are looking to type in a different language this is the best solution for you. It also lets you directly use famous search engines and websites to put your text in. You can also save your file in a word document.

tempalias

tempalias helps you out by providing temporary, anonymous email addresses, also called “aliases”. Any message sent to the tempalias address will be forwarded anonymously to your real email address. You can set a maximum number of days or messages for which the tempalias will be valid. When either limit has been reached, your temporary address will automatically be deleted.

Page Speed from Google Labs

This new experimental tool from Google Labs examines your website or personal blog and then gives you a deep insight into what can be done to improve the loading performance of your page. It is a very useful tool for all web masters as it gives users actions to perform based on a priority list. A must try free tool for use for all who want to improve their website performance.

Sketchpad

Another robust example of html5 based application where you can paint any color in any shade or opacity. You can even play with patterns and “Spirographs,”.

Read More : Eight Absolutely Interesting HTML5-based Apps

Desktop Apps

Instant WordPress

Instant WordPress is a complete standalone, portable WordPress development environment. It turns any Windows machine into a WordPress development server. It will even run from a USB key.

Remind Me Later

Remind Me Later adds events to iCal in two clicks. Type “Buy groceries at 4pm tomorrow”, and it will add “Buy groceries” to iCal at 4pm tomorrow.

Recovery Toolbox File Undelete Free

Recovery Toolbox File Undelete Free is an efficient recovery tool for the NTFS file system. The program can be used free of charge, but it’s not limited in any way – it provides all the recovery features usually found in popular commercial products. The software has a very clear, straightforward and easy to use wizard-based interface that turns the entire recovery process into a chain of interconnected steps. In fact, the program is so easy to understand that anyone can use it, even if they have no recovery experience and possess a bare minimum of computer skills. All you need to do to get from point A to point B is to follow on-screen instructions and make your choices.

Advanced SystemCare Free

Advanced SystemCare Free (formerly Advanced WindowsCare Personal) has a one-click approach to help protect, repair, clean, and optimize your PC. This free PC repair software is a “must-have” tool for your computer.

SiteSucker

SiteSucker is an Macintosh application that automatically downloads Web sites from the Internet. It does this by copying the site’s Web pages, images, backgrounds, movies, and other files to your local hard drive. SiteSucker can be used to make local copies of Web sites. It can download files unmodified or “localize” the files it downloads, allowing you to browse a site offline.

ScreenSh00ter

ScreenSh00ter creates a screenshot of what is visible on the entire screen, inside ScreenSh00ters frame or a rectangular area you draw on your screen by clicking and dragging your mouse.

VirtuaWin

VirtuaWin is a virtual desktop manager for the Windows operating system (Win9x/ME/NT/Win2K/XP/Win2003/Vista/Win7). A virtual desktop manager lets you organize applications over several virtual desktops (also called ‘workspaces’). Virtual desktops are very common in Unix/Linux, and once you get accustomed to using them, they become an essential part of a productive workflow.

iConify

Are tired of exporting different sizes for different iOS devices? Fear not, iConify is a quick and easy app to generate assets for your iOS app. With iConify, you can generate all these images straight from your PSD files.

Disk Defrag

Disk Defrag will speed up your computer by optimizing file system. It can defragment files, consolidate free space and move system files to the faster part of the disk. With AML Free Disk Defrag you’ll get the maximum out of your hard drive performance. It is supplied with a powerful engine and smart algorithms which allow Disk Defrag to run much faster than similar tools.

Safecopy

Safecopy is another file recovery tool that is best suited to extracting data from external sources such as floppies, CDs, etc. The app “includes a low level IO layer to read CDROM disks in raw mode.”

Zip2Fix

Zip2Fix is a free portable tool to extract undamaged data from damaged Zip archive. The undamaged files are extracted into a new zip file.

File Repair

File Repair software is a powerful tool to repair your corrupted files. It scans the damaged file and extracts maximum data from it to a new usable file. You can repair word documents, excel spreadsheets, zip, rar, selected video formats, pdf, etc.

FocusWriter

FocusWriter is a desktop application that comes in different versions for Windows, Mac, and Linux. This desktop app lets you setup a black background and green text combination much like Darkcopy. Additionally it can set a transparent writing screen with a custom background. You can start using whichever writing canvas you prefer.

Apture Highlights

Apture Highlights is a free tool, built from the ground up to let you take the power of Google search, and the richness YouTube, Flickr, Twitter, and Wikipedia with you to any site. Just highlight a phrase on any site to reveal the web’s best content without ever leaving the page. It’s fast, powerful, and fun to use.

ZenKEY

ZenKEY allows you to control all aspects of your computer via keystrokes. Using the configuration utility of the ZenKEY Wizard, you can create menus, each containing items which perform “actions”.

Synalyze It

Synalyze It! is a free and simple to use Mac OS X app which lets you easily edit and analyze binary files of any size. Synalyze It! features enhanced support for many character encodings and it will allow you to interactively define grammars for various file formats.

Docs PDF/PowerPoint Viewer

It will help you automatically previews pdfs, powerpoint presentations, and other documents in Google Docs Viewer.

Image Tricks Lite

Image Tricks Lite is a freeware photo editing application that utilizes Mac OS X Core Image filters and Quartz Compositions to transform your favorite photos. Image Tricks Lite also contains a powerful image generator for creating unique images at random.

Smartphone And Tablet PC Apps

Salesforce Mobile

Salesforce Mobile gives you instant access to your Salesforce information on your iPhone.

HTMLeditor

A simple HTML,ASP,JS and CSS editor for your coding on the road, use menu to >”save and view file” to preview.

Ice Cream Maker

Ice cream Maker is here! where you can whip up any kind of Ice Cream for any occasion.

Maverick

Maverick is an off road GPS navigation application with offline maps support, compass and track recording. With Maverick app, users can automatically use Bing, Google and many other Maps, and they are cached so that they can be used offline, share your current position, navigate to different places easily and much more.

Read More : 10 Android Apps Every Traveler Should Use

DocScan

DocScan lets you instantly scan multi-pages document and send out when there is no scanner nearby. By having it, you can scan not only documents in sight, but also whiteboards, receipts, business cards, posters, coupons, books …etc.

Free Data Vault

Free Data Vault is an excellent free android app which can help users hide any data type including photos and other media files. This application is different from other applications which allow users to set a password on different folders as it allow users to hide one photo in another and store the fake image on the sd card.

USB Disk

USB Disk lets you store and view documents on your iPhone and iPod. It has an amazing built in document viewer and is very easy to use, with a simple and intuitive interface, yet it contains many powerful features. Drag and drop files in iTunes to transfer them to your iPhone / iPod, then view them anywhere.

Dolphin Browser HD

Dolphin Browser HD, most popular and powerful browser on Android Market, is built on Android 2.0+ platform. Beside some basic features, like gesture commands, multi-touch zooming, bookmarking (that syncs to Google bookmarks), Dolphin HD supports more powerful features such as versatile add-ons, better HTML5 support, customizable bookmarks sorting, innovative UI, Download Directory changing, and etc.

Fuze Messenger

Fuze Messengers supports messaging across various networks with added feature of SSL encryption to secure your conversations.

Planets

A 3D guide to the solar system for aspiring astronomers. You can discover when you can see your favorite planet, and where to look in the sky in relation to the stars and so much more.

Dictionary & Thesaurus

The free Dictionary.com app delivers trusted reference content from Dictionary.com and Thesaurus.com. No internet internet connection is needed to search words. The app includes nearly 2,000,000 words, definitions, synonyms and antonyms. It also features audio pronunciation, voice-to-text search and Dictionary.com’s popular Word of the Day and Hot Word blog.

Memory Trainer

Memory is the treasury and guardian of all things. No matter how many books you study, if you don’t have a sharp memory its as good as its in drain. Memory Trainer is an app to exercise your nerve muscles and train them to remember intense amount of data. It works out your spatial and working memory, focus, chunking and concentration skills.

Mirror in your pocket

We all need to check our hair or makeup sometimes and this application is here to help. Just tilt the mirror properly so that you can get a good light from behind, you will then be able to perfectly see your reflection in the black background of the mirror.

Tic Tac Toe Free

Now you can play Tic Tac Toe on your iPhone or iPod Touch for free. Tic Tac Toe Free is the first full-featured, free Tic-Tac-Toe game for the iPhone and iPod Touch.

Brought To You By

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

30 Amazingly Great CSS Menu Tutorials

Obaid — Thu, 22 Dec 2011 16:16:21 +0000

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

Download | Demo

CSS3 Dropdown Menu

Demo

Image Menu with Jquery

Download | Demo

jQuery style menu with CSS3

Demo

Awesome Cufonized Fly-out Menu with jQuery and CSS3

Download | Demo

Create a Social Media Sharing Menu Using CSS and jQuery

Demo

Create a Slick Menu using CSS3

Demo

Creating a Fancy menu using CSS3 and jQuery

Download | Demo

CSS UL LI – Horizontal CSS Menu

Download

A Different Top Navigation

Download | Demo

Grungy Random Rotation Menu with jQuery and CSS3

Download | Demo

Sweet tabbed navigation using CSS3

Download | Demo

Create an Advanced CSS3 Menu – Version 2

Download | Demo

CSS Vertical Navigation with Teaser

Demo

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

Download | Demo

Create Vimeo-like top navigation

Download | Demo

Create an Advanced CSS Menu Using the Hover and Position Properties

Download | Demo

CSS dropdown menu without javascripting or hacks

Demo

Making a CSS3 Animated Menu

Download | Demo

CSS: Sexy Vertical Popup Menu with CSS

Download | Demo

CSS Sprite Navigation Tutorial

Download | Demo

Pastel color menu with dynamic submenu using CSS

Download | Demo

CSS3 Minimalistic Navigation Menu

Download | Demo

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Download | Demo

Make a Mega Drop-Down Menu with jQuery

Demo

How To Create A Clean CSS3 Navigation Bar

Download | Demo

Vertical CSS Menu With a ‘Behavior’ File.

Download | Demo

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

Demo

CSS Drop Down Menu Tutorial

Demo

jQuery Dropdown menu with google style

Demo

Create The Fanciest Dropdown Menu

Demo

Animated Menus Using jQuery

Download | Demo

naviDropDown 1.0 Plugin

Download | Demo

Brought To You By

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

Nine Excellent Online Apps For Web Designers And Developers

AN Jay — Thu, 03 Nov 2011 17:01:05 +0000

There are many useful apps and tools out there for web developers, but getting by free and good ones is not that easy. Today, we are sharing Nine Excellent Online Apps For Web Designers And Developers. Read each entry in the list and see which one suits your needs best.

You are welcome if you want to share more online apps for designers and developers that 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 and follow us on Digg as well to get updated.

WhatFont Tool

WhatFont is a great tool, with which you can easily get font information about the text you are hovering on. To embrace the new web font era, WhatFont also detects services used for serving the font. Now supports Typekit and Google Font API.

Cssizer

Cssizer is a simple tool to let you edit the design of an html page in real time. You can then use the url you are given to share your design with others.

Clickable Mockups

Clickdummy is about communicating your designs better. ClickDummy turns your website, mobile and software mockups into clickable prototypes with room for annotation and feedback from your clients, friends, and co-workers. No more emailing .PDFs, trying to trace feedback through message threads, or worrying about putting Photoshop images into an HTML container. Clickdummy puts your designs and feedback in context.

CSS Pivot

This is a great website that can allow you to add CSS styles to any website, and share the result with a short link. You can also invite others to submit
improvements for your website.

Prefixr

This tool can automatically update CSS3 properties with the necessary browser prefixes.

Screenfly

Screenfly allows you to view your website on a variety of device screens and resolutions.

CoderDeck

CoderDeck can help you create interactive live-coding presentations.

Patternizer

Patternizer is an easy to use stripe pattern generator.

alphaPun.ch

alphaPun.ch will trace the opaque part of your PNG or GIF image. It will then punch through the alpha channel (i.e. the transparent bit), so you can click on things behind it.

Brought To You By

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

Extensive Collection Of Useful jQuery Plugins For Working With Tables

Akhter — Fri, 02 Sep 2011 00:19:55 +0000

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

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

45+ Handy CSS3 Tools, Tutorials and Resources

Akhter — Mon, 22 Aug 2011 12:57:35 +0000

CSS or Cascading Style Sheet is a special style sheet language used to create website layouts and styles. It has been extensively used by web developers all around the world and has proved its worth in the field of web development.

Recently CSS3 comes with some magnificent new features that support cross browser usability and help improving the web development. Mastering the skills in CSS3 helps you achieving a constant look for your website and allows you gain more control on its style and layout.

Here is a showcase of 45+ Valuable CSS3 Tool and Resources, as well as CSS3 Tutorials to let you understand the techniques and master the skills. We hope that this collection gives you understanding to have the edge in the world web development.

CSS3 Tools and Resources

CSS3 Button Maker

You will be provided with a number of sliders and color pickers that you can use to style your own CSS3 button. You can use the code in your own project.

CSS3 Generator

With this tool, you can choose CSS properties from the list and fill in your required parameters and get the code with a live preview.

CSS3 Please

It is a CSS3 rule generator that acts as a type of playground. It lets you create a mixture of CSS3 tweaks and see a live preview. You can use it in your own file.

CSS3 Gradient Generator

The CSS3 Gradient Generator is a powerful CSS based gradient tool designed for developers and designers to generate a gradient in CSS.

CSS3 Transforms

This tool provides you a set of sliders to test different transforms. For example; position, rotation, skew and more. You can get the code on the fly.

CSS3 Selectors Test

CSS3 Selectors Test automatically runs a large number of small tests which determines if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each CSS selector to see the results, including a small example and explanation for each of tests.

CSS3 Pie

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

Modernizr

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

CSS3 Previews

Many new CSS3 feature previews and demos.

Techniques to Acquaint You With CSS 3

Learn some of the most popular new CSS3 features.

CSS3 Cheat Sheet

You will get a downloadable PDF file that contains entire listing of all the properties, selectors kinds and permitted values in the current CSS 3 specification from the W3C.

CSS3 Color Names

This tool supports 147 different colors by name including 17 standard colors plus 130 more. This tool also shows their RGB and hexadecimal values.

The Power Of HTML5 and CSS3

Article covering HTML5 and CSS3 combination advantages.

CSS3 Builder

With this tool, you can design composite CSS3 boxes by means of an interface looking precisely like the one employed for applying Photoshop effects.

Sizzle

A pure-JavaScript CSS selector engine designed to be easily dropped in to a host library.

Web Designers’ Browser Support Checklist

This tool displays web browser support on HTML5 and CSS3.

CSS3 Tutorials

Sexy Image Hover Effects using CSS3

In this post artist is going to show to How to create a sexy css effect on image hover.This kinda effect you have seen before in Flash or in javascript as well.But why use Flash or js when CSS can do the same work.So lets do it …

Sexy Sliding Image Gallery in Pure CSS3

In this tutorial you will learn how to create a sexy sliding image gallery in pure CSS3.

Sexy Image effect like Flash in Pure CSS3

In this tutorial artist is going to show a very different image effect using only CSS3. Previously this kind of effect is only possible in flash or js but now this can be done easily in CSS3.

Creating a PHP and CSS3 Powered About Page

In this tutorial, we will be creating a simple about page that is powered by PHP, HTML5 and CSS3. It will present your contact information to your visitors, with an option for downloading it as a vCard (useful for importing it in third party applications).

Making a CSS3 Animated Menu

In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template.

Photobooth with PHP, jQuery and CSS3

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

Create a CSS3 Image Gallery with a 3D Lightbox Animation

In this short tutorial, you will learn how to Create a CSS3 Image Gallery with a 3D Lightbox Animation

Create a Slick CSS3 Button with box-shadow and rgba

In this tutorial you will learn how to create a Slick CSS3 Button with box-shadow and rgba.

Simulate Realism with CSS3

CSS3 is here to make our lives easier as web designers and developers. While it’s not something we can always rely on heavily for layout purposes just yet, we can use it to enhance certain aspects of our designs by spending a considerably less amount of time doing so. Here are a few examples of how CSS3 can improve the web.

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

Here’s a tutorial that let’s you create a backward-compatible website using HTML5 and CSS3. If you are not interested in the tutorial, you can just download the free HTML5 template and customize it as you wish.

Create An Elegant Website With HTML 5 And CSS3

A very detailed tutorial that will help you create a website using HTML5 and CSS3. This template has been tested with major browsers. A preview has been included as well as a download folder that contains the templates and images used in the website.

Create a Grid Based Web Design in HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3. We’ll build the HTML structure with the latest elements then style up the appearance of the site with CSS3 affects to match the original Photoshop concept with minimal use of background images.

Sliding CSS3 Transition Image Gallery

This tutorial will show you how to create a “slide” effect image gallery using CSS3 transitions.

CSS Transitions – Throwing polaroids at a table

In this tutorial you will be shown how CSS3 transforms and WebKit transitions can add zing to the way you present images on your site by transforming some basic images into lots of differently sized Polaroid photos scattered across a table.

jQuery Style Vertical Menu with CSS3 – No Javascript

In this tutorial you will learn how to create an animated sliding vertical menu using some cool CSS3 properties, like ‘-webkit-transition:’ which will allow you to animate the ‘:hover’ state of a simple un-ordered list.
By adding styling to the anchor tags some fancy -webkit-border-radius and -webkit-box-shadow you will give the menu some shape and depth and complete it with a background image for each list item to enhance the interfaces effect – Basically, making them look like their coming from underneath the ridge.

CSS3 @font-face Design Guide

In this article, author will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr.

Adaptive & Mobile Design with CSS3 Media Queries

This tutorial will show you how to create a cross-browser adaptive design with HTML5 & CSS3 media queries.

CSS3 Rounded Image With jQuery

Learn to wrap a span tag around the image element to achieve rounded images which will be displayed right in all modern browsers.

CSS3 box-shadow and image hover effects

Explore a new way of adding drop shadow effects just by editing a style sheet.

Beautiful CSS3 Search Form

Most search forms looks boring. Using a little CSS3, you can turn the old and boring form into something definitely modern and cool. A must read tutorial.

Pure CSS3 Page Flip Effect

By using CSS3 gradients, transitions, 2d transforms and clipping, Roman Cortes achieved this pure CSS3 page flipping effect (no JavaScript is used). However, it works in Webkit browsers only (Safari and Chrome).

Wicked CSS3 3d bar chart

An attempt to create a 3D bar chart using CSS3. This example only works in the latest versions of Firefox, Chrome, Safari and Opera.

The Apple.com navigation menu created using only CSS3

In this tutorial you will learn how to create Apple.com inspired navigation menu using only CSS3.

Rotating billboard using only CSS3

In this tutorial you will learn how to create a Rotating billboard using only CSS3.

Animated CSS3 helix using 3d transforms

In this tutorial you will learn how to create a Animated CSS3 helix using 3d transforms.

Our Solar System in CSS3.

This is an attempt to recreate our solar system using CSS3 features such as border-radius, trans forms and animations. The result is surprising and quite interesting.

CSS3 Bookshelf

A very interesting idea that doesn’t look very nice because of rotation rendering, but is worth experimenting nevertheless.

Creating a Realistic Looking Button with CSS3

In this tutorial you will learn how to create a realistic looking button with CSS3.

Pure CSS3 Animated AT-AT Walker from Star Wars

In this article you;kk walk-through the process of creating a CSS3 animation of an AT-AT Walker from The Empire Strikes Back. The author starts off by reviewing some CSS3 properties that made this animation possible. Then, he follows up with a list of the sections required to construct the AT-AT and the CSS3 code to move each section.

Paper Sticky Note Using Only CSS3

In this tutorial we will learn how to create a Paper Sticky Note Using Only CSS3.

Brought To You By

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

Showcase Of Creative And Effective Email Newsletter Designs

Akhter — Mon, 01 Aug 2011 21:16:55 +0000

Email marketing is a viral marketing that gets you thousands of customers in just one day but it has to be done accurately otherwise things can go the other way around. Designing an impressive newsletter design can be the first step towards attracting your targeted customers. An eye catchy and visually compelling design engage your target audience and can possible make them buy your goods and services.

Here is an assortment of some really cool and awe-inspiring newsletter designs that really work. Take a look at this collection and feel free to share it in your friends’ circle if you like the list.

Think

The Misadventures of PB Winterbottom

Paul Frank Industries

Nation Toys

Elizabeth Davis

Love

Manual Design

California Walnuts

eMag

Heroes Over Europe

Splinter Cell

Garden Sheds

Icon Inc

UMI Hotels

Seedcorn Competition

Percept Brand Design

ExpoLit09

ScrapBlog

Club VTech

EVE Online

eMAG Newsletter

Bioshock

Dress Up Diana

Brandtalk

Totally Rad

Envato

Bonobos

Pizza

MapMyRide

StarbucksStore

East London Design Show

Venture Visuals

Avant Card

Fresh Books

Kibbn

Glasshouse

Starbucks

Nike

Threadless

Cafe Diario

Nature Baby

Steve and Co

Michael Kors

URBAN OUTFITTERS

One is enough

Brought To You By

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

40 Useful CSS Tutorials, Techniques And Resources

Akhter — Tue, 26 Jul 2011 16:01:30 +0000

We have previously posted many articles on CSS tutorials and resources you can learn CSS from. Today, again we come up with yet another great list of 40 CSS tutorials, techniques and resources that you will enjoy exploring. Every developer knows very well how important it is to learn and use CSS effectively. Therefore, tall the developers keep themselves updated with the latest development and advancement in the technology.

Below is the list of 40 useful CSS tutorials and resources you cannot afford to miss. We hope this broad list will train you something innovative, or moreover jog your memory and help you recall some methods you haven’t used for a while.

Minimalistic Navigation Menu

In this tutorial we are making something practical, a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers.

Sleek Card Pockets using CSS Only

In this CSS3 tutorial, you’ll learn how to create web card pockets using some great new CSS3 techniques.

CSS Absolute Positioning: Create A Fancy Link Block

Absolute position is a feature of the CSS2 specification that is supported by all of web browsers. If you posit an element (an image, a table, or whatever) absolutely on your page, it will appear at the exact pixel you specify. In this tutorial, we will use some tricks to create a fancy link block that make our links more attractive.

Create a Button with Hover and Active States using CSS Sprites

Too many designers neglect the click state (active: property in CSS) in web design, either because they’re unaware of it, underestimate the importance of it or are plain lazy. It’s a simple effect that improves usability by giving the user some feedback as to what they’ve clicked on but can also add depth to a design.

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

In this tutorial will will create a Sexy Vertical Sliding Panel Using jQuery And CSS3.

Style a List with One Pixel

A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list.

Pushing Your Buttons With Practical CSS3

Calls to action are critical for any website, and a compelling, attention-grabbing, clickable button goes a long way toward driving that engagement. In the past, really awesome buttons needed extra markup, sliding doors or other trickery. We’ll show you here how to create nice button styles without any hacks or cheats.

Build Multi-level Multi-column Multi Menus with pure CSS

In this tutorial we will learn how to build multi-level multi-column multi Menus with pure CSS.

Elegant Drop Menu with CSS only

In this tutorial, you will see a simplest way to build a same effect by using CSS only. With some CSS make-up, your menu will be elegant. Not sure which one is easiest, but for sure it’s the simplest menu comes with drop effect: horizontal and vertical navigation.

HOW TO CREATE A BEAUTIFUL DROPDOWN BLOGROLL WITHOUT JAVASCRIPT

In this tutorial author is going to walk you through how he have set up the blogroll in our upcoming redesign. Load up the example page to see how our final product will look.

How to Build a Simple Button with CSS Image Sprites

Let’s take a look at building a simple button using CSS image sprites, starting right at the beginning in Photoshop and finishing with the complete coded example. This one’s a good one for anyone getting started with CSS!

CSS3 Hover Tabs without JavaScript

A quick tip on CSS3 Hover Tabs without JavaScript.

How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins

In this article you will learn how to use pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins.

Horizontal Subnav with CSS

In this tutorial author would like to go over how to create a simple navigation with a horizontal subnav.

CSS3 Speech Bubble

In this tutorial you will learn how to create CSS3 Speech Bubble.

How to Create Nice Scalable CSS Based Breadcrumbs

In this tutorial author will teach you how to create nice scalable CSS Based Breadcrumbs. Author is using only one simple graphic. The rest is basic CSS styling with an unordered list as HTML code.

Fluid searchbox

Creating a fluid search box when you only have a single element next to it is trivial. What you do is wrap the input in an element and use padding to create space for the fixed element, then position the fixed element absolutely (or relatively) in the space created by the padding.

Using Rounded Corners with CSS3

As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser.

6 Ways To Improve Your Web Typography

Typography on the web is anything but simple, and for many, it is a troubling mystery. In this tutorial we’re going to review six ways that web designers and developers can improve the typography of the sites they create.

Create a Letterpress Effect with CSS Text-Shadow

The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!

3 Easy and Fast CSS Techniques for Faux Image Cropping

These techniques can be very helpful if you need to keep images at a certain size, i.e. thumbnails in the news section or something similar. Being able to use CSS to control which portion of image to display is a great bonus.

How to Create a Fancy Image Gallery with CSS3

Here author have prepared a tutorial about how to use CSS3 to make an image gallery with animation. He recommend to use one of these browsers to see the animations; however, the gallery is going to be usable in browsers without support of the animation.

Creating an Animated CSS3 Horizontal Menu

This tutorial shows us how powerful CSS3 can be and how we can save some JavaScript code to achieve the same result. As you know, right know the transition property is only supported by Safari and Chrome.

How to Create a Cool Anaglyphic Text Effect with CSS

Let’s take a look at how a similar style can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.

How To Create Depth And Nice 3D Ribbons Only Using CSS3

In this tutorial you will learn How To Create Depth And Nice 3D Ribbons Only Using CSS3.

How To Create Simple, Stylish and Swappable Image Captions

In this tutorial you will learn How To Create Simple, Stylish and Swappable Image Captions.

CSS Polaroid Picture Tutorial

Polaroid pictures (or fake ones anyway) can be created using Photoshop or a similar graphics package but author aim to create the same kind of look by using CSS.

Advanced CSS Menu

In this tutorial author will show you how to slice up the menu design (step by step) and put them together with CSS.

CSS Techniques: Using Sliding Doors with WordPress Navigation

This sliding doors CSS hack allows you to create sophisticated tabs for your navigation bar.

CSS Dock Menu

This tutorial is really very helpful, very nice and useful tip on creating Mac’s Dock menu.

Sexy Drop Down Menu CSS

In this tutorial author would like to go over how to create a sexy drop down menu that can also degrade gracefully.

Coding Apple’s Navigation Bar Using CSS Sprites

This tutorial is not going to go in depth about all the benefits of sprites, but will show you how to use the technique correctly.

CSS Sprite Navigation Tutorial

This tutorial teaches how to build a css navigation using sprite images. With the mobile web becoming more important than ever before, load time and the size of a web site are some of the biggest factors to consider when developing a site for mobile users.

Breaking Out of the Box With CSS Layouts

It’s true that CSS is heavily reliant upon a grid — everything flows on x and y axes (and can be positioned as such, much like designs built in Photoshop). However, this doesn’t mean that your design has to be boring. If you understand how the grid works, you can fracture or abstract that grid to make your layout more dynamic and interesting.

CSS Guide

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

Minimal and Modern Layout: PSD to XHTML/CSS Conversion

In this web design tutorial, you’ll see a process for converting a Photoshop mockup to working HTML/CSS template. This is Part 2 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.

Create YouTube-like adaptable view using CSS and jQuery

In this tutorial you will learn how to create YouTube-like adaptable view using CSS and jQuery.

How to distribute elements horizontally using CSS

In this tutorial we will learn how to distribute elements horizontally using CSS.

Sticky (Fixed) SideNav Layout with CSS

In this tutorial author would like to go over how to create a fixed sidenav layout for your blog or website.

Useful CSS Tricks You Should Know

Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.

11 Classic CSS Techniques Made Simple with CSS3

In this tutorial, author will show you eleven different time-consuming effects that can be achieved quite easily with CSS3.

Brought To You By

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

50 Fresh and Free WordPress 3 Series Compatible Themes

Akhter — Fri, 20 May 2011 11:54:32 +0000

Being the most preferred Content Management System (CMS), WordPress is used by millions of users all over the world. It empowers bloggers and webmasters to effectively build blogs, websites and powerful online applications.

Since many people are using WordPress because of its ease of use and extensibility but sometime one or more WordPress websites look similar. This is the point where WordPress themes come in. Selecting a distinctive WordPress theme sets your website apart from others.

Recently WordPress has released WordPress 3 Series with loads of added features. So, next time when you update your WordPress theme, choose a WordPress 3.0 compatible theme. Here in this post we have gathered 50 outstanding WordPress 3 series compatible themes. All these themes are available for Free downloading.