Category | Content | How to code this? | How it works? | Download Source |
---|---|---|---|---|
HTML5 |
||||
Canvas Tutorial | Scale, Rotate, Custom Transform | Tutorial | Demo | |
Canvas Tutorial | Composite Operations Tutorial | Tutorial | Demo | |
Canvas Tutorial | Shadow and Global Alpha Effects | Tutorial | Demo | |
Canvas Tutorial | Clipping region | Tutorial | Demo | |
Canvas Tutorial | Quadratic & Bezier Curves | Tutorial | Demo | |
Canvas Tutorial | Linear & Circular Gradients | Tutorial | Demo | |
HTML5 Canvas Tutorial - Draw Line | Draw Line in Canvas | Tutorial | Demo | |
HTML5 Canvas Tutorial - Draw Shapes | Draw Circle, Rectangle, Semicircle and Shapes | Tutorial | Demo | |
HTML5 Attributes | HTML5 Attributes - Hidden, Autofocus, placeholder, download | Tutorial | Demo | Code |
HTML5, CSS | Pure CSS Based responsive image using HTML5 | Tutorial | Demo | Code |
HTML5 | How to store data in HTML5 LocalStorage using Javascript | Tutorial | Demo | Code |
HTML5, Jquery | How to parse XML using jQuery, store in HTML5 LocalStorage and read from LocalStorage | Tutorial | Demo | Code |
HTML5, Ajax | Ajax based add and delete items for storing user settings in LocalStorage using jQuery | Tutorial | Demo | Code |
HTML5, Ajax, PHP | How to pass LocalStorage data to PHP using Ajax jQuery? | Tutorial | Demo | Code |
Pure CSS |
||||
CSS3 Transition | A simple CSS3 based navigation styles for Sliders/Slideshows/Galleries | Tutorial | Demo | Code |
CSS3 Transition | Pure CSS3 based remove effect on User profile list item | Tutorial | Demo | Code |
CSS3 Portfolio Listing | Pure CSS3 based Portfolio Listing | Tutorial | Demo | |
CSS3 Keyframe Animation | Pure CSS based infinite looping using CSS3 keyframe animation | Tutorial | Demo | Demo |
CSS3 Gradient | Pure CSS3 Gradient Textures and Patterns | Tutorial | Demo | |
CSS3 Shapes, icons | How to create pure CSS3 based creative shapes? | Tutorial | Demo | Code |
CSS | Non-Responsive Facebook like POPOVER on Hover using only CSS and no Javascript/Jquery | Tutorial | Demo | Code |
CSS | Stylish Next and Previous buttons for image Gallery using simple CSS and No Javascript | Tutorial | Demo | Code |
CSS | How to create triangles or arrows using CSS? | Tutorial | Demo | Code |
CSS3 Transitions | 10 cool Transitions and Animation effects using CSS3 | Tutorial | Demo | Code |
CSS3 Transitions | 6 awesome image hover over transitions showing like button using CSS3 | Tutorial | Demo | Code |
CSS3 wrap contents around the shape | CSS Shapes Editor Extension for Chrome | Tutorial | Demo | |
CSS3 Animations | 12 awesome preloaders using CSS3 | Tutorial | Demo | Code |
CSS Vertical Menu | Simple and effective vertical menu with smooth Transitions using CSS3 | Tutorial | Demo | Code |
CSS Hover Effects | Simple Hover Effects for Anchor texts using CSS | Tutorial | Demo | |
CSS Filters | What is CSS Filters, Its Types, Supported browsers and the Demo | Tutorial | Demo | |
CSS based 3D Cube | Animated Rotating 3D Cube using Pure CSS Techniques! | Tutorial | Demo | Code |
CSS 3D Cube Image Gallery | CSS 3D Photo Cube Gallery | Tutorial | Demo | Code |
Javascript/Jquery |
||||
CSS3, Javascript | A Cool new Horizontal menu with Animating Scroll Effect using CSS3 | Tutorial | Demo | Code |
Javascript, CSS | Floating Div for advertisements with close button using Javascript and CSS | Tutorial | Demo | Code |
Javascript, Jquery | Like Facebook and Twitter, Load Contents dynamically while scrolling using Jquery and Javascript | Tutorial | Demo | Code |
Javascript, Jquery, CSS | Simple Slideshow using CSS, Jquery and Javascript | Tutorial | Demo | Code |
Javascript, Facebook SDK | Write to Visitors Facebook wall with the click of a button using Javascript Facebook SDK | Tutorial | Demo | Code |
Chrome Extension | Create your own personal Chrome theme with full customization and no programming knowledge | Tutorial | ||
CSS, Jquery | How to create Flipboard/Book style page-flips using CSS & Jquery Plugins | Tutorial | Demo | Code |
CSS, Javascript | Different colored stylish variable width menus with text-transition using CSS | Tutorial | Demo | Code |
TAAG Tool | How to convert text into ASCII Art text using TAAG Online Tool | Tutorial | ||
PHP | How to extract image src from HTML Content using PHP | Tutorial | Demo | Code |
Yahoo Pipes | Yahoo Pipes web service implements pagination to its feeds in blocks of 100! | Tutorial | ||
Ajax | How to dynamically load contents on previous and next navigation buttons click using Ajax | Tutorial | Demo | Code |
Jquery | How to make Cross-Domain request and retrieve content using jQuery | Tutorial | Demo | Code |
CSS, Jquery | Create Stunning Animating Background Colors using jQuery! | Tutorial | Demo | Code |
Wordpress |
||||
Wordpress | How to count number of posts between specific dates by a contributor? | Tutorial | Demo | |
Wordpress | How to dynamically load contents on previous and next navigation buttons click using Ajax | Tutorial | Demo | Code |
Wordpress | Learn to integrate MailMan with WordPress for easy subscription of Visitors | Tutorial | ||
Wordpress | How to change the default .admin. username of your WordPress Blog? | Tutorial | ||
Wordpress | How to remove query string from WordPress URL and Why you should? | Tutorial | ||
Wordpress | What are WordPress Security Keys and Why you should add them in wp-config.php? | Tutorial | ||
Wordpress | How to avoid jQuery-migrate.js from loading in WordPress 3.6? | Tutorial | ||
Wordpress | How to hide secondary feed urls in WordPress? | Tutorial | ||
Wordpress | How to remove unnecessary meta tags and data from WordPress pages? | Tutorial | ||
Wordpress | How to use WordPress functions/posts outside the WordPress directory | Tutorial | Demo | Code |