Demos

Read all posts Tagged for this section

Draw Custom Shapes, Circle, Semicircle and Rectangle – HTML5 Canvas Tutorial

If you are new to HTML5 Canvas Tutorial, then checkout our previous article that talks about ...

A Beginners guide to HTML5 Canvas – Draw Line

Once I happened to attend HTML5 Event in India and then, I started realizing the power of HTML5. I wish to write lot of HTML5 ...

How to create patterns or textures with CSS3? [Tutorial, Example, Demo ]

This topic might be of interest to you if you are a web developer. While many UI developers were brainstorming to get a perfect background to suit the website, patterns or textures came to an answer, which simply solved the ...

How to create pure CSS3 based creative shapes? [ Demo, Download ]

I was browsing through the web and was excited and inspired to see many websites having little to no images these days! Wonder how?! The answer is simple, and its CSS3. I am sure CSS3 with HTML5 will turn out ...

How to create Triangles or Arrows using CSS? – Demo

As a web developer, you might want to create triangles or arrows for your website. There are couple of ways to achieve this; first option is to use images and the second one using CSS. Unlike images, CSS is lightweight ...

What is CSS Filters, Its Types, Supported browsers and How to – Demo as well

If you are a fan of Instagram, then you must be aware of filters. Filters are the most common feature in photo editing tools, but it is also quite popular among web developers. Filters are really useful feature that allows ...

How to pass LocalStorage data to PHP using Ajax jQuery

Here is a scenario : "A shopping website will have the cart. User goes on adding items to his cart. Finally when shopping completed, the list of all the items added to the cart should be shown". Solution : Use LocalStorage ...

Ajax based add and delete items for storing user settings in LocalStorage using jQuery

In this following webmaster guide, i will be showing you, how to accept user input, store, retrieve and delete in Local Storage using jQuery. In the demo and download, i will be requesting for RSS Feed URL, which i will be ...

How to make Cross-Domain request and retrieve content using jQuery

If you are trying to retrieve data from a RSS feed using JavaScript, then you are likely to get the below error message : XMLHttpRequest cannot load http://engadget.com/rss.xml. Origin http://your-domain.com/ is not allowed by Access-Control-Allow-Origin. Below i will be showing you how ...

How to dynamically load contents on previous and next navigation buttons click using Ajax

In continuation to my previous posts "How to use WordPress functions/posts outside the WordPress directory", here i will be showing you how to load more contents from WordPress using Ajax ...

vps germany

Yahoo Pipes web service implements pagination to its feeds in blocks of 100 !

Recently was working on a project to combine RSS feeds from multiple sources and display the latest news. To combine the RSS feeds i used Yahoo Pipes web service as it was very easy to configure, maintain and for scalability. ...

How to use WordPress functions/posts outside the WordPress directory

Many of us (webmasters) will try develop an app/extension for chrome or any such to showcase the great contents from the website. So in a way one has to develop from scratch, which is time consuming !. To cut short, ...

How to parse XML using jQuery, store in HTML5 LocalStorage and read from LocalStorage

Creating an app or a website to display top news from various websites is a challenging one. In the process, first retrieving a RSS/XML, parsing it and display it takes quite a long time. To load faster for better user ...

How to store data in Browser’s HTML5 LocalStorage using Javascript

With HTML5, large amounts of data can be stored locally on a user's computer browser avoiding server request every time and being web storage secure and faster. The data is stored in key/value pairs, and a web page can only ...

How to extract image src from HTML Content using PHP

If you are looking to load images from RSS Feeds, then you better need to know on how to parse the content to get the image source, as some of the RSS Feeds will not have the content:media tag explicitly. ...

How to convert text into ASCII Art text using TAAG Online Tool

Recently i wrote few lines of code and was very reluctant to publish without copyright information. Then i wrote few lines of text about terms and conditions, but still wasn't impressed about the way it was shown. Then thought of ...

Different colored stylish variable width menus with text-transition using CSS

Webmaster should always think of simple, attractive and fast loading menus, due to which the visitor experience on the website increases and makes him to comeback again. This increases your returning visitors and in-turn popularity. Here i will be showing ...

How to create Flipboard/Book style page-flips using CSS & Jquery Plugins

Web developers develop the effects that are inspired by the real world examples. Page-flips are one of the most popular ones of them in web design. Flipboard style is one such famous page flip effect implementd which gives your web ...

Create your own personal Chrome theme with full customization and no programming knowledge

Google's Chrome browser is not just fast but also has the ability to customize its appearance with the use of themes. Google Chrome web-store has lots of decent themes to chose from, but if you're not thrilled with the existing ...

  1. Pages:
  2. 1
  3. 2
  4. 3