Education and Learning

Seven Premium Style jQuery Plugins And Tutorials To Display Images On Websites

There are many jQuery plugins out there, but getting by free and good ones is not that easy. Today, we are sharing Seven Premium Style jQuery Plugins And Tutorials To Display Images On Website. Read each entry in the list and see which one suits your needs best.

You are welcome if you want to share more jQuery plugins to show images 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.

Orbit: A Slick jQuery Image Slider Plugin

Orbit is a jQuery slider developed by ZURB. The plugin is lightweight(4KB), easy to implement and has a good set of features.

Moleskine Notebook with jQuery Booklet

In this tutorial, you will learn to create a virtual Moleskine notebook with latest posts from the blog.

SIDEWAYS – jQuery fullscreen image gallery

A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

TN3 Gallery

TN3 Gallery is a jQuery image gallery with slideshow, transitions effects, multiple album options, CSS skinning and much more. It’s compatible with all modern desktop and mobile browsers.

PhotoSwipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

Sponsor Flip Wall With jQuery & CSS

Sponsor Flip Wal is using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

Nivo Slider

The Nivo Slider is world renowned as the most beautiful and easy to user slider on the market. It’s completely free and totally open source.

35 Photoshop Tutorials To Get Visually Appealing Photo Manipulation Artwork

Photoshop is like a magic for the designers as loads of different tasks can be accomplished through it. Designers all over the world are exclusively using Adobe Photoshop not only to create creative and visually appealing web designs but also to create something very amazing. With Adobe Photoshop, designers can even play with the real photographs and make them look what they want them to be looked.

Here we are sharing an amazing collection of some useful Photoshop tutorials that will guide you remarkable and interesting tricks regarding photo manipulation. Photo manipulation lets you to bring your creativity into play and place it to apply with Photoshop. There are copious numbers of great tutorials available on the internet but in this collection we are showcasing 35 tutorials that are great for learning more about photo manipulation.

Don’t Leave Me – Photoshop Tutorial

In this tutorial we will show you how to turn a free stock image into a beautiful manipulation.You will learn how to manipulate light and how to create beautiful realistic shadows.


Ptutorial

Create a Fallen, Rain-Soaked, Angel Composition in Photoshop

In this tutorial we will demonstrate how to create a lonely, fallen, rain-soaked, angel composition in Photoshop using photo manipulation techniques. Let’s get started!


Ptutorial

Make a Dark Statue with 3D Tentacles Photo Manipulation

In this tutorial we will create a dark statue photomanipulation using Photoshop and Cinema 4D.


Ptutorial

Create a Devastating Tidal Wave in Photoshop

In this tutorial you will learn how to create a devastating tidal wave in photoshop.


Ptutorial

Fantastic Tree

In this tutorial we will learn how to create a fantastic tree.


Ptutorial

Photo Manipulate an Explosive Magical Reading Scene

In this tutorial you will learn how to create a magical scene, where a girl’s reading book comes to life and explodes with a fantasy world.


Ptutorial

Create A Unique Steampunk Photo Manipulation In Photoshop

In this tutorial you will how to create a composite image using various elements that will come together to make a unique Steampunk design. We will be using the Pen Tool, Layer Masks and Adjustment Layers, and doing quite a bit of Photo Manipulating throughout the tutorial.


Ptutorial

Dazzling Dance Photo Manipulation

In this detailed and lengthy Photoshop tutorial, you will learn how to combine photos and add special effects to turn a normal photograph into a stunning artwork. You will also learn several tricks to reduce your Photoshop document file size and number of layers and layer styles.


Ptutorial

Create a Minimalist Portal Scene in Photoshop

In this tutorial you will learn how to create an stormy landscape with a portal to another dimension. This tutorial will show you how to blend images using blending modes and use brush sets to create a stormy desert scene.


Ptutorial

Create a Dark and Mysterious Fantasy Portrait

In this tutorial we will combine several stock images, adjust color, use retouching techiniques as well as make and control custom brushes to create a dark and mysterious blue portrait.


Ptutorial

How to Create Feet Shoes in Photoshop

In this tutorial you will learn how to create this photo manipulation of a feet shoe. This tutorial will show you basic photo manipulation techniques that you can use on your own projects. A PSD is included with this tutorial.


Ptutorial

“Sleeping Girl in Tub” Photo Manipulation

In this Photoshop tutorial, we are going to learn how to seamlessly combine photos to create a realistic image of a girl sleeping in a bathtub on a beautiful field while the sun sets. We are going to learn how to use the Brush tool to create light and shadows and how to make the colors of an image more vivid.


Ptutorial

How to Change Ordinary Photo into Fantasy Photo Manipulation

In this tutorial you will learn how you can change ordinary photo into a fantasy photo manipulation and also different ways how you can play with lights and shadows.


Ptutorial

Create a Beautiful River Scenery in Photoshop

In this tutorial, we will learn how to create a breathtaking and fantasy-themed, painting-like photo-manipulation. You will learn how to create this scenery by combining images, using Photoshop brushes, then finishing it with a soft photo effect.


Ptutorial

Creating the Terrifying Photo-Manipulation ‘Wrath’

In this tutorial you will learn how to create the terrifying photo-manipulation wrath, using a combination of advanced blending techniques, adjustment layers, masking and lighting effects.


Ptutorial

Make a Story Book Come to Life in Photoshop

In this tutorial you will learn how to create this surreal photo manipulation in Photoshop. You’ll learn the basics of combining stock photos, how to blend them in by adding light and shadows, and complete it with a vintage photo effect.


Ptutorial

Facing a New Day Photoshop Manipulation

In this manipulation tutorial we will show you how to create a really nice sunrise scene.we will show you how to transform a day picture into a sunrise using some adjustment layers and gradient maps.


Ptutorial

Create a Surreal Apocalypse Photomanipulation Photoshop Tutorial

In this Photoshop tutorial, you will learn how to create a surreal photomanipulation, and then add a touch of apocalyptic destruction to it. You’ll see how to balance colors, integrate stock images, and also how to create realistic looking smoke trails.


Ptutorial

Create a Floating Over-Grown “Tree House” in Photoshop

In this tutorial we will combine several stock images to create a floating over-grown tree house in Photoshop.


Ptutorial

The Making of the Nutty Boat Trip

In this tutorial, we will demonstrate how to place a couple of squirrels in a coffee mug that is floating in a body of water.


Ptutorial

Create a Surreal Out of Bounds Photo Manipulation in Photoshop

In this tutorial we will demonstrate how to create a lonely, fallen, rain-soaked, angel composition in Photoshop using photo manipulation techniques. Let’s get started!


Ptutorial

Combine Images to Create a Surreal Portrait in Photoshop

In this tutorial we will use the liquify tool and several image blending techniques to create a surreal and slightly creepy photo manipulation. Let’s get started!


Ptutorial

How to Create a Photo Manipulation of a Flooded City Scene

In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. We will use some relatively simple techniques to give this image a semi-realistic, stylized feel. Let’s get started!


Ptutorial

Create A Striking Nature Scene In Photoshop

In this tutorial we will show you how to create a nature inspired design that is both organic and visually arresting.


Ptutorial

How to Apply Textures to Uneven Surfaces

In this tutorial you will loearn how to apply textures to uneven surfaces.


Ptutorial

Quick Tip: Straighten and Level Out a Crooked Photo

In this tutorial you will learn how to create straighten and level out a crooked photo.


Ptutorial

How to Create a Flaming Photo Manipulation

In this tutorial, we will manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. I hope you enjoy the tutorial and try it with your own stock imagery.


Ptutorial

Create a Nature Inspired Photo Manipulation in Photoshop

In this tutorial we will demonstrate how to combine several images to create a nature inspired photo manipulation. Let’s get started!


Ptutorial

Combine Stock Photography to Create a Sleepy Japanese Village in Photoshop

In today’s tutorial, we will create a sleepy Japanese village in Photoshop by combining several stock photos. Let’s get started!


Ptutorial

How to Create a Traditional Painting-Like Surreal Image using Photoshop

In this tutorial you will learn how to create a surreal image that has the look and feel of a traditional image.we will learn how to blend images seamlessly together.


Ptutorial

Undress a Giraffe in Photoshop

In this tutorial we will demonstrate how to undress a giraffe by removing its spots. We will then show how to turn its spots into an outfit that will be draped over an ironing board. Pretty cool! Let’s get started!


Ptutorial

Army Squirrel Photo Manipulation

In this tutorial you will learn how to create a army squirrel photo manipulation.


Ptutorial

Create an Intense Apocalyptic Photo Manipulation

In this tutorial you will learn how to create this amazing apocalyptic photo manipulation with Photoshop! You’ll learn how to blend elements such as water and moon, create seamless structures with the Clone Stamp tool, and finish it off with a cold movie photo effect.


Ptutorial

Create a Lost Fantasy Micro World with Powerful Photo Manipulation Techniques in Photoshop

In this tutorials you will learn how to build up your own micro society using many different pictures and some cool photo manipulation techniques.


Ptutorial

Create Surreal Human Face with Flame Hair and Disintegration Effect in Photoshop

In this tutorial we will show you how to create surreal human face with flame hair and disintegration effect in photoshop.


Ptutorial

40 Extremely Useful Adobe Fireworks Tutorials For Designers

Over time, Adobe Fireworks became fashionable and popular among web designers. The space and capability to use Adobe Fireworks in web design is simply huge. In addition, Web designers will find it very fun to experiment with different techniques with Adobe Fireworks. They attempt to learn how to use a variety of features in Adobe Fireworks for adding vitality to boring pictures and renovate them into works of art.

Many designers who are interested in finding out new techniques for using Adobe Fireworks do not make out where to get help from. So for all those designers who are desperate to learn new skills, here is a compilation of tutorials for Adobe Fireworks. In this collection, you can find variety of advanced tutorials and resources. We hope that you will like this collection.

Creating Fading Light Vectors in Fireworks

In this tutorial, you’ll learn how to create some cool effects with fading light linear vectors in Fireworks. It’s really easy to do and takes just a few minutes. Create fading lights using vectors, then convert these vectors into bitmaps, and learn to use effects from Fireworks CS3.

The Abduzeetles Rockband Website in Fireworks

We are going to use nice commands on this tutorial, and what is really cool is trying to test other values on each step, other colors, other shapes, always exploring the whole potencial from every tool.

Web Site Design Tutorial

In this tutorial artist will show you how he created a beutiful web layout using Fireworks.

LED Cinema Display in Fireworks

In this tutorial artist will teach you how to created a beautiful LED Cinema Display in Fireworks.

Page Curl in Fireworks Tutorial

In this tutorial artist will show you how to add a stylish page curl to the corner of your image. To start, lets get an image that we can add the page curl to.

Awesome Light Effects

In this tutorial you will learn how to create awesome Light Effects in Fireworks inspired by the James White’s O series.

Blend Mode Effect

This tutorial teaches you how to create a blend mode using Fireworks and thus assumes you are familiar with some design software, even if you are new to Adobe Fireworks. However be assured that our detailed instructions can be followed by even a total novice.

Simple Orbs Tutorial

The Simple Orbs Tutorial is a very simple technique , yet it could add some dramatic touches to your design. It is just one layer object but you can replicate it over and over, and change the sizes.

Easy Camera Icon in Fireworks

In this tutorial artist will show you how to create a camera icon in Fireworks. Artist will focus on the lens pretty much, but as you will see, to create a realistic effect it’s all about playing with gradients.

How to fast prototyping

In this tutorial, artist goes over some of the features that help with fast prototyping, like the fit canvas button and the optimizing panel.

Creating AIR Applications with Adobe Fireworks

In this tutorial, Tom Green shows how to design a simple Flex application and export it from Fireworks.

Photoshop Image to Web using Fireworks CS4

Tom Green shows off how to bring a Photoshop image into Fireworks and export it as an html document.

Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Paper

In this tutorial, you’ll learn how to use Fireworks CS3 and Illustrator CS3 together. You’ll create some illustrative vector elements to add to the final composition. You’ll also mix in photos and light effects. Learn how to use a cool paper background and tips to improve your workflow.

Build a Promotional iPhone App Website Wireframe in Fireworks

In this tutorial We’ll cover the design process of creating a wireframe for an iPhone application website in Fireworks.

Creating an amazing Palm Pre icon on Fireworks

This tutorial will show you how to create in Fireworks the icon for the Palm Pre frame.

Awesome Floral Type in Fireworks and Photoshop

In this tutorial we will use Adobe Fireworks and Adobe Photoshop. Actually the whole effect will be done in Firewors, then in Photoshop, we will add some textures and a old paper background effect.

Twist and Fade Technique

In this tutorial you are going to learn how to create some fun abstract effects using Adobe Fireworks CS4. This tutorial explains how a single Image/Vector can be converted into various Images/Vectors using the properties such as Steps, Spacing, Rotation and Opacity.

Highway Sign

In this tutorial you will learn how to create an amazing Highway Sign.

Create a Night Scene

In this tutorial we will learn how to create a beautiful night scene in fireworks.

How to blur background in Adobe Fireworks

In this tutorial you will learn how to blur the background of digital photos with Adobe Fireworks in a non destructive way.

3d Text

In this tutorial you will learn how to create an outstanding 3D Text in Fireworks.

Dot Matrix Effect

In this tutorial you will learn how to create Dot Matrix Effect.

Barcode

This tutorial will show you how to create a barcode for any purpose.

Mobile workflows using Fireworks CS5 and Device Central CS5

In this tutorial Liz Myers will show you how to harness the power of Fireworks combined with Device Central in these common workflows:

Interaction design and rapid prototyping with Fireworks

In the following four short video presentations, David Hogue demonstrates how to use Adobe Fireworks CS4 for information and interaction design and creating interactive prototypes quickly, and how you can use Fireworks as a design tool that fits into your complete design process, from concept to development.

Prototyping for the Apple iPhone using Fireworks

This tutorial shows you how to use a few scripts to make your Fireworks prototype work for the Apple iPhone.

Making of Darth Android

In this tutorial you will learn how to Making of Darth Android.

Designing a Website in Fireworks CS4

At this MAX session, XD’s Paul Dorian showed attendees how to use Fireworks CS4 to rapidly prototype websites, application interfaces, and other interactive designs, then output their designs to Adobe AIR, Flash CS4 Professional, Flex, HTML, or CSS-based layouts. Paul also shared tips on making the most of the new Fireworks user interface and core functionality, such as consistent text handling, via the Adobe text engine.

How to do simple 3D text with Adobe Fireworks

Creating 3D text with Adobe Fireworks is very simple job. Here is a quick tutorial how to do funny 3D-letters in few steps, just using one layer.

Create a barcode

This tutorial will show you how to create a barcode for any purpose.

Extracting Logos

This tutorial shows you how to extract a logo and/or logotype from a raster image, using only Adobe® Fireworks®‘ Live Filters. With this method, you also have the option to re-color the lifted logo in anyway you want: solid, gradient, or textured. All of this, while avoiding the temptations of the quick-and-dirty Wand Tool

How to create a thick text outline

In this tutorial you will learn how to create a Thick Text Outline.

Photo Blur Effect

In this tutorial you are going to learn how to partially blur a photo or focus on an image part using Adobe Fireworks CS4/CS5. The image below shows how we have blurred the background that will help you create step-by-step.

Optimize Photos

In this tutorial artist will show you the basics of taking an old or under-saturated picture and optimizing it.

Add Radial Gradient in Text

This is a tip good for poster art. Add a radial gradient in bold text to spice things up. If you’re tired of using borders and bevels, try this.

Papel de Parede 2009

Learn how to create a grass text effect in adobe fireworks.

Light Painting

How to create Light Painting in Fireworks.

Designing a media player skin

In this tutorial you will learn how to create a media player skin in Fireworks.

Designing a website application

This tutorial shows you the process of creating a website application in Adobe Fireworks CS4—from sketching the original page design to developing wireframes, to creating the final design. All the essential tools and instructions will be covered in this article to help you begin creating websites and designs within Fireworks CS4 right away.

Fireworks 101

In this tutoria you will learn how to play with paths, combining, subtracting and much more. Also you will end up creating a logo.

Night Vision Effect

This tutorial demonstrates how to give a night vision effect to an image in Fireworks MX 2004.

40 Useful CSS Tutorials, Techniques And Resources

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.

7 Tools To Find What Error Codes Mean

Anyone who uses any modern gadget (PCs, laptops, smartphones, gaming consoles etc.) faces some errors which need to be resolved. The first step in the resolution of errors is that the nature of the error be found. Usually, error type can be judged from the error code which accompanies the error. Today we’ll be compiling a rather unusual list; this list contains seven tools to find what error code means. This way user can get a rough idea on where to get started for resolving the errors they face. Have a look:

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.

clip_image001

BrianDunning.com – Windows Error Codes

The BrianDunning.com error codes websites provides users the ability to browse as well as search for error codes which normally occur on a Windows installation on a PC. Along with that, the webpage lists the top most common and searched error codes in a list and also provides the error code information about MySQL database engine.

clip_image003

ErrorHelp

This website brings an element of sharing error codes. It not only lets users search for common errors from their huge error code database, but also allows them to collaborate with their friends and other people who have received similar errors in the past. They let users bookmark errors on their website so at later stage if the error re-occurs, they can quickly go to the webpage and open the bookmarked error.

clip_image005

ErrMsg

A desktop tool which lets users perform lookups on the errors they encounter. All one needs to do is launch the utility and enter the error code and the tool will return with the basic description of the error. The great thing about this tool that it works for both 32-bit and 64-bit versions of Windows 7 so there’s no problem with all the latest error codes.

clip_image006

WELT

Acronym for Windows Error Lookup Tool, WELT is another error lookup tool like ErrMsg. It also takes the error code from the user and provides back the description of the error. Works pretty well with common Windows and system errors. It also lets users save the error message as a note which can then later be used to find out more information about the error.

clip_image007

ErrorKey

After using ErrorKey, I was forced to label it as the Google of all error codes. This websites has a huge collection of error codes and they can be readily searched using the simple user interface (UI). Also, it has the common error search tags/keywords listed on the main page thereby helping users pinpoint some of the common error messages and categories.

clip_image008

Error Goblin

Similar to Error Key but more useful due to its support for Mac OS errors. This websites covers both Windows and Mac error code searches. Moreover, an iPhone app for this web service is also available. Quite handy for Mac users.

clip_image010

7 Library Tools Students Would Find Handy

Internet as we know it has become a major source of information for many students. Getting maximum amount of knowledge on all sort information such as books, journals, electronic articles is now just a few clicks away. Today, we have gathered a list of 7 online library services all students should get their hands on.

You are welcome if you want to share more useful tools and websites for students 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.

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.

worldcat

LOC Catalog

LOC Catalog contains a massive library of books, serials, computer files, manuscripts, cartographic materials, music, sound recordings, and visual materials which can be useful for students. They can search for different books to study for their exams, complete assignments and much more.

loc-catalog

Smithsonian Institution of Libraries

SIL was founded in 1846 and manage around 20 branches today which contains hundreds of thousands of books and electronic journals which students can check and take help from.

Libweb

Libweb consists of over 8000 pages in over 146 countries which can be used to search libraries, their location, name and other information and can be used by students to find out about libraries in their areas.

libweb

National Library of Medicine

The National Library of Medicine (NLM), on the campus of the National Institutes of Health in Bethesda, Maryland, is the world’s largest medical library and collects materials, provides information and research services in all areas of biomedicine and health care.

nlm

Library Elf

Elf is a web-based and email tool for library users to keep track of their library borrowings and helps users keep track of what they have on loan from the library.

libraryelf

IPL2

ipl2 is a public service organization which helps students get answers to different academic questions from other students, volunteer library and information science professionals.

ipl2

50 Truly Eye-Catching And Detailed Web Layout Tutorials

An eye-catching web layout can help capture the attention of your potential customers by giving them a feel of confidence and trust. Designers mainly use Adobe Photoshop to create beautiful and stunning designs. Adobe Photoshop is the most widely used graphics software that is being employed all over the world.

Here we are showing 50+ most useful tutorials of Adobe Photoshop that show you the creation of beautiful web layouts by the sole use of Photoshop. We hope that you enjoy this collection.

Full Photoshop Web Design


Read the rest of this entry »

45+ Useful Yet Free eBooks For Designers And Developers

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

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

Head first HTML with CSS & XHTML

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

How To Be Creative

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

Web Designers Success Guide (PDF)

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

Design Your Imagination

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

HTML5 WTF?

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

HTML & XHTML

The definitive guide to HTML & XHTML.

JavaScript Programming for the Absolute Beginner

For the Absolute Beginner, No Experience Required

Pro Drupal Development

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

Web design in a Nutshell

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

Using XHTML

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

Joomla!

Building a Successful Joomla, Powered Website

Up to Speed on HTML 5 and CSS 3

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

Faster, and More Secure Webfonts

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

20 Things I learned about Browsers and the Web

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

Integrating Accessibility Throughout Design (HTML)

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

Web Style Guide: 3rd Edition (HTML)

Basic Design Principles for Creating Web Sites

Type Classification eBook

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

Time Management for Creative People

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

Forty’s Pocket Guide to SEO

Quick reference for SEO terms and phrases.

Taking Your Talent to the Web

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

The Design Funnel: A Manifesto for Meaningful Design

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

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

A practical guide to web typography.

Design Patterns

Essential JavaScript And jQuery Design Patterns – A Free New Book

Why design?

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

The Woork Handbook

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

A Concise Guide to Archiving for Designers

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

Getting Real

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

Lateral Action

Freedom, Money, Time,Key to Creative Success

Dive Into HTML5

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

Scribd in HTML5

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

Learning PHP 5

A pain free introduction to Building Interactive Web Sites.

HTML5 Quick Learning Guide

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

Dive Into Accessibility

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

Eloquent JavaScript

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

Search User Interfaces

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

Access by Design Online

A universal design approach to web usability.

Research-Based Web Design & Usability Guidelines

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

Practical PHP Programming

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

HTML

A Beginner’s Guide to HTML.

Knock Knock

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

CSS Cookbook

Quick Solutions to Common CSS Problems.

Beginning CSS: Cascading Style Sheets for Web Design

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

Ajax Design Patterns

Creating Web 2.0 Sites with Programming and Usability Patterns.

Flash 8: Projects for Learning Animation and Interactivity

Projects for Learning Animation and Interactivity.

Ruby on Rails: Up and Running

Lighting Fast Web Development

Essential ActionScript 3.0

Action Script 3.0 Programming Fundamentals.

Foundations of Ajax

The expert’s Voice in Web Development.

Six Useful Tools To Create Distraction Free Writing Environment

Facebook, Twitter, Skype, and various other things on your computer distract you from important tasks that you turned on your computer for. When it comes to writing these distractions can be very problematic since writing requires your full attention. Normally writers distance themselves from all distractions just to be able to focus completely on their writing. Thankfully there are computer tools that let you do the same on your computer.

Check out our list of 6 very useful tools that let you write on your computer in a distraction-free environment. The list is a collection of web tools and desktop apps. Pick the one that suits you best.

Darkcopy


Darkcopy is a free to use web service that lets you type green text on a black background. You can setup the canvas to full screen and then your browser to full screen. This way the only thing your monitor will display is the black background with your typed green text on it. You can save your text by downloading it as a simple text (TXT) file.

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.

QuiteWrite

QuiteWrite is a distraction-free online tool that offers options to actually use your writing in addition to saving it. While writing new pieces you are able to title them, revise them, and even publish them on your WordPress blog. This service is very helpful for people who blog their writings.

Write Space

Write Space is a free to use browser extension for Google Chrome that provides you with a distraction-free writing environment. The extension lets you write in white on a black background. By setting the browser tab to full screen you can eliminate the distractions from other windows. A complete count for words, lines, and characters is shown below your text. The text is automatically saved and present on the canvas on your subsequent visits to the writing canvas.

Koi-Writer


 

Koi-Writer is another distraction-free online tool. Unlike other online tools in this list, Koi offers numerous formatting options along with different heading fonts, font styles, and bullets. It also offers different backgrounds for your text. You can save separate versions of your text and find them available on your subsequent visits to the site.

PenZen


PenZen is a web application that can be used as a distraction-free writer and an online note-taking application. You can start writing on a white background that can be set to full screen to eliminate distractions. The text can be downloaded in a PDF file. Alternatively you can save the text online and obtain viewing URL and an editing URL along with a password.

Nine Powerful Apps That Convert Your iPhone Into A Knowledge Hub

No matter how many applications you have installed on your iOS device, you are always on the lookout for the next free and fun iOS app and specially for those apps that may make your iPhone more useful for you. Thanks to countless iOS developers you have a plethora of such apps to choose from. To save your time that would otherwise be spent on searching for these apps, we present a wonderful list of  free and useful iOS applications for iPhone or any type of iOS users.

You are welcome if you want to share more amazing apps for iPhone 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.

NASA App

The NASA App collects, customizes and delivers an extensive selection of dynamically updated information, images and videos from various online NASA sources in a convenient mobile package.

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.

History:Maps of World

“History:Maps of World” is a fun and educational collection of high-resolution historical maps. Check it out to keep up with your history, learn something about history.

Science Glossary

A glossary of scientific terms and short biographies. All definitions link to related terms and to free, detailed science learning modules. Though geared for high school and undergraduate student’s using it’s website, the glossary and modules are appropriate for anyone generally interested in science.

World Wiki

You can get quick access to detailed demographic information of almost 250 countries around the world, right on your iPhone or iPod touch.

WhatTheFact?!

WhatTheFact?! is a collection of over 400 true and bizarre facts. With WhatTheFact, you can impress your friends with your knowledge of pointless trivia, or simply waste hours of your life obtaining knowledge you’ll never need in the real world!

AllTheCountries

This application gives you detailed information (Flag, Current ruler, Area, Population, Capital, Largest cities, Languages, Ethnicity/race, Religion, Literacy rate, Economy, Government) about all the Countries of the World.

HowStuffWorks

The HowStuffWorks app not only gives you instant access to a massive collection of articles and podcasts right on your iPhone or iPod Touch, but also you gives you direct access to our famous podcasters and HowStuffWorks experts.

Wikipanion

Accessing Wikipedia has never been faster and easier than with Wikipanion, designed for easy, search, navigation and display of Wikipedia entries. Streamline your browsing with history grouped by visit date, and bookmarking that not only bookmarks individual entries, but individual sections within an entry.