Archive for December, 2011
Best Of 2011: Stunning Collection Of High Quality Free PSD Files
PSD files can be a useful asset to your projects, thus why not download them and apply them? In my opinion I recommend starting a well thought-out collection of commercially free PSD files on your computer. In this way, you can save loads of your valuable time in the future for some more important things.
Therefore, today we have come up with an amazingly helpful collection of some of the best and high quality free PSD files that have been released in 2011. So, below we are presenting some high quality free PSD files from 2011 including web elements, graphic elements, logo, buttons, icons and many more. These files are for all skill levels, whether you’re new to Photoshop or a seasoned professional.
Shiny 3D social media icons PSD
Stunning Curled Notebook PSD Graphic
A Free Compact Music Player Design (PSD)
Comments / speech bubble icon (PSD)
Eye Candy Percentage Bar PSD Freebie
Email Guys Icon Set – Fully Layered PSD
Modern menu & GUI elements PSD
3D MP3 Portable Player Free PSD
Free Blacksmith Social Media Icons PSD
Set of 7 user icons (Free PSD and PNG)
Multimedia (audio, video) buttons PSD
Android Software cycle PSD File
Beautiful ribbon in 3 colors (PSD)
A Free Custom Video Player Design (PSD)
Best Of 2011: 50 Free Fonts To Enhance Your Designs
Since 2011 is just about to end so we though, this would be the perfect time to showcase some of the best fonts that we have seen in 2011 lately. In this collection, we have gathered 50 latest free fonts from 2011 that can truly enhance your designs. We all know that choosing the right font can make or break the design as well as the overall look.
In the field of graphic design, displaying typography is a persuasive element where more attention is paid to how artistically typefaces can be used in a design. The appropriate selection of typography can convert your ordinary design into extraordinarily eye-catching piece of art.
So, here is the collection of fresh and high quality free fonts to make your designs look outstanding. All the fonts present in this collection are free to download. Enjoy!
Best Of 2011: Outstanding Collection Of Fresh And Free To Use Icon Sets
Yet another excellent showcase of some of the fresh and free to use icon sets that have been released in 2011 is presented in this post. In the earlier period, we had posted some very good collections of icon sets which were extremely appraised by our visitors and on their demand, here we have composed yet another thrilling post on icon sets.
Designers and artists all around the world put hordes of attention on the selection of icon set because they know very well that icon sets if used properly can help users with nice metaphors.
Let us take a look at this collection and feel free to suggest and share more icon sets in the comments section below. Enjoy!
Brand New Social Icons ~ Teacups
Shopping Icons ~ Brand new set!
Movie clapperboard PSD & icons
Free Icons: Apple Icon Devices
Freebie: Professional E-Commerce Icons Set
Shiny 3D social media icons PSD
3D Glossy Icon Set: 20 Free Icons
Facebook & Twitter Icons ~ Cake style
Free Elegant Social Networking Icon
Developer Folder Icon Set Preview
Business user icon (PSD & PNG)
Modern office telephone icon (PSD)
Congratulations To The Winners Of Rounded Corner Business Cards From Next Day Flyers
Thanks to all of the participants of contest in which Rounded Corner Business Cards Giveaway From Next Day Flyers were givingaway. We ran the MySQL random query and selected these comments to give them Rounded Corner Business Cards From Next Day Flyers.
Winners of Rounded Corner Business Cards From Next Day Flyers
- Sterling
- Johnny
- Alicia
- Vera
- Suneel
Next Day Flyers is an online printing services company that delivers top-quality printed marketing materials with one of the fastest turnaround times in the industry. They specialize in full color printing of custom business cards, brochures, greeting cards, postcards, as well as specialty die cuts and other marketing materials.
Business Cards Specifications For Giveaway:
- 500 pcs of rounded corner business cards Printing for 5 winners
- Printed on 14 PT card stock and in full color on both sides
- It will ship anywhere in the Continental U.S. only
One of the cornerstones of good networking is having a fantastic business card. Their full color Rounded Business Cards create a unique first impression to set you apart from the crowd. These business cards are printed on ultra-thick cardstock so they look fresh off the press even after you put them in your wallet or purse.
Thanks to Next Day Flyers for sponsoring this wonderful contest at Smashing Apps.
If you want to conduct any contest at Smashing Apps just contact us and send us all the details.
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.
( 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.
( 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.
( 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.
( 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.
( 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.
( 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.
( 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.
( 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.
( Demo | Download )
Ideal Forms is a small framework to build powerful and beautiful online forms.
( Demo | Download )
With this friendly jQuery plugin you can easily blog Block Adblock.
( 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.
( 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.
( 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.
( 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.
( Demo | Download )
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
( Demo | Download )
Isotope: An exquisite jQuery plugin for magical layouts
( Demo | Download )
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.
( Demo | Download )
With Diapo plugin you can creat a beautiufl slideshow.
( Demo | Download )
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.
( 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.
( Demo | Download )
With this plugin you can create HTML5 Music Player.
( 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.
( 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.
( Demo | Download )
gmap3 is a jquery plugin which allows many manipulation of the google map API version 3.
( Demo | Download )
With this plugin you can generate outstanding slideshows for your website.
( 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
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.
( Demo | Download )
Use this jQuery plug-in to add lens style zooming effect to an image
( 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.
( 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.
( 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.
( 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.
( Demo | Download )
Elycharts is a pure javascript charting library, easy to use and completely customizable.
( Demo | Download )
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
( 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.
( Demo | Download )
With this plugin you can create a beautiful jQuery Image Gallery.
( 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.
( 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.
( Demo | Download )
BxSlider will allow you to create a beautiful Content Slider for your website.
( 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.
( 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.
( Demo | Download )
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.
( Demo | Download )
Snippet provides a quick and easy way of highlighting source code passages in HTML documents.
( 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.
Best Of 2011: 45 Photoshop Web Design Layout Tutorials
Photoshop is a well-liked web design instrument. With it, you can generate web design mock-ups that can later on be transformed to a practical and efficient HTML / CSS template. In today’s collection of tutorials, we are featuring some top-notch techniques on how to generate your own web design layouts by means of Photoshop. These tutorials were released in 2011.
Web layouts are essential for each web design. Whether it is a plain design or a sophisticated one, Photoshop can regularly come usable in creating such layouts. We have collected some truly innovative and helpful recent tutorials that demonstrate the procedure behind creating web layouts in Photoshop.
Let us take a look at this collection. Here is the full list after this jump. Enjoy!
Learn how to create a Sports Car layout in Photoshop
In this tutorial you are going to learn something new and exciting. Here we’ll be creating a nice Sports Car layout in Photoshop.
Create a website to sell your iPhone 5 apps
In this detailed tutorial we will create a website to sell your iPhone 5 apps.
How to Create a 3D Portfolio Layout
In this tutorial you will learn how to use simple techniques to create a sleek dark portfolio layout with a 3D look. The 3d look in this tutorial will be given using some simple shadows, and lights.
In this tutorial artist will be showing you how to create a stylish business layout with a cool blue theme.
How to design a trendy wordpress theme
In this tutorial artist will show you how to create a trendy wordpress theme. The design is very simple, and in this tutorial you will have presented only the first page.
Create a Comic Book Themed Web Design
In this tutorial we will create a very original design for all the comicbook fans out there. We will create this blog layout from scratch using several tricks in Photoshop to make it look awesome.
Design a Warm, Cheerful Website Interface in Adobe Photoshop
In this tutorail you will learn how to design a warm, cheerful website interface in Adobe Photoshop.
How to create an advanced Game Portal Layout
In this tutorial you will learn how to create an advanced website for a game portal.
Create A Simple Clean Portfolio Layout In Photoshop
In this tutorial you will learn how to create a Simple Clean Portfolio layout in Photoshop. A few techniques discussed in this tutorial will include the use of proper spacing, typography and colors.
How to create an Administration panel layout
In this tutorial artist will show you how to create a sleek Administration Panel Layout. You can use this Admin panel if you want to create your own CMS.
Design a Clean & Colorful Ecommerce Layout in Photoshop
In this tutorial you will Learn how to create a clean and colorful E-Commerce Layout in Photoshop.
How to create a grunge portfolio layout
Sometimes you will need a simple website where you can showcase your portfolio. This is the most important thing when you work as a designer. In this tutorial artist will show you a very simple way to create your own grunge portfolio layout.
Learn how to create a Grunge Portfolio Layout
In this tutorial we’ll create an awesome grunge portfolio layout in Photoshop. We are going to learn how to use different textures and gradients to get an amazing rustic effect. Now let’s see what we need to create this layout. We’ll use the wood texture set, 27,000 gradient set, Grunge scuffed vector icon set, and Grunge texture set.
Learn How To Create Modern Light Business Layout In Photoshop
Today you will be learning how to create a modern business layout with Photoshop. With some small modifications you can use this PSD layout for another types of websites: Communication websites, education websites, security websites and a lot of other types.
Create a light grunge website layout
In this tutorial artist will show you how to create a light grunge website layout with very simple techniques. With small modifications you can use this layout for any theme you like: business layout, corporate layout, blog layout, etc.
Create a Clean, Minimal Website
In this web layout tutorial we’ll be creating a clean, minimal website design. This design would be perfect for a photography website or similar creative professional. Follow along as we explore some simple techniques to perfect a beautiful minimal design.
Create a movie video streaming website
In this tutorial artist will show you how to create a nice video related website. You can create this website like a membership, and you can charge people for watching the newest movies online. It is something like Netflix.
Windows 8 Inspired Portfolio Layout
Windows 8 will be pushed upon us soon with its brand new looking desktop user interface. So in this tutorial I’ve tried to incorporated some of its features into a stylish web layout.
Create a consulting web layout – business layout
In this tutorial artist will show you how easy is to create a consulting web layout. You can use this tutorial to create also a business web layout, a lawyer layout. The first thing is to create a new document with the following size 1000 width x 1200 height.
Design a Sleek, Dark Mobile App Website (Updated!)
In this tutorial we’ll be using Adobe Photoshop to design a sleek web interface that can be used for any mobile app website. We’ll be covering an array of techniques including shapes, textures, masks, custom icons, typography and much more that can be easily adapted and applied to your own web designs.
How to Create a Professional Web Layout in Photoshop
Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started!
Create a Photography Portfolio Website Design
Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started!
Learn To Create A Gaming Layout In Photoshop
In this tutorial you’ll learn how to create a gaming themed web layout from scratch using just photoshop.
Learn How To Create An Ipad Apps Themed Layout
In this tutorial artist will be showing you how to create your very own ipad apps themed web layout from scratch using adobe photoshop.
How to create a distinguishable textured web layout in Photoshop
In this tutorial artist will show you how to create a textured web layout, starting from the concept on paper to Photoshop design. We will discuss about site structure and will use the 960 grid to organize our contents.
Underwater Content Box Design in Photoshop
In this tutorial artist will teach you how to create an underwater content box. We will make it appear as if the content box fell into the water using stock photos and different techniques. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.
Create a Modern Lab Theme Web Design in Photoshop
In this web design tutorial artist will show you how to create a web layout with a sleek and modern look using Adobe Photoshop. We will go from finding sources of inspiration to setting up the document in Photoshop and creating design elements that fit with the theme of the web layout.
Template Show: How to Design a Gallery Layout in Photoshop
In this tutorial we will create a gallery layout. Artist will not be using the 960 grid in this tutorial, the purpose is to show beginners out there how important the Ruler Tool is when you are designing in Photoshop. We will also tackle how to create and use patterns and using mask and filters.
Design a Clean Corporate Website Layout
In this tutorail you will learn how to design a Clean Corporate Website Layout.
Design The Layout Blue Hightech Using Photoshop
This tutorial for Photoshop has been written especially for web designers willing to increase their knowledge their technical capacity to create graphical templates for web sites. I wanted to create a layout regarding high-tech subjects, but with a bit of inspiration you can adapt it for several different themes. You have also to know that a psd source file is attached to this tutorial.
Graphic design studio web layout tutorial
In this tutorial you will learn how to create a fancy web layout for a design studio. As usual this layout can be used also for another types of websites. If you can create another versions of this layout please post them in the comment area.
Web 2.0 Professional Blog Layout Tutorial
This new tutorial from Alice will walk you through the steps for creating a Web 2.0 Layout for a blog. Be patient, take your time and have fun! Let’s get to work!
Design a Futuristic Chrome Web Layout in Photoshop
In this tutorial we will learn how to Design a Futuristic Chrome Web Layout in Photoshop.
Design an Artistic Watercolor Blog Layout
In this tutorial you will learn how to create an Artistic Watercolor Blog Layout.
Members Area Tutorial: Design a Sleek, Professional Travel Blog
This tutorial is available exclusively to our FanExtra members. In order to read the tutorial and download it’s original .psd source file you must sign up as a FanExtra member.
Create a gritty portfolio layout – moleskine layout
In this tutorial i will show you how to create a layout with a moleskine layout. This layout can be used for your portfolio, because it has the look of an open agenda.
Create a Professional App Store Web Layout
In this tutorial we will learn how to create a Professional App Store Web Layout.
Learn To Create A Clean Style Portfolio Layout
In this detailed tutorial I’ll be walking you through the process of create a clean style portfolio layout. Don’t forget the FREE PSD file is available to download at the bottom of the page. Lets get started…
How to create a vintage Photoshop file
In this tutorial artist will show you how to create a vintage website layout. The tutorial is quite simple and can be followed by anyone who have Photoshop installed on their machine.
Let’s create a cool Travel Agency layout
In this tutorial you will see how we create a cool, blue travel agency site. However, before we start, we‘ll need some stuff to create this amazing layout.
Create a Sleek, Corporate Web Design
In this video series, we’re going to walk you through how to create a sleek, professional web design for a corporate website.
Create A Dark, Clean Website Design In Adobe Photoshop
In this tutorial we’re about to learn how to design a dark, clean website in Adobe Photoshop. As we go through this tutorial, we’ll work with: simple shapes (rectangles, lines, arrows, etc), layer styles, patterns, importation, and paragraph styles, and many other Photoshop design techniques that you can adapt to your Website interface design workflow.
Design a Drupal Business Theme in Photoshop
In this tutorial artist is going to walk you through designing a simple website which can be converted into a functional Drupal theme. In this, we’ll cover basic photoshop techniques, such as styles, slicing, guides, layer structure and much more.
Create a Sleek, Corporate Web Design
In this video series, we’re going to walk you through how to create a sleek, professional web design for a corporate website.
How to create a clean interface in Photoshop
In this tutorial you will learn how to create a simple interface in Photoshop. This layout can be used as a business layout, corporate website, or even a wordpress theme. For start i will create a new document, and i will fill the background layer with the following color: #ece5db
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
Awesome Cufonized Fly-out Menu with jQuery and CSS3
Create a Social Media Sharing Menu Using CSS and jQuery
Create a Slick Menu using CSS3
Creating a Fancy menu using CSS3 and jQuery
CSS UL LI – Horizontal CSS Menu
Grungy Random Rotation Menu with jQuery and CSS3
Sweet tabbed navigation using CSS3
Create an Advanced CSS3 Menu – Version 2
CSS Vertical Navigation with Teaser
How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3
Create Vimeo-like top navigation
Create an Advanced CSS Menu Using the Hover and Position Properties
CSS dropdown menu without javascripting or hacks
CSS: Sexy Vertical Popup Menu with CSS
CSS Sprite Navigation Tutorial
Pastel color menu with dynamic submenu using CSS
CSS3 Minimalistic Navigation Menu
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
Make a Mega Drop-Down Menu with jQuery
How To Create A Clean CSS3 Navigation Bar
Vertical CSS Menu With a ‘Behavior’ File.
Create your own drop down menu with nested submenus using CSS and a little JavaScript
jQuery Dropdown menu with google style
Create The Fanciest Dropdown Menu
Best Of 2011: 70 Beautiful And High Quality Free Textures
For the designing fraternity, premium quality texture, backgrounds and patterns are the most necessitated freebies on the internet. Use of texture in web designs is tremendously frequent. As a result every designer is in search of good quality textures, although they do not get all at one place. Therefore, in this collection we have gathered different types of textures like grunge, rust, watercolor, fabric, metal, natural, wall, stone, flower, paper, graffiti and more.
Designers are in love with all of those freely available textures that can help their designs to become more fine-looking and attractive. In this round-up we have collected 70 awesome free textures from 2011 to freshen up your designs. Enjoy and stay creative!
High Resolution Graffiti Textures
High Resolution Grungy Surface Textures
High Resolution Brick & Tile Textures
Colored Vintage Paper Texture 05 (Deep Blue)
High Resolution Metal Surface Textures
High-Res Subtle Grunge Painting Textures
DesignModo’s Futurico UI Pro (The World’s Biggest User Interface Elements Pack) Giveaway
DesignModo is running a contest, where Futurico UI Pro pack for 5 winners are givingaway. Well, you guys know what is Futurico UI Pro? Let’s say it once again for n00bs.
Futurico UI Pro is the world’s biggest user interface elements pack. It contains more than 200 web design elements that can be used in any project no matter the style or the concept. The pack contains a set of elements added in one extraordinary collection and the good thing is that you can use them for any design or application.
All the elements from this pack are editable and available in PSD (fully layered), hence they can be easily integrated in any concept or design. This archive provides 3 sets of elements in different colors and 2 examples of web design where they have been used. You will get a better idea on how a single UI Kit can help you create plenty of different designs.
DesignModo is a great resource of informative material for designers, web developers, graphic artists or just curious folks looking for inspiration. They provide design, web development and art-oriented articles and we promote the works of talented artists from all over the world.
This contest will run from December 19, 2011 to December 25, 2011 and we will select the winners randomly by running MySQL query. Result can be announced any day before January 10, 2012 so keep visiting here or subscribe to our rss feed to get the latest updates. To participate in the contest and win Futurico UI Pro pack From DesignModo, All you have to do is:
Just tweet this:
Win your @designmodo Futurico UI Pro Pack @SmashingApps http://bit.ly/vi4ob3
1. Once you have tweeted, come back to this post and comment with a link to your tweet and tell us, what do you love the most about Futurico UI Pro? Be creative, fun and most importantly unique!
2. Use valid email ID in the email box.
3. Make sure that you are following @designmodo and @SmashingApps on twitter and subscribe our rss feed to track this contest and for future updates.
4. And that’s it!
So, what are you waiting for now? Let’s participate in the contest and good luck!
3 Free To Use Great Tools For Web Designers
There are many tools out there for web designers, but getting by free and good ones is not that easy. That is why I am sharing 3 Free To Use Great Tools For Web Designers. Read each entry in the list and see which one suits your needs best.
You are welcome if you want to share more tools for designers 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.
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.
Compare Ninja
Compare Ninja is a very cool web application which allow you to create beautiful HTML & CSS comparison tables by using innovative and intuitive interface. You don’t need any prior knowledge to use Compare Ninja – it’s a simple code generator which you can Copy & Paste either into your Website or Blog.
GridCalc
GridCalc is a easy to use grid calculator. Just enter the desired width of your page and an approximate range for your column and gutter width and the calculator will give you all the possible combinations within the limits you entered. You get a nice visual representation of the results, click preview on a result and you get a better presentation of how the grid can be used. When you have decided which grid configuration you want to use you can download the configuration as a css file to use in your project.
