796 shaares
64 results
tagged
jQuery
When looking at personal sites of web designers and developers, you’ll often see a lot of unique (and sometimes insane) concepts and designs that you’d never see on any ‘real world’ website. Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. This often goes a long way in showing both your own personality, and the ability to think a little differently from the herd.
We’re going to use one of my own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.
We’re going to use one of my own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.
I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action.
After a two and a half year delay, and a lot of hard work, the new 1.9 version of jQuery UI was finally released. jQuery UI 1.9 supports the latest stable release of jQuery all the way back to version 1.6. With many bug fixes and lots of changes, this is a significant step forward for the library.
Bootsnipp is an element gallery for web designers and web developers, anybody who is using Bootstrap will find this website essential in their craft.
Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.
Bootstrap est un framework CSS & Javascript conçu pour accélérer et faciliter vos développements «front-end». C’est devenu le couteau suisse du web : on y trouve une lame adaptée pour chaque besoin, ou presque. Une fois que Bootstrap est mis en place, l’intégrateur web dispose d’un coup de nombreux outils CSS et Javascript pour créer des maquettes et des éléments d’interface à l’aide de classes qu’il suffit de placer sur les éléments HTML appropriés (listes, div, etc).
jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside the browser when you click the width you want. It’s dead simple.
When you publish something online, there are not that many ways to determine whether people like what you have to say. Comments, the cornerstone of blogging, are too demanding, and users often prefer not to post one. If you’ve dropped by Behance, you’ve probably noticed their appreciate badge, which is a neat solution to this exact problem. With it people share their appreciation for somebody’s work.
Today we are implementing such a badge, which you can include in every page of your website with a bit of jQuery magic. So go ahead and download the zip from the button above (PSD included!) and continue with the tutorial.
Today we are implementing such a badge, which you can include in every page of your website with a bit of jQuery magic. So go ahead and download the zip from the button above (PSD included!) and continue with the tutorial.
I've been trying to come up with a way of implementing a sensible solution to the impending EU cookie law due to be enforced on 26th May. I wanted to develop something I could use easily and add to all of my client websites and my own websites with a really quick and configurable implementation.
I've come up with a tailorable solution, depending on how you or your client chooses to “interpret” the new law.
I've come up with a tailorable solution, depending on how you or your client chooses to “interpret” the new law.
In our new tutorial I would like to show you how to create really modern and stylish settings page. Lets assume that you’ve had an own project. And, you are looking how to create admin panel for your project with some settings. If so – just continue reading and check our demonstration. In order to make this page with options I use jQuery mobile library. I think that this is really great library to create such pages as settings page.
TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.
This jQuery plugin is a free and lightweight content slider for creating cool 3D (and 2D) slideshows for featured content on your website.
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.
Performance optimization is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In this talk, we're going to take a look at some of the best practices, tips and tricks for improving the performance of your jQuery code in 2011 with some quick wins and a few new surprises along the way.
In order to make our websites compatible with the EU Cookie Law easily and quickly, here are 2 handy jQuery plugins that will help managing cookies + asking user's permissions for storing them
I wanted to take this technique and port it to another jQuery example. So the quickie for today is Unlimited scroll using jQuery. I've using the Twitter API to make the example, so you'll learn a little bit about JSON too.
Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.
It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.
Tooltips are a useful way to present additional, context-sensitive information about an element on a web page, such as a hyperlink. As tooltips continue to become more common as a means for users to interact with web page elements, the need for good tooltip design has become more important.
Ultra modern and stylish vertical navigation using css and jQuery which would be ideal for your next admin panel and would looks great in an iPad application.
The navigation uses a jQuery flyout menu to display child items with a cool looking apple-styled textured background.This vertical navigation menu comes in a choice of four colour including lime, blue, pink and orange.
The navigation uses a jQuery flyout menu to display child items with a cool looking apple-styled textured background.This vertical navigation menu comes in a choice of four colour including lime, blue, pink and orange.