Adaptive Images with php and javascript

Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.Features: Works on your existing site Requires no mark-up changes Device agnostic Mobile-first philosophy Easy & powerful customisations Up and running within minu...

Read More

Bear CSS : jQuery build a solid stylesheet foundation based on your markup

Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup.Bear CSS was created using a combination of HTML5/CSS, jQuery and PHP, with some help from the following plugins: PHP Simple HTML DOM Parser Upload...

Read More

jQuery File Upload

File Upload widget with multiple file selection, drag&drop support, progress bar and preview images for jQuery.Supports cross-domain, chunked and resumable file uploads.Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploa...

Read More

Javascript Turn HTML Tables Into Advanced Editable Components : EditableGrid

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running. You can use the EditableGrid library in two ways: Hook up to an existing HTML table Build your grid from an XML description of the table structure and conte...

Read More

zGrid : PHP / AJAX / jQuery based Grid System

I have developed a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGr...

Read More

Creating a tweet / share system with jQuery

With the advent of social networking sites the standards of web development have really improved, Sharing what is on your mind can take less than 140 characters and more for other sites like facebook and the new kid on the block google plusIn this tutorial we are going to create a sharing system emulating the one at twitter using jQuery, PHP and a database to store the twee...

Read More

Building an AJAX currency converter with PHP, jQuery and Google

As you may already know, Google has a calculator feature built in their search engine, which can be used to convert measures, currencies, get stock quotes, weather data and many other features. You can see this features explained here.Why wouldn’t we use it for something useful and build a simple AJAX currency converter using Google currency converter feature? We need some time, jQuery, Google, great music and of course, this tutori...

Read More

jQuery Mobile Advanced Tutorial – RSS reader app

Today’s tutorial is going to show you how you can use jQuery Mobile with PHP, MySQL and a bit of AJAX to build a small mobile web application.At the end of this tutorial you will know how to add new RSS feed name and url into the database, how to delete the record from the database, how to fetch and parse a RSS feed and show its results inside jQuery Mobile list vi...

Read More

jQuery Spell Checker

SpellChecker is a jQuery plugin used to check the spelling of a HTML element. The plugin comes with an example PHP script that supports two type of spell checking engines: PHP’s Pspell extension for aspell Google’s spell checking servicesIf you are able to use Pspell, you will have greater control over your dictionary (with the ability to manage your dictionary word...

Read More

Carbon Fiber Signup Form With PHP, jQuery and CSS3

A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery mag...

Read More

How to Create a Time Based CSS Style Sheet Switcher with jQuery

Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use “Day” and “Night” type of style switchers that automatically change the site theme based on the time of day.This tutorial shows you how to create a time based CSS style sheet switcher using PHP that lets you change multiple style sheets at once at specific times of the day. There’s also a little bit of jQuery UI thrown in just for f...

Read More

How to Build an RSS Reader with jQuery Mobile

Today, we’ll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We’ll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your own custom mobile web ap...

Read More

Nodstrum - jQuery Auto Completer

I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more...

Read More

Pulling Your Flickr Feed with jQuery

Feeds are the easiest way to view updated content, whether it's through a feed reader or outputted onto a web site. There are many different types of feeds, such as RSS or Atom, and many different ways display them on your site, such as using MagpieRSS to parse an RSS feed in PHP. However, you can also display feeds on your site using JavaScript, so in this post I'm going to be talking about a feed format called JSON and how you can use JavaScript to parse it out and display it.....

Read More

Chained AJAX Selects in jQuery

In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a databa...

Read More

HTML5 File Uploads with jQuery

Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you li...

Read More

jQuery Multi-level Photo Map

This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each one has a set of images, and the second level shows each single image and its location. Using Google Maps, we’ll have the location shown on the left side while the images of a location are shown on the right. The images can be viewed in medium size mode or in full lightbox-like mode. The map has a fullscreen option which will show the thumbnails of the images in their locati...

Read More

Google Plus Style Drag and Drop adding Groups with jQuery

Are you looking for Google plus style drag and drop adding friends in groups or circle. Google plus circle implementation so cool, same way I have tried similar user groups adding application with drag and drop effect using jquery and p...

Read More

jQuery charToTable plugin

I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?The idea evolved and I started to write a new jQuery plugin, charToTable.I really don't know if someone will find it useful, but it actually works fine.It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matr...

Read More

Create a shoutbox using PHP and AJAX (with jQuery)

Continuing with the tutorials about AJAX and jQuery we will create a stunning and dynamic shoutbox based in PHP and AJAX (using jQuery).We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recoverdata from a MySQL database via PHP in a way asynchrono...

Read More