Umm DesignUmm Design | Umm Design

Isometrica Social Media Icon Set

Folders: A Free Icon Set

iPhone 4 PSD

Mint iPhone Pepper Icon

Cardf.ly coming soon!

Teacup

Home icon

Gold nameplate PSD

Small store icon (PSD)

White paper airplane PSD icon

3 Billboard

FREE Product Box PSD

Computer Icon Tutorial

Beauty Salon Business Card

DVD Label – PSD Template

Build a Slick Rich User Interface in Photoshop

Glass Shelf Dock from Leopard OS

WEB UI Treasure Chest

Adobe CS5 Box Set

System Shut Down Button

Elegant MP3 Player Skin

Blackboard PSD Models

Bamboo in Adobe Photoshop

xDJ Player Skin

Duracell Battery

DJ Equipment

Mobile Me Icons

Administrator Login Panel

Event Countdown

Tranceunit Skin

Office Desk

Apple iPhone 4G

Note Icon

Office .PSD Resources

Classy 3D Poker Chip

Old Computer

HTC EVO 4G

Samsung Galaxy Tab P1000

Horizontal Accordion / Slider GUI

Hanging Red Sign

Old Table Lamp

Free High Quality Photoshop PSD Files For Designers – Part I

Paul — Wed, 16 Feb 2011 18:14:56 +0000

Adobe Photoshop is a graphics editing program developed and published by Adobe Systems.

Free High Quality Photoshop PSD Files

HTC Desire PSD

Meter Design PSD File

Apple Mac Mini PSD

Sleek Aluminium Hard Drive

iPhone4 PSD file

Digital Camera Icon PSD

Wooden Social Media Icon PSD

3D Recycle Bin Icon PSD

Shiny Lock Icon PSD

Realistic Computer Mouse PSD

Glossy Metallic CS Icons PSD

Grunge Box PSD

Stylish Mail Icon PSD

Globe Resource v2 Free PSD

Glossy PSD Icons

Red Push Button PSD

iPod Touch 4th Gen PSD

PSP PSD Template file

Mac OS X Leopard Logo PSD

DVD Case Art PSD file

Wall Phone PSD

Under Construction

Apple PSD File

iPod Touch PSD

Hard Disk Icons – PSD

iMac PSD

Plasma TV PSD

iPhone 3g PSD HD

Coffee PSD File

Sticker PSD

StormTrooper Icon – PSD file

Slider Details Download Script

Stunning jQuery Slideshow (Sliders) Plugins and Tutorials

Paul — Wed, 16 Feb 2011 17:43:09 +0000

jQuery has overpowered Flash in a lot of web uses becoming a very powerful tool for web designers. One of these uses that I’m referring to is the image slider. Implementing this feature in your site will definitely count as a big plus so don’t waste your time and download the available jQuery plugins in this Stunning jQuery Slideshow (Sliders) Plugins and Tutorials.

You’ve probably noticed that a lot of websites lately have a featured area with content that slides or changes in some way. This is a great technique to show several pieces of content in a limited amount of space and a good way to engage the user. Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. You may probably heard that jQuery isn’t very hard to learn. If you are interested in implementing a content slider in your website please check our jQuery tutorials and plugins collection.

Powerful jQuery Slider Plugins and Tutorials

Minimalistic Slideshow Gallery

In this tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Advanced jQuery background image slideshow

With the use of transparent PNG’s, some HTML, pretty nifty CSS and jQuery, we can make this technique work. Read the rest of this article to learn how to create a beautiful advanced jQuery background image slideshow.

Slider Details Download Script

Fancy transitions effects

Main idea was to build some ’strip curtain’ effect and I start from that. But, while I was building this some other effects just pop up and I decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect.

jQuery Blinds

jQuery Blinds Slideshow using CSS Sprites.

Making a Mosaic Slideshow With jQuery & CSS

When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem.

The Lof JSiderNews Plugin

Base on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next items.

Blinds-effect Slideshow

There are two ways of setting Floom up. One is the object way, where you specify the image url and the caption using the key-value notation.

Slideshow plugin for the Tabs

Here you can see a slideshow plugin in action. Click on the arrow buttons, navigator or the content area to navigate through the slides. You can also enable the automatic slideshow by pressing the “play” button below the slides.

Slideshow plugin for the Tabs

we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

loopedCarousel

Supersized 2.0

jQuery Carousel

Create a jQuery Carousel with WordPress Posts

Create a Simple Infinite Carousel with jQuery

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

jQuery Infinite Carousel-version 2

Agile Carousel

Agile Carousel is a JQuery Plugin. The JQuery AJAX function is used to deliver settings to the included PHP script “make_slides.php”, which you do not need to modify. The PHP script uses the requested settings to custom-build an image carousel. The carousel html is then placed to the html document within the container you specify.

jQuery Multimedia Portfolio

This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.

Ajax Search – Carousel

Create a Simple Slideshow using Mootools / JQuery

In this post i’ll walk you through the process of making a very simple(minimilistic) slideshow using Mootools / Jquery.

Lateral Slider

Slider – The easiest known way to showcase your images and photos on the web in style.

Horinaja

Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery.

Gradually

Gradually offers API, a slide show, and a thumbnail gallery using ImageDrawer.

Simple jQuery slideshow bubble messages

Sexy Slider

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

siteFeature

siteFeature is an unobtrusive jQuery plugin that simplifies the creation of an interactive “Featured Items” widget.

DDSlider – 10 Transitions – Inline Content Support

DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page

AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.

jQuery Banner Rotator / Slideshow

This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.

TinySlider

This super lightweight (1.5 KB) sliding Javascript slideshow script can easily be customized to integrate with any website through CSS. You can add any content to it, not just images, and it gracefully degrades without Javascript support.

Slideshow 2

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

BlogSlideShow

BlogSlideShow is a free open-code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.

PictureSlides

PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired.

CSS3 enhanced zoom-in zoom out slideshow

This free copy and paste script adds a stylish CSS3 effect to your slideshow. Simply by setting the style attributes you can apply corners to any or all four image-corners, furthermore you can apply shadows.

Magnificent CSS3 Tips & Tricks

Paul — Wed, 16 Feb 2011 17:22:09 +0000

In this post we present CSS3 Tips and Tricks that can strongly improve user experience, improve designer’s work-flow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Please notice that most techniques and tutorials presented below are experimental, and its good to have place at one post.

Magnificent CSS3 Tips & Tricks

Introduction to CSS3

This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted.

Create a Dynamic Stack of Index Cards

This article we’re going to take a step into that direction and discover some of the possibilities CSS3 gives us.

Awesome Overlays

These overlays use a number of new CSS properties, some of which are simple like border-radius and using RGBa colors. The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. To create that effect we used to the border-image property, which is a tricky little addition to CSS.

CSS3 & Flexible UI: Avoid Recutting UI Graphics for Mobile

Designing UI elements for a mobile browser has taught me a great deal when it comes to creating interactive graphical elements that are to be used in a very small space.

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

In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills.

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

More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons.

Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3

This custom dialog box is one of the scripts in that website and I think it will be quite useful for all of us. The reason I have this custom dialog box is to overcome the inconsistencies across different browsers. It uses CSS3 to style everything and it looks really nice!

CSS3 Hover Tabs without JavaScript

With the new techniques in CSS3 and clever applications of existing CSS it is increasingly stepping on the toes of JavaScript. Which to be honest isn’t necessarily a bad thing.

Shadows and CSS3

Currently working on a design that uses text-shadow and box-shadow, with RGBA in place to create the shadow color. I wanted to tweet about this technique because it’s simple and awesome, but to my surprise I couldn’t find a good, quick tutorial that covered the use of both text and box-shadow, along with RGBA

Super Awesome Buttons with CSS3 and RGBA

One of our favorite things about CSS3 is the addition of RGBA, a color mode that adds alpha-blending to your favorite CSS properties. We’ve kicked the tires on it a bit with our own projects and have found that it helps streamline our CSS and makes scaling things like buttons very easy.

Working With RGBA Colour

When we launched, a lot of people were surprised that the design wasn’t built with PNGs. Instead we’d used RGBA colour values, which is part of the CSS3 specification.

How To Create a Pure CSS Polaroid Photo Gallery

Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling.

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.

11 Classic CSS Techniques Made Simple 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.

Cool Sprites – Free overlapped CSS menu using CSS Sprites

In short, the fewer files the web browser has to fetch that much faster the site loads. It’s as simple as that.

Push Your Web Design Into The Future With CSS3

Here are five techniques snatched from the future that you can put into practice in your website designs today.

CSS 3 selectors explained

In this article, the specification I am referring to is the Selectors W3C Working Draft 15 December 2005. The new selectors described in the document will be used by CSS level 3, but may also be used by other languages. If you are reading this article months, or even years after that date it may be worth checking if a more recent version is available.

@font-face in IE: Making Web Fonts Work

All Hallows’ Eve seems the perfect time for something a little spooky. Getting @font-face working in IE may just be spooky enough. As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta.

Take Your Design To The Next Level With CSS3

In this article, we’ll look at the advantages of CSS3 and some examples of how Web designers are already using it. By the end, we’ll know a bit of what to expect from CSS3 and how we can use its new features in our projects.

CSS 3 Cheat Sheet (PDF)

In this post we present a printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C.

The fundamental problems with CSS3

This post brings to a head a lot of my thoughts and feelings with regard to CSS3 and the way the W3C is developing it.

CSS 3D Meninas

I’ve took the classic paint The Maids of Honour (Las Meninas) and made this CSS pseudo-3D/parallax effect. It is pure CSS, so no javascript or flash involved: only CSS and HTML code.

HTML5 Reset Stylesheet

We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects.

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!

CSS Animations

Stronger, Better, Faster Design with CSS3

In this second article we’re going to focus on using those CSS techniques (and a little JavaScript) to create some practical elements and layouts. As before, caveat coder — a lot of the CSS properties we’re going to use have limited support, if any, in IE6/7 and probably 8.

CSS3 Techniques You Should Know

If you aren’t aware of the browser extensions, these are CSS styles with a vendor specific prefix. Since CSS3 is not fully supported yet, we must use these extensions.

30 Essential CSS3 Resources

Web designers around the world are extremely excited about the power of CSS3 and the creative freedom it offers. With that in mind, we’ve rounded up 29 resources for you to learn more.

5 Techniques to Acquaint You With CSS 3

CSS is a well-known, widely used language to style websites. With version three in the works, many time-saving features will be implemented. Although only the most modern browsers currently support these effects, it’s still fun to see what’s around the corner! In this tutorial I’ll show you five techniques.

Quicksand

I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Quicksand aims at providing a similar experience for users on the web.

Awesome CSS3 & jQuery Slide Out Button

The button consists of three parts: a container, the little button and the longer button. The two inner parts have absolute positioning. With jQuery, we enlarge the long button and change the colors of the small one.

Making a Mosaic Slideshow With jQuery & CSS

We are making a jQuery & CSS mosaic gallery. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them.

CSS @ Ten: The Next Big Thing

CSS is ten years old this year. Such an anniversary is an opportunity to revisit the past and chart the future.

You Can Use CSS3 Right Now

CSS3 makes a designer’s work easier because they’re able to spend less time hacking their CSS and HTML code to work in IE and more time crafting their design. It is the future of web design and can be used today.

47 Amazing CSS3 Animation Demos

Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property.