Showing posts with label Tutorials. Show all posts
15+ Cool jQuery Scrollbar Plugins
Bored with the look of standard scrollbar of your website? with jQuery scrollbar you can transform it into a more attractive design. You can also use some pure CSS scrollbar if you don’t like to use jQuery plugins on your website.
More Details
jQuery Scroll Path is a plugin that lets you define your own custom scroll path. The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initializing the plugin.
More Details
More Details
jQuery ClassyScroll can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls.
More Details
RollBar Responsive plugin can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls.
More Details
slimScroll is a small (3.7KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar.
More Details
jScroll is a stylable scrollbar built using the jQuery JavaScript framework. At only ~8kb, it is both lightweight and packed full of features.
More Details
VenScrollBar is a jQuery plugin that allows web designers to replace the ugly, default OS scrollbar with custom ones that they create.
More Details
Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style.
More Details
Custom scroll bar plugin that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support, scrolling buttons, scroll inertia with easing, auto-adjustable scroll bar length, nested scroll bars, scroll-to functionality, user defined callbacks and much more.
More Details
jScrollbar is fully skinnable with CSS (you can use images instead) and can detect mousewheel event.
More Details
DZS Scroller jQuery is the ultimate scrollbar for your site which you can customize very easily via CSS if the 3 skins.
More Details
LiimeBar is a jQuery plugin which removes the default browser scroll bar and replaces it with a sleek and modern.
More Details
This easy scroll application was made to simplify your work and save you time in developing any kind of web template or application, it can be easily inserted in any context and has a wide range of parameters that can make your scrolling unique.
More Details
Tiny Scrollbar can be used for scrolling content. It was built using the javascript jQuery library.
1. jQuery Scroll Path
More Details
jQuery Scroll Path is a plugin that lets you define your own custom scroll path. The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initializing the plugin.
2.Perfect-scrollbar
More Details
3. ClassyScroll
More Details
jQuery ClassyScroll can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls.
4. RollBar – jQuery ScrollBar Plugin
More Details
RollBar Responsive plugin can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls.
5. jQuery slimScroll
More Details
slimScroll is a small (3.7KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar.
6. jScroll: Stylable jQuery Scrollbar
More Details
jScroll is a stylable scrollbar built using the jQuery JavaScript framework. At only ~8kb, it is both lightweight and packed full of features.
7. VenScrollBar
More Details
VenScrollBar is a jQuery plugin that allows web designers to replace the ugly, default OS scrollbar with custom ones that they create.
8. Nicescroll
More Details
Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style.
9. jQuery custom content scroller
More Details
Custom scroll bar plugin that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support, scrolling buttons, scroll inertia with easing, auto-adjustable scroll bar length, nested scroll bars, scroll-to functionality, user defined callbacks and much more.
10. jScrollbar
More Details
jScrollbar is fully skinnable with CSS (you can use images instead) and can detect mousewheel event.
11. DZS Scroller
More Details
DZS Scroller jQuery is the ultimate scrollbar for your site which you can customize very easily via CSS if the 3 skins.
13. liimeBar
More Details
LiimeBar is a jQuery plugin which removes the default browser scroll bar and replaces it with a sleek and modern.
15. Easy Scroll jQuery Plugin
More Details
This easy scroll application was made to simplify your work and save you time in developing any kind of web template or application, it can be easily inserted in any context and has a wide range of parameters that can make your scrolling unique.
16. Tiny Scrollbar
More Details
Tiny Scrollbar can be used for scrolling content. It was built using the javascript jQuery library.
25+ Great Photoshop Tutorials To Improve Your Skills
Tutorials can provide a lot of help, step by step presentation of a thing that made it easy to learn and understand. Photoshop tutorials are best way to learn trendy effects and styles. Photoshop is simply excellent tool for creating amazing Photo Effect and Text Effect from simple to advanced makeovers and for fixing, editing great shots where the light, color balancing and sharpness need a bit of adjustment or where some elements need to be removed.
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Read more at http://photoshoptutorials.ws/photoshop-tutorials/drawing/create-amazing-mixed-media-poster-photoshop/#KtRXqOhPBSVKiHXk.99
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Tutorial Link
Create a Metallic 3D Logo With Photoshop and Filter Forge
In this tutorial, we will explain how to combine Photoshop CS6?s 3D tools with Filter Forge to create a metallic 3D logo that is built “Forge” tough.Tutorial Link
The Creation of “Doom Bringer” Fantasy Digital Art in Photoshop
In this tutorial, I will show you the steps to create this “Doom Bringer” Fantasy Digital Art in Photoshop. Along the way, we will practice cloud rendering, some simple photo retouch techniques, image adjustments, and a few tricks on how to seamless merge several objects together.Tutorial Link
Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5
In this tutorial, I will show you the steps I took to Create this Unique Glowing Text with Space Background in Adobe Photoshop CS5. We will use techniques such as layer blending, filter effect, custom brushes and transform tools to create this text effect. This is an beginner to intermediate level Photoshop tutorialTutorial Link
Fantasy Angel – Portrait Effect With Wings In Photoshop
In this tutorial you will learn how to make a fantasy photomanipulation and how to combine stock photos and photoshop effects to add realism to your work. We will use a few wing stock images to create a nice portrait effect.Tutorial Link
The Lost Treasure – Underwater Effect In Photoshop
In this video tutorial I will show you how you can create a nice scene at the bottom of the sea using a few stock images. You’ll learn illumination and shading techniques that will make your artworks come to life. Enjoy.Tutorial Link
The Creation of “Stone Eagle” Photo Manipulation in Photoshop
In this tutorial, I will show you the steps to create this “Stone Eagle” Photo Manipulation in Photoshop. We will cover the application of textures and the blending of different objects. We will also go through a number of selection tricks and image adjustments.Tutorial Link
Create An Energetic Portrait In Photoshop
Are you wondering how you can add energetic movement in your work? With some basic lightning tips, using the warp tool and liquify filter. I will help you create stunning lightning effects.Tutorial Link
Create Action-Packed Zombie Apocalypse Concept Art in Photoshop
In this tutorial, we will show you how to create concept art for a zombie-themed video game. This piece will portray a couple of police officers fending off a hoard of zombies in the pouring rain.Tutorial Link
Photoshop Matte Painting in Easy Steps
Learn how to create a breathtaking scene in simple steps. This Photoshop tutorial will teach you how to blend elements together using nondestructive techniques, paint with vibrant colors, and blur/smudge to create a dramatic scene.Tutorial Link
Create a Horrific Flesh Eating Movie Poster in Photoshop CS6
In this tutorial where we will create a movie poster of a much popular zombie/virus theme. We will use a base photo and paint on top mostly everything and just finish up with the help of some textures. The tutorial is accompanied by videos for each section so you don’t miss out even a single strokeTutorial Link
Create a Surreal Apocalypse Photomanipulation Photoshop Tutorial
In this Photoshop tutorial, you’ll 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.Tutorial Link
Create a Wacom Product Advertisement in Photoshop
In this Photoshop tutorial, you’ll learn how to create a Wacom tablet product advertisement. You’ll see how to take a product image and create a theme for an advertisement, and then how to execute it with a variety of subtle touches.Tutorial Link
How to Create an Amazing Space Battle Scene in Photoshop
In this tutorial I’ll show you how to create a sci fi artwork with spaceship, planets and galaxy. You’ll learn how to compose and manipulate some space elements together as well as blend them correctly and effectively. You can also learn to create some different kinds of lighting, work with group, use brush, masking and more.Tutorial Link
How to Create an Amazing Mixed Media Poster in Photoshop
Learn how to create this creative composition using a variety of graphical elements. This tutorial will show you how to easily create futuristic shapes with the Path tools and combine them with photos and brushes to create this mixed media poster.Read more at http://photoshoptutorials.ws/photoshop-tutorials/drawing/create-amazing-mixed-media-poster-photoshop/#KtRXqOhPBSVKiHXk.99
Tutorial Link
Create a Retro and Futuristic Design in Photoshop
Learn how to utilize the Repousse feature in Photoshop Extended to create a poster that has a mix of retro and modern effects. This tutorial will teach you many subjects such as how to work with shapes, apply patterns, brushes, create 3D objects, and apply photo effects. To follow this tutorial.Tutorial Link
Creating a Science Fiction Combat Scene Photoshop Tutorial
In this tutorial, you’ll learn how to create a science fiction photomanipulation in Photoshop. First, we’ll start by creating a futuristic style city, followed by adding in our main character, and then lastly, we’ll add some combat elements to it.Tutorial Link
Creating an Edgy, Colorful Fashion Photo-manipulated Artwork
In this Adobe Photoshop tutorial, we will learn how to create a beautiful abstract photo manipulation applying some advance techniques of masking, lightning and the use of adjustment layers.Tutorial Link
How to Create a Futuristic Jumping Whale in Photoshop
In this tutorial you will learn how to create a futuristic, metal jumping whale. We are not actually creating the metal whale, but we are using 5 stock images and a brush set, along with Photoshop’s built in tools and filters to create this stunning photo manipulation.Tutorial Link
How to Create a Photo-Realistic Metal Apple in Photoshop
Learn how to create a metallic apple with reflections. This tutorial will show you how to warp objects, dodge/burn, and add reflections to metal.Tutorial Link
Create Inspirational 3D Gold Text with Photoshop Extended
Learn how to make any inspirational message look more meaningful by turning it into a 3D typography poster. In this Photoshop tutorial, you will how to create striking 3D gold text, add reflections with image-based lighting, create a drywall background from scratch, and position your lights using an easy method that feel like you’re playing a 1st person shooter game.Tutorial Link
Photoshop tutorial: Add texture to retro-styled artworks
In this tutorial, Dwayne Bell details how to use Photoshop to enhance a retro-styled illustration by digitally applying textures and patterns. He notes that while in this instance the effects are applied to a hand-drawn original, the techniques shown can easily be applied to any Photoshop project to bring depth and originality.Tutorial Link
Create Retro Futuristic Poster Design in Photoshop
Combine stock photos and design resources to create an awesome retro futuristic poster. By mixing up bright and vibrant cosmic designs with old, distressed and grungey textures we’ll create a print-ready retro futuristic poster design for “Yugoslav Airlines”, the former national carrier of Yugoslavia.Tutorial Link
How to Create Extraterrestrial Self Portrait
Learn how to turn an ordinary shot into an amazing artwork with this video Photoshop tutorial.Tutorial Link
Sky Replacement – Photoshop CS6 Tutorial
For a portrait or landscape photographer it is often extremely important to be able to replace a sky here and there when the weather or clouds are not cooperating with the look you want. In addition, replacing a sky is a quick and sure-fire way to drama, mood, and color to just about any photo.Tutorial Link
Tutorial & Freebie: Create a Contact Form in HTML5 and CSS3
Today Christian from 1stWebDesigner will teach you how to create a simple contact form in HTML5 and CSS3 that you can download for free. Many WordPress plugins come with fully functional contact forms that can be installed and used right away, but we believe in beautiful design and in your right to style it however you choose. Therefore today’s video will focus on how to create, but mainly how to style, your contact form using CSS3
There is not much HTML5 in this video tutorial, unfortunately, as the contact form is built with code available in previous versions of HTML, but you can use today’s tutorial as a way to reinforce many of the things we learned together in the previous tutorials. So without any further discussion, here it is:
By the end of the tutorial you will have something similar to the screenshot above. Feel free to view the demo just after the video tutorial to get a feel of what you will be making in under 25 minutes. It’s a good exercise for both beginners and experts alike!
Download Source Files View Demo
There is not much HTML5 in this video tutorial, unfortunately, as the contact form is built with code available in previous versions of HTML, but you can use today’s tutorial as a way to reinforce many of the things we learned together in the previous tutorials. So without any further discussion, here it is:
Contact Form in HTML5 and CSS3, what you will learn:
- the basics of CSS3 styling
- how to create an HTML form
- how to create an elegant CSS3 contact form
By the end of the tutorial you will have something similar to the screenshot above. Feel free to view the demo just after the video tutorial to get a feel of what you will be making in under 25 minutes. It’s a good exercise for both beginners and experts alike!
Download Source Files View Demo
