Affichage des articles dont le libellé est Programming. Afficher tous les articles
Affichage des articles dont le libellé est Programming. Afficher tous les articles

mardi 8 janvier 2013

Useful .htaccess Snippets and Hacks

Useful .htaccess Snippets and Hacks:


.htaccess is one file that every web admin should know and understand. At its basic level it controls access to your sites directories. But there is much more that you can do, as the snippets in this post will show you.
If you you would like to learn the basics of .htaccess, you should check our our Introduction to .htaccess article, which explains pretty well everything you will need to get you up and running.
So, here are some useful tricks you can do with .htaccess:

1. Controlling Access to Files and Directories

Password protection is one thing, but sometimes you may need to completely block users from having the option of accessing a particular file or directory. This usually happens with system folders, such as the includes folder for which applications will need access but no users will ever need the privilege.
To do this, paste this code onto an .htaccess file and and drop it in the directory:
deny from all
However, this will block access to everyone, including you. To grant yourself access you need to specify your IP address. Here is the code:
order deny,allow

deny from all

allow from xxx.xxx.xxx.xxx
xxx.xxx.xxx.xxx is your IP. If you replace the last three digits with 0/12 for example, this will specify a range of IPs within the same network, thus saving you the trouble to list all allowed IPs separately.
If you want to block access to a particular file, including .htaccess itself, use the following snippet instead:
<Files .htaccess>

order allow,deny

deny from all

</Files>
Similarly, if you want to allow given IPs, list them with allow from.
If you want to block access to particular file types, use this instead:
<FilesMatch ".(htaccess|htpasswd|ini|phps|fla|psd|log|sh)${body}quot;>

Order Allow,Deny

Deny from all

</FilesMatch>

2. Disabling Directory Browsing

To prevent directory browsing, add this:
Options All -Indexes
However, if for some reason you want to enable directory browsing, change it to the following:
Options All +Indexes

3. Speeding-Up Load Times by Compressing Files

You can compress any type of file, not only images. For instance, to compress HTML files, use this:
AddOutputFilterByType DEFLATE text/html
To compress TEXT files, use this:
AddOutputFilterByType DEFLATE text/plain
You can also compress JavaScript, or add compression to multiple file types with one command:
AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/rss+xml
Alternatively, if you want to compress all of your JavaScript, HTML, and CSS files with GZIP, you can use this:
<IfModule mod_gzip.c>

mod_gzip_on Yes

mod_gzip_dechunk Yes

mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$

mod_gzip_item_include handler ^cgi-script$

mod_gzip_item_include mime ^text\.*

mod_gzip_item_include mime ^application/x-javascript.*

mod_gzip_item_exclude mime ^image\.*

mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

</IfModule>

4. Protect Your Site against Hotlinking

If you don’t want your images hotlinked, add this to your .htaccess file:
RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]
Just replace yourdomain.com with your own and you are good to go.

5. Blocking Visitors Referred from a Particular Domain

If you have users from a particular domain you don’t welcome, you can ban them from your site. For instance, if your site gets listed in a place you don’t want traffic from (i.e. adult sites, blackhat sites, etc.), you can serve them with a 403 Forbidden page. You need to have mod_rewrite enabled but since it is usually on, you should be fine. Add this snippet:
<IfModule mod_rewrite.c>

RewriteEngine on

RewriteCond %{HTTP_REFERER} bannedurl1.com [NC,OR]

RewriteCond %{HTTP_REFERER} bannedurl2.com [NC,OR]

RewriteRule .* - [F]

</ifModule>
You need to replace bannedurl1.com and bannedurl2.com etc. with the domain names you want to blacklist. You may want to use the [NC] flag because it specifies that the domain name you’ve entered isn’t case sensitive. The [F] flag specifies the action to take – in this case to show the 403 Forbidden error. If you want to ban multiple sites, use the [NC,OR] flag for every domain but the last and if you want to ban a single domain use only the [NC] flag.

6. Blocking Requests from Particular User Agents

If your log files show particular user agents (bots or spiders) you can add a few lines to .htaccess and deny them access to your site:
RewriteEngine On  
RewriteBase /  
SetEnvIfNoCase Referer "^${body}quot; bad_user
SetEnvIfNoCase User-Agent "^badbot1" bad_user
SetEnvIfNoCase User-Agent "^badbot2" bad_user
SetEnvIfNoCase User-Agent "^badbot3" bad_user
Deny from env=bad_user
Replace badbot1, badbot1, etc. with the names of bots from your log files. This should keep such programs away from your site.

7. Caching Files

Another way to speed your site’s load times is via file caching. Here is what you need to add in order to cache files:
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)${body}quot;>

Header set Cache-Control "max-age=2592000"

</FilesMatch>
You can add more file types (or remove some of them) to the sequence of files listed in this example – do what suits you. You can also use max-age to specify the amount of time in seconds that your files will live in the cache.

8. Disabling Caching for Particular File Types

If you don’t want to cache particular file types, it is easier not to include them in the cache sequence. However, sometimes files might get cached even if you you don’t explicitly list them there and in this case you may want to disable caching only for them. Most often you will want to disable caching for dynamic files, such as scripts. Here is how to do it:
<FilesMatch ".(pl|php|cgi|spl|scgi|fcgi)${body}quot;>

Header unset Cache-Control

</FilesMatch>
Just pipe the files you want caching disabled for and this is it.

9. Bypassing the Download Dialogue

By default, when you try to download a file from a Web server, you get a dialogue that asks you if you want to save the file or open it. This dialogue is especially irritating with large media files or PDFs. If the files you have uploaded to your server are for downloads, you can save users the trouble and proceed straight to download. Here is what you need to set in .htaccess:
AddType application/octet-stream .pdf

AddType application/octet-stream .zip

AddType application/octet-stream .mp3

10. Renaming an .htaccess File

If for some reason, mostly security-related, you want to rename your .htaccess file, it is very easy to do it. In theory, renaming an .htaccess file shouldn’t cause problems with the applications running on your server but if by chance you notice such issues after you rename the file, just rename it back to its original name.
AccessFileName htac.cess
You also need to update any entries in the file itself or everywhere .htaccess is mentioned, otherwise you will be getting lots of errors.

11. Changing a Default Index Page

If you want your index page to be something different from the default index.html, index.php, index.htm, etc. this is very easy to do. Here is what you need to add to .htaccess:
DirectoryIndex mypage.html
Replace mypage.html with the actual URL of the page you want to use as index and you are done.

12. Redirecting to a Secure https Connection

If you are using https and you want to redirect users to the secure pages of your site, use this:
RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

13. Restricting File Upload Limits in PHP, Maximum Size of Post Data, Max Script Execution Time, etc.

.htaccess allows you to set some values that directly affect your PHP applications. For instance, if you want to impose upload limits in PHP, so that you don’t run out of hosting space because of large files, use this:
php_value upload_max_filesize 15M
Of course, you can set the value to anything you deem appropriate – 15M (MB) in this example isn’t fixed in stone. You can also restrict the maximum post size for uploading in PHP, To do it, add this:
php_value post_max_size 10M
Similarly, you can change 10M to any value that suits you. If you don’t want scripts to execute forever, you can limit their execution time with the help of the following:
php_value max_execution_time 240
240 is the number of seconds before the script will be terminated and as you guess, it could be any value. Finally, if you want to limit the time a script can parse input data, use this:
php_value max_input_time 180
And set any value in seconds that suits you.

14. Disguising File Types

Sometimes you wouldn’t like users, to know the file types of the files on your site. One way to hide this information is if you disguise them. For instance, you can make all your files look as if they are HTML or PHP files:
ForceType application/x-httpd-php
ForceType application/x-httpd-php
There is much more that can be done with .htaccess. For instance, you can set automatic translation of your site’s pages, or set the server timezone, or remove the www from URLs, or use fancy directory listings, etc. In any case, before you start experiments with .htaccess, always backup the original .htaccess, so if things don’t go as planned, you have a working copy to revert to.


mercredi 26 décembre 2012

15 Memorable jQuery Timeline Plugins

15 Memorable jQuery Timeline Plugins:
jquery-timeline-plugins
With one of the jQuery timeline plugins listed here, you can add cool and interactive timelines to your web pages. The timeline format is not new, but really, it got popular when Facebook decided to add it to their wall design. It is a great way to show events in time – this can be anything from social media updates to historical events. We also see the timeline design in creative portfolios, where agencies show their history, development in number of employees, key client wins etc.
Check out the jQuery plugins I found for adding timelines to your website and let me know in a comment if I missed a great script! Also, please share this article with your friends and coworkers.

Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.

ElegantThemes
Hostgatorhttp://envato.s3.amazonaws.com/referrer_adverts/tf_260x120_v2.gif
ThemeForest
Advertisement

jQuery Social Timeline – MORE INFO / DEMO

jquery-social-timeline-plugin
The DP Social Timeline plugin has been build to make it simple for you to retrieve status/posts/videos/images from different social networks and add it all into a timeline format on your website. It is to some extent the same concept as the Facebook timeline.

jQuery TimelineXML – MORE INFO / DEMO

jquery-timeline-xml
TimelineXML takes time-stamped pieces of content and puts them on a timeline as dots. On hover or click the visitor will see the content you added to the clicked event.

jQuery Timeline Slider – MORE INFO / DEMO

jquery-timeline-slider
Timeline Slider is a jQuery timeline plugin you can use to build your own history timelines on your web pages. This timeline plugin includes a dark and a light skin and this makes it fit into most web projects. Since this plugin rely on the jQuery library you will find it to be cross-platform.

Timeliner – MORE INFO / DEMO

timeliner
TimeLiner is a cool jQuery timeline plugin you can use to create slideshow like presentations an animating timeline showing progress. It is possible to more or less any HTML based content to the slides, and the process can be skipped and paused.

Lateral On-Scroll Sliding with jQuery – MORE INFO / DEMO

lateral-on-scroll-sliding-with-jquery
This is a tutorial showing you how to create a really awesome parallax style timeline. You will have circular elements on one side and the descriptions on the other flying in form the sides as users scroll down.
The code is available for download.

jQuery Responsive Timeline – MORE INFO / DEMO

jquery-responsive-timeline
With the jQuery Post Timeline plugin you can show a list of post in a cool timeline. The layout (vertical) is very similar to the one we know from Facebook and good news for mobile users… is fully responsive, so it will adapt to mobile devices and tablets!

Timeliner.js – MORE INFO / DEMO

timeliner.js
With this plugin you can create an interactive historical timeline using just HTML, CSS, and jQuery.

Timeline with Configurator – MORE INFO / DEMO

timeline-with-configurator
Timeline is a jQuery plugin for adding cool a looking timeline on a web page. This could be for showing job experience, vacation events or any other activity on a visual way . You can use the built in configurator and it makes it easy to add, change and customize the timeline.

Timeline Portfolio with jQuery and CSS3 – MORE INFO / DEMO

timeline-portfolio
The Timeline Portfolio jQuery plugin have been designed for showing chronological series of events. It is possible to embed different types of media including tweets, videos and maps, and associate them with a date. This plugin may be a cool way for e.g. show client work on a timeline as part of an online portfolio.

TimelineJS – MORE INFO / DEMO

timeline.js
The TimelineJS scrips can be used for pulling in media from different sources and adding them to an interactive timeline. You simply add links to Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and TimelineJS will embed and format posts to fit the timeline.

Timeline calendar – MORE INFO / DEMO

timeline-calendar
Timeline calendar really is simple jQuery calendar designed as a timeline. It is a horizontal representation of the days in a month and it can be used to display events with descriptions in a visual and interactive way.

Chronoline.js – MORE INFO / DEMO

chronoline
Chronoline.js is a jQeury plugin you can use to create timeline from events that are then added to a horizontal timescale. The plugin generate a graphical representation of schedules, historical events, deadlines, and more from a list of dates and events.

Content Timeline – MORE INFO / DEMO

content-timeline
Content timeline is powerful and lightweight responsive jQuery/HTML5/CSS3 plugin, best for displaying any organized content. It is fully customizable, and easily implementable with any js script, video, flash etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.

jQuery Timelinr – MORE INFO / DEMO

jquery-timelinr
This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc.

Easy WordPress Timelines – MORE INFO / DEMO

easy-wordpress-timelines
The Easy WordPress Timelines plugin is really for WordPress and therefore more than a simple jQuery plugin. It makes it simple for WordPress users to create nice timelines and sliders from posts categories. The plugin includes a settings page that helps you define default parameters. Timelines are easy to add to posts and pages as you simply insert a shortcode with your custom parameters and boom!

Author : Sonny Day

Sonny M. Day is a passionate SEO and web design enthusiast who loves photography, mountain climbing, snorkeling and dirt bike riding.

jeudi 20 décembre 2012

PHP Class For Mobile Device Detection: Mobile_Detect

PHP Class For Mobile Device Detection: Mobile_Detect:

Advertise here with BSA

Mobile_Detect is an open source PHP class for detecting mobile devices.
It uses the User-Agent string combined with various HTTP headers in order to detect the mobile environment.
The class can easily understand whether the platform is mobile, tablet or desktop.
PHP Mobile Detect
Also, functions exist for detecting whether it is iPad, iPhone, Android, Blackberry, etc.
And, we can even drill-down to the versions of the platforms and browsers if needed.
It has a huge library of devices (including Nook, Nexus, Kindle, Archos..) and browsers for a stable detection.

jeudi 29 novembre 2012

OverAPI – Easily Browsable CheatSheets For Designers And Developers

OverAPI – Easily Browsable CheatSheets For Designers And Developers:

Advertise here with BSA

Cheatsheets are great as they help us quickly find the feature of a library, language, app, etc. we are using.
OverAPI is a fresh project which collects all the designer/developer cheatsheets into the same place and presents all of them in a consistent interface.
OverAPI
This not only simplifies browsing them but also saves us time on searching for the latest cheatsheets as the list is regularly updated.
Currently, it is possible to find data for many popular languages like HTML, CSS, JavaScript, PHP, Python, MySQL, jQuery, Ruby and more.Advertisements:

Simple Effects for Drop-Down Lists

Simple Effects for Drop-Down Lists:
Simple Effects for Drop-Down Lists
View demo Download source
Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.
After the great custom drop-down list styles made by Hugo in his tutorial Custom Drop-Down List Styling, we wanted to make it simple to create a custom structure from a normal select input (without multiple option selection). So, we’ve come up with this little plugin that will allow some custom styling of the drop-down list. With the generated structure it is easy to apply some simple effects in order to spice it up.
Please note that the CSS transforms and transitions only work in browsers that support them.
...
View demo Download source

Customizable Notifications With JavaScript – Alertify

Customizable Notifications With JavaScript – Alertify:
Alertify is a lightweight JavaScript library for displaying stylish notifications with ease.
The library doesn’t depend on any JS frameworks, can show notifications in a modal window and also feature growl-like messages.
Alertify - JavaScript Notifications
Notifications are unobtrusive and the outputs can be completely customized via CSS as custom classes can be attached to elements.
Callbacks exist for ok + cancel events to act accordingly and there is support for chaining to create queued dialogs.

mardi 20 novembre 2012

Implement The Impressive Paper Folding Effects

Implement The Impressive Paper Folding Effects: Paper folding animation effect is one of the newly introduced effects mainly available in touch devices. It works well with touch gestures, such as swiping to certain direction to reveal content underneath by "folding" the current view. It's a fancy effect and definitely giving its users a cool experience.

Social auth


Social Auth - L'authentification PHP 3 en 1 pour FB, Twitter et Google

Css timeline

Responsive CSS Timeline with 3D Effect

samedi 21 juillet 2012

35 Great jQuery Animation Tutorials

35 Great jQuery Animation Tutorials:
jquery animation tutorials
Since its arrival, jQuery has caught the web by storm and now it is one of the preferred solutions in creating fancy animations. This raging popularity of the JavaScript library is due in part to its being lightweight, being easy to maintain and widespread browser support. Right now, you can see jQuery effects applied in a number of ways that effectively demonstrate its power to define and control small-scale web animations.
Until newer technologies like CSS3 becomes matured with adequate support from major browsers and all, jQuery will continue to stay. We will still be seeing a lot of its application in navigation interfaces, sliders and other image display mechanisms, in enhancing web typography and more going forward.
So, to help you work your way around jQuery, we are sharing with you some of the jQuery animation tutorials available in the web now. As you will find out, these tutorials will help you acquire the skills in making different animation effects that you will need in designing interesting websites. Let us go and explore them with the view of improving our craft after every tutorial. Enjoy!



ElegantThemes
Hostgatorhttp://envato.s3.amazonaws.com/referrer_adverts/tf_260x120_v2.gif
ThemeForest
Advertisement

Animated Text and Icon Menu with jQuery

animated-text-and-menu-icon-with-jquery
This tutorial will teach you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.

Merging Image Boxes with jQuery

merging-image-boxes-with-jquery
This tutorials will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter.

jQuery hover fade method (modified)

jquery-hover-fade-method
This technique uses jQuery to modify the markup and to animate to fade transition. On the demo, you can see that the button switches on and the changes color on hover.

Animated Form Switching with jQuery

jquery-animation-tutorials
In this tutorial you will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form.

Creative Button Animations with Sprites and jQuery

creative-buttons-animation-with-sprites
Here, you will create buttons that change its color on hover.

Building an Animated Cartoon Robot with jQuery

building-an-animated-cartoon-robot
This tutorial will teach you how to make a cool animated cartoon that runs once it loads up.

Animate a hover with jQuery

animate-a-hover-with-jquery
Animate an image while hovering it and show the visitors information while doing that. Sounds simple huh? Well it is, but the effect is nice and can be nice for a portfolio.

How to Load In and Animate Content with jQuery

animate-content-with-jQuery
In this tutorial you will be taking your average everyday website and enhancing it with jQuery. You will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. Also, you will also be integrating some awesome animation effects.

Automatic Infinite Carousel

automatic-infinite-carousel
In this tutorial you will learn how to make a carousel that you can scroll infinitely by repeating the images

Animated Content Me.nu with jQuery

animated-content-menu-with-jquery
Here, you will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, the background image is going to change according to which menu item was clicked.

Beautiful Background Image Navigation with jQuery

background-image-navigation-with-jquery
In this tutorial you are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in.

Dream Night Animation with jQuery

dream-night-animation-with-jquery
This is an animation in which colored bubbles appear on random positions, grow in size and then fade out. This effect really looks so cool.

Puffing Smoke Effect in jQuery

puffing-smoke-effect
A tutorial on how to make a puffing smoke effect on the header of Gaya Design blog.

Animate Curtains Opening with jQuery

animated-curtains-opening
Tutorial on how to slide sideways and reveal additional add with jQuey article.

Create a Funky Parallax Background Effect using jQuery

scrolling-clouds
In this tutorial, we’ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.

Creating an Animated 404 Page

creating-a-nanimated-404-page
This tutorials will teach you how to create an animated 404 page, which you can easily customize and improve.

Create a unique Gallery by using z-index and jQuery

create-a-unique-gallery-using-z-index-and-jquery
In this tutorial you will create a unique picture gallery utilizing the CSS property z-index. In the example it has a pile of pictures, on the next action it puts the first picture on the last position and on the previous action it gets the picture from the last position to the first. All done just by altering the z-index, of course with a animation to underline the imagination to have a pile of pictures.

jQuery Parallax Tutorial – Animated Header Background

jquery-parallax-tutorial
This tutorial will explain in detail how to create your own parallax background effect using jQuery to manage the animation aspects of the banner which you could use for your header background.

How to Make an Impressive Animated Landscape Header with jQuery

how-to-make-an-animated-landscape-header-with-jquery
This tutorial will teach you how to create a landscape header that appears to reveal additional content.

Creating a Slick Auto-Playing Featured Content Slider

creating-a-content-playing-slider
This tutorial will teach you how to a make a slider in the sidebar to show Script & Style links, Featured Posts, and Popular Posts.

Create a Realistic Hover Effect With jQuery

realistic-hover-effect-with-jquery
This tutorial will show you how to make a rising hover effect to a set of icon using jQuery’s animate effect.  The icons used here have reflections and others with shadows.

How To Create a Cool Animated Menu with jQuery

create-a-cool-animated-effect-with-jquery
In this tutorial you’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design.

Create a Cool Animated Navigation with CSS and jQuery

create-a-cool-navigation-with-css-and-jquery
Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. This tutorial will show you how to build a really cool animated navigation menu using just CSS and jQuery.

Animate Image Filling Up Using jQuery

animate-image-filling-up-using-jquery
In this tutorial, you have images that will slide up/down above the layer and create a unique fill effect (aka paint dripping).

Crafting an Animated Postcard With jQuery

animated-postcard-with-jQuery
In this tutorial you will learn the basics of setting up a continuous animation which can be applied pretty much anywhere. Take a peek to see an outline of what you’ll be learning today.

Animated Menus Using jQuery

animated-menus-using-jquery

Build An Incredible Login Form With jQuery

create-an-incredible-login-form-with-jquery
One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we’ll also animate it.

Moving Boxes

moving-boxes
Here, you will learn how to make a slider with panels that zooms in and out slightly.

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

navigation-effect-using-jquery
Create navigation links that animate on hover with jQuery.

Learning jQuery: Revealing Photo Slider

learning-jquery-revealing-photo-slider
This tutorial will teach you how to make a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.

Using jQuery for Background Image Animations

jquery-for-background-animations
Apply beautiful background animations on buttons.

Glimmer Freestyle Animations

multiple-animations
With Glimmer, easily create interactive experiences like rotating photo-galleries/mastheads, drop-down navigation, hover effects, or custom animations like what you see here.

How to Create Animated Photo Gallery using jQuery (Slider Kit)

animated-photo-gallery-using-jQuery
Tutorial on how to make a gallery with some fancy animated effect.

Shuffle Letters Effect using jQuery

shuffle-letters-effect-with-jquery
As the name suggests, this tutorial will help you make shuffle letters with amazing effects.

Create a Stunning Sliding Door Effect with jQuery

create-slide-door-effect
This tutorial will teach you how to make an awesome four corners sliding door effect on images.

Author : Sonny Day