32 private links
Today we are going to use jQuery and CSS3 rotations, along with the jQuery rotate plugin, to create a beautiful slideshow. You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.
Every designer and developer wants cheat sheets to speed up their work and for fast reference. There are plenty of cheat sheets available online, but today I have compiled a collection of cheat sheets which can be used as desktop wallpapers; for super fast reference. You just have to click “Show Desktop” button and your cheat sheet will be in your sight. I hope you will like this collection.
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 recover data from a MySQL database via PHP in a way asynchronous
In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.
In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to use the little thumbnails preview part only.
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. There are so many jQuery slide show plug-ins to choose from and is very easy to implement them into your blog or Portfolio. In this article I collect 12 must see jQuery slideshow plugins and tutorials for the help of web designers. I hope you guys will like these slideshows.
Z serii ciekawe pluginy jQuery mam dzisiaj dla was jQuery File Upload. Oprócz standardowego uploadowania plików mamy możliwość skorzystania z paska postępu, a dodane już pliki możemy bez problemu usunąć. Do listy możliwości oferowanych przez plugin można również zaliczyć:
obsługa drag and drop
możliwość przerwania uploadu pliku
niewymagany Flash. Wszystko oparte o HTML5 i JavaScript
możliwość uploadowania plików do innej domenyDo poprawnego działania plugin wymaga jQuery w wersji 1.4 oraz jQuery UI 1.8. Teoretycznie plugin działa w każdej przeglądarce (nawet IE6), w praktyce niektóre funkcjonalności w zależności od przeglądarki są okrojone.
Once upon a time, grayscale image has to be manually converted in order to be displayed on the web. Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I’ve put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale
Last week I debuted a popular blog post titled Create Spinning, Fading Icons with CSS3 and MooTools. The post detailed how you could leverage CSS3's transformations and opacity properties, as well as the magical MooTools JavaScript framework, to create spinning, fading, animated icons. Due to popular request, I've duplicated the effect with another popular JavaScript toolkit: jQuery.
jQuery plugins can enhance the usability, functionality and overall experience for any website, and they can also significantly save development time when creating a new website. Although there are a lot of different jQuery plugins to choose from, and generally it depends on what your project is, there are some jQuery plugins that are useful for a variety of projects.
Here you’ll find some useful jQuery plugins for any project that you’re working on. Best of all, you can use them right out of the box or even modify them a bit to to meet your specific needs.
Charts and graphs are graphical representation of data that organizes and represents a set of numerical or qualitative data used for analysis such as bar graphs, line charts and pie chart. Are you tired of lame and not-easy to deal with graphs and charts?
There are techniques that will lessen the static images and create more accessible content of the charts and graphs. Techniques in using CSS, jQuery plugins ,and online chart tool generator are some of the few things you can do about your charts and graphs.
Here are some techniques to style up you charts and graphs:
Image galleries are most important element of any website. Here, I have created a simple jQuery based flipped image gallery. On hover the images will expand. Its simple and stylish gallery. My previous jquery image gallery was appreciated and I thought to give my readers an other one. Hope you will like it. Thanks.
This is my third tutorial on the Google Maps API v3. I’m going to show you how to use some other google maps features by building an interactive travel map. Everyone will be able to add new locations on the map and view the locations added by others. We will also be using MySQL databases to store the values of different locations so let’s get started.
What google maps features you’ll learn?
* Adding a map to your site
* Adding controls for the map and settings the options for the controls
* Responding to events
* Adding markers, settings options for markers and dynamically changing marker settings
* Geocoding a location
* Creating tabbed infowindows (using jquery, jquery ui and some sample code from google code)jQuery is a most powerful tool for web designing. It can transform a web page to an entertaining and variable. jQuery is very popular for its very easy implementation. In this article you can see 20 most efficient jQuery lightbox plugins that will be very much useful for your next design. Enjoy!
You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts.
All uses of canvas you’ve come so far are probably limited to games and other proof of concept demos. Today, however, we are doing something practical – we are making a progressively enhanced slideshow with a fancy transitioning effect, which is perfectly functional in older browsers as well.
The HTML5 <video> element is already supported by most modern browsers, and even IE has support announced for version 9. There are many advantages of having video embedded natively in the browser (covered in the article Introduction to HTML5 video by Bruce Lawson), so many developers are trying to use it as soon as possible. There are a couple of barriers to this that remain, most notably the problem of which codecs are supported in each browser, with a disagreement between Opera/Firefox and IE/Safari. That might not be a problem for much longer though, with Google recently releasing the VP8 codec, and the WebM project coming into existence. Opera, Firefox, Chrome and IE9 all have support in final builds, developer builds, or at least support announced for this format, and Flash will be able to play VP8. This means that we will soon be able to create a single version of the video that will play in the <video> element in most browsers, and the Flash Player in those that don't support WebM natively.