rbardini.com - tagged with jquery http://rbardini.com/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron rafael@rbardini.com Get Users Location With jQuery and AJAX http://rbardini.com/items/view/2924/get-users-location-with-jquery-and-ajax

Ever needed to know where your user is from? Ever needed to do it with jQuery / AJAX? Today my friend you are in luck. This article will show you how to get the user’s location using jQuery, AJAX and the users IP.

]]>
Sat, 04 Sep 2010 13:04:00 -0300 http://rbardini.com/items/view/2924/get-users-location-with-jquery-and-ajax
html5form http://rbardini.com/items/view/2876/html5form

HTML5 validates forms without additional JavaScript. Currently only Safari amp; Google Chrome supports this functionality. This plugin gets the same result in Firefox amp; Internet Explorer with a single line of code.

]]>
Wed, 25 Aug 2010 16:57:00 -0300 http://rbardini.com/items/view/2876/html5form
So So Social http://rbardini.com/items/view/2837/so-so-social

The So So Social plug-in uses jQuery and YQL (Yahoo Query Language) to gather RSS feeds from your various social networks and sorts them into an quot;activity feedquot;. It basically creates a news feed out of your social networking activity. Think of it like the news feed on Facebook but for you and your various social networking news.

]]>
Tue, 10 Aug 2010 17:21:00 -0300 http://rbardini.com/items/view/2837/so-so-social
InputNotes http://rbardini.com/items/view/2803/inputnotes

InputNotes is a jQuery plugin to add notes below textareas and input fields based on regex patterns.

]]>
Fri, 30 Jul 2010 21:34:00 -0300 http://rbardini.com/items/view/2803/inputnotes
Making Your First Google Chrome Extension http://rbardini.com/items/view/2715/making-your-first-google-chrome-extension

Extensions in Google Chrome are basically webpages. You have javascript files, stylesheets and images. You can even use JavaScript libraries like jQuery. The extensions are, however, treated a bit differently than your regular webpage, which is displayed in the browser. You can have access to all the opened tabs, to the user’s browsing history, you can manipulate all the pages that are opened, send AJAX requests to any website and much more.

]]>
Sun, 04 Jul 2010 18:14:00 -0300 http://rbardini.com/items/view/2715/making-your-first-google-chrome-extension
Awesome Cufonized Fly-out Menu with jQuery and CSS3 http://rbardini.com/items/view/2697/awesome-cufonized-fly-out-menu-with-jquery-and-css3

In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.

]]>
Wed, 30 Jun 2010 20:29:00 -0300 http://rbardini.com/items/view/2697/awesome-cufonized-fly-out-menu-with-jquery-and-css3
How Secure Is My Password? http://rbardini.com/items/view/2692/how-secure-is-my-password

Find out how long it would take a standard desktop PC to crack your password.

]]>
Tue, 29 Jun 2010 21:58:00 -0300 http://rbardini.com/items/view/2692/how-secure-is-my-password
Sponsor Flip Wall With jQuery http://rbardini.com/items/view/2690/sponsor-flip-wall-with-jquery

Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design. We are using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

]]>
Tue, 29 Jun 2010 14:57:00 -0300 http://rbardini.com/items/view/2690/sponsor-flip-wall-with-jquery
Building a fancy jQuery header feature http://rbardini.com/items/view/2623/building-a-fancy-jquery-header-feature

I’ve recently been working on a project where a client came to me with an idea to create a feature on their homepage which shows three sections of dynamic content. This lead me to think about writing a tutorial on how to create a jQuery feature such as this.

]]>
Sun, 30 May 2010 21:48:00 -0300 http://rbardini.com/items/view/2623/building-a-fancy-jquery-header-feature
Lightbox_me http://rbardini.com/items/view/2618/lightbox-me

Lightbox_me is an essential tool for the jQuery developer#039;s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

]]>
Sat, 29 May 2010 23:32:00 -0300 http://rbardini.com/items/view/2618/lightbox-me
Make Your Own Bookmarklets With jQuery http://rbardini.com/items/view/2598/make-your-own-bookmarklets-with-jquery

Because they run on JavaScript (a client-side programming language), bookmarklets (sometimes called quot;faveletsquot;) are supported by all major browsers on all platforms, without any additional plug-ins or software needed. In most instances, the user can just drag the bookmarklet link to their toolbar, and that’s it! In this article, we#039;ll go through how to make your own bookmarklets, using the jQuery JavaScript framework.

]]>
Sun, 23 May 2010 22:12:00 -0300 http://rbardini.com/items/view/2598/make-your-own-bookmarklets-with-jquery
How to Create a jQuery Bookmarklet http://rbardini.com/items/view/2593/how-to-create-a-jquery-bookmarklet

I suspect many of my readers have written at least one jQuery Plugin. In this post, I’d like to show you how to get the most out of that script by also releasing it as a jQuery Bookmarklet.

]]>
Sat, 22 May 2010 14:24:00 -0300 http://rbardini.com/items/view/2593/how-to-create-a-jquery-bookmarklet
Flip! http://rbardini.com/items/view/2572/flip

Flip is a jQuery plugin that will flip easily your elements in four directions.

]]>
Fri, 14 May 2010 18:24:00 -0300 http://rbardini.com/items/view/2572/flip
Like it? Tweet it! http://rbardini.com/items/view/2571/like-it-tweet-it

"Like it? Tweet it!" is a jQuery-powered JavaScript widget that enables visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embedded in the input field.

]]>
Fri, 14 May 2010 16:54:00 -0300 http://rbardini.com/items/view/2571/like-it-tweet-it
jStorage http://rbardini.com/items/view/2495/jstorage

jStorage is a simple wrapper plugin for Prototype, MooTools and jQuery to cache data on browser side. It makes use of HTML5 local storage where available and userData behavior in Internet Explorer older versions.

]]>
Sat, 17 Apr 2010 18:29:00 -0300 http://rbardini.com/items/view/2495/jstorage
Coin Slider http://rbardini.com/items/view/2471/coin-slider

jQuery image slider plugin with unique effects.

]]>
Thu, 08 Apr 2010 01:28:00 -0300 http://rbardini.com/items/view/2471/coin-slider
jQAPI http://rbardini.com/items/view/2463/jqapi

Alternative jQuery documentation. The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. The only thing that bugs me is the way we have to find the right documentation for what we search for.

]]>
Sat, 03 Apr 2010 02:09:00 -0300 http://rbardini.com/items/view/2463/jqapi
Implement SpaceGallery MouseWheel http://rbardini.com/items/view/2122/implement-spacegallery-mousewheel

Still remember jQuery plugin named SpaceGallery? Now I wanna combine it with another interesting jQuery plugin, MouseWheel. SpaceGallery is a jQuery plugin helping you make image stack. MouseWheel is a jQuery plugin made by Brandon Aaron for reading direction and velocity from your mouse scrolling movement. With MouseWheel, you can make an application which is able to interact with your application user’s scrolling mouse.

]]>
Fri, 08 Jan 2010 17:06:00 -0200 http://rbardini.com/items/view/2122/implement-spacegallery-mousewheel
jQuery pageSlide http://rbardini.com/items/view/2061/jquery-pageslide

jQuery pageSlide was inspired by the UI work of Aza Raskin. Aza introduced the idea of sliding (or quot;throwingquot;) content aside to reveal a secondary content pane. This plugin allows any developer to recreate a similar interaction on their own website using a few simple lines of Javascript. By attaching the method to an anchor tag, pageSlide wraps the original body content into a wrapper and creates an additional block for the secondary content load. The slide is animated whenever the click event is invoked.

]]>
Thu, 31 Dec 2009 18:07:00 -0200 http://rbardini.com/items/view/2061/jquery-pageslide
jQuery Tools http://rbardini.com/items/view/2033/jquery-tools

jQuery Tools is a collection of the most important user-interface components for today#039;s websites. This single JavaScript file contains six of the most useful JavaScript tools available for today#039;s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library.

]]>
Sun, 27 Dec 2009 14:14:00 -0200 http://rbardini.com/items/view/2033/jquery-tools