recentpopularlog in

rtopitt : jquery   77

Ben Alman » jQuery throttle / debounce: Sometimes, less is more!
jQuery throttle / debounce allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds. Passing a delay and callback to $.debounce returns a new function that will execute only once, coalescing multiple sequential calls into a single execution at either the very beginning or end.
javascript  jquery  plugin  throttle  rate  limit 
july 2014 by rtopitt
kossnocorp/jquery.turbolinks - jQuery plugin for drop-in fix binded events problem caused by Turbolinks
Do you like Turbolinks? It's easy and fast way to improve user experience of surfing on your website.

But if you have a large codebase with lots of $(el).bind(...) Turbolinks will surprise you. Most part of your JavaScripts will stop working in usual way. It's because the nodes on which you bind events no longer exist.

I wrote jquery.turbolinks to solve this problem in my project. It's easy to use: just require it immediately after jquery.js. Your other scripts should be loaded after jquery.turbolinks.js, and turbolinks.js should be after your other scripts.
ajax  jquery  plugin  turbolinks  rails  compatibilidade  javascript 
march 2014 by rtopitt
Turbolinks Compatibility
A collection of tutorials for how to get your favorite javascript libraries, plug-ins, and snippets working with Turbolinks.
javascript  rails  turbolinks  ajax  plugin  compatibilidade  jquery  reference 
march 2014 by rtopitt
The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
javascript  jquery  plugin  data  hora  campo  html  webdesign  responsive  mobile  interface 
february 2014 by rtopitt
Embedding HipChat — HipChat Blog
Ever wanted to embed a little chat panel into your page? Well, now you can with the jQuery HipChat Plugin.
hipchat  html  jquery  how-to  embed  chat  javascript  myfreecomm 
november 2013 by rtopitt
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
javascript  jquery  plugin  select  autocomplete  webdesign  interface  html 
june 2013 by rtopitt
Don't spoil it! Hide anything with a bit of blur. Hint on mouseover. Reveal on click.
javascript  jquery  plugins  biblioteca  spoiler  hahaha  bizarrice 
june 2013 by rtopitt
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
javascript  jquery  plugin  select  autocomplete  webdesign  interface  html 
may 2013 by rtopitt
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
jquery  javascript  ajax  upload  arquivo  biblioteca  drag_and_drop  html 
april 2012 by rtopitt
Form validation with jQuery from scratch | webcloud
In this article I'll show you how to build a simple, yet powerful and extensible jQuery form validation plugin
jquery  javascript  formulário  validação  how-to  plugin  html 
april 2012 by rtopitt
JQuery Price Format - Plugin to format input text fields as prices and monetary values
jQuery Price Format is a plugin to format input text fields as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes and separators (for example, use it to get R$ 1.234,55).
jquery  plugin  dinheiro  formatação  formato  input  html 
april 2012 by rtopitt
How to do click hijack right
When hijacking links to replace them with Ajax functionality, make sure you handle only left clicks with no keyboard modifiers
ajax  hijack  javascript  jquery  link  clique  html  teclado  tip 
april 2012 by rtopitt
jQuery Waypoints
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page. Take a look at a few examples.
javascript  jquery  plugin  scroll  página  rolamento  importante  biblioteca  html  webdesign 
april 2012 by rtopitt
✔ h5Validate - The HTML5 Form Validation Plugin for jQuery
h5Validate is a jQuery plugin that understands HTML5 forms and knows how to validate them, even in browsers that don’t yet support HTML5.

In browsers that do support HTML5, h5Validate adds some much-needed features, such as the ability to customize the user interface when an input fails validation.
jquery  html5  html  validação  plugin  navegador  javascript  formulário 
april 2012 by rtopitt
Slides, A Slideshow Plugin for jQuery
Slides is a new simple slideshow plugin for jQuery including features like looping, auto play, fade or slide transition effects, crossfading, image preloading, auto generated pagination and more.
jquery  javascript  slideshow  plugin  imagem  carrossel  webdesign  gallery 
november 2010 by rtopitt
activo is a theme for Web-app-theme, Formtastic and Attrtastic
Activo was originally developed as a theme for the web-app-theme plugin. It was extended and now includes two extra stylesheets - one for formtastic and the other for attrtastic. It also comes with some css for the jQuery library, including the datePicker plugin. You can use only the ones you need. Try the live demo.
tema  theme  css  webdesign  plugin  formtastic  webapp  jquery  html  inspiração  importante 
november 2010 by rtopitt
Quick Tips for the Casual jQuery Developer « Pedro Mateus Tavares
So the lastest technical book I’ve been reading is Learning jQuery by Jonathan Chaffer and Karl Swedberg. The book is very interesting and comes packed with a bunch of neat little tricks that come in handy for a casual jQuery developer. With that said I decided to, again, get the most interesting parts and write them down for later referencing.
jquery  top10  javascript  dom  tip 
october 2010 by rtopitt
Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites - Smashing Magazine
Interactivity can transform a dull static website into a dynamic tool that not only delights users but conveys information more effectively. In this post, we’ll walk through five different coding techniques that can be easily implemented on any website to provide a richer user experience.
javascript  animação  top10  webdesign  css  html  jquery  inspiração  tip 
october 2010 by rtopitt
38 jQuery And CSS Drop Down Multi Level Menu Solutions
Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well.
javascript  jquery  css  webdesign  menu  drop-down  top10  navegação  formulário  twitter  vimeo  login  inspiração  plugin  interface  tip 
september 2010 by rtopitt
Cached Commons - Caching and Compressing Javascripts and Stylesheets since 2009
Cached Commons is a collection of user-contributed javascript libraries that have been cached, optimized, and hosted on Github’s fast CDN. If a library is missing from this collection, post a request on Github and we’ll add it immediately. The readme has all the details.
javascript  compressão  cdn  github  lista  jquery  cache  css  biblioteca  otimização  download  reference 
september 2010 by rtopitt
Fluid 960 Grid System | 16-column Grid
Versão fluida do 960 Grid System, com integração a jQuery
css  webdesign  framework  fluid  grid  960  javascript  jquery  layout  html  importante 
august 2010 by rtopitt
Removing, Replacing and Moving Elements in jQuery
Learn how to use jQuery to easily remove elements from the page, replace elements, and move elements around.
jquery  javascript  how-to  html  webdesign  dom  tip 
august 2010 by rtopitt
Adding Elements to the Page in jQuery
How to add content to a page using the jQuery methods prepend(), prependTo(), append(), appendTo(), before(), insertBefore(), after(), insertAfter(), wrap(), wrapAll() and wrapInner().
jquery  javascript  how-to  html  webdesign  tip 
august 2010 by rtopitt
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on. Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.
html5  framework  css3  html  css  webdesign  htaccess  javascript  jquery  template  modelo  importante  boa_prática  reference 
august 2010 by rtopitt
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus
The developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.
upload  rails  javascript  flash  html5  plugin  jquery 
august 2010 by rtopitt
flot - Project Hosting on Google Code
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. The plugin works with Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ with the HTML canvas tag (the excanvas Javascript emulation helper is used for IE).
javascript  gráfico  software_livre  jquery  plugin  importante  riopro 
august 2010 by rtopitt
Dynamic FAQ Section w/ jQuery, YQL & Google Docs – Tutorialzine
In this tutorial, we are making a dynamic FAQ section. The script, with the help of jQuery & YQL, will pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with questions and answers.
faq  jquery  yql  google  docs  how-to  webapp 
august 2010 by rtopitt
jQuery Confirm Plugin | Nadia Alramli's Blog
This plugin displays a confirmation message in place before doing an action. It does not require adding any extra code apart from a call to the plugin itself. One call to $(element).confirm() will do the magic. Also, this plugin doesn't require you to provide a callback function; it figures it out on its own.
jquery  javascript  plugin  confirmação  webdesign 
july 2010 by rtopitt
JQuery File Upload Plugin Script - JQuery File Upload Script - Uploadify
Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it. Uploadify is available under the GPL and MIT licenses. This allows Uploadify to be used in a number of applications and commercial products.
jquery  plugin  javascript  flash  upload  webapp  importante 
july 2010 by rtopitt
jqPlot Charts and Graphs for jQuery
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use. jqPlot is an open source project by Chris Leonello.
javascript  jquery  plugin  gráfico  importante  biblioteca  linha  barra  pizza  webdesign  estatística 
july 2010 by rtopitt
Star Rating widget for jQuery UI
The Star Rating widget is a plugin for the jQuery javascript library that creates a non-obstrusive star rating control based on a set of radio buttons or select option.
javascript  rating  estrela  importante  jquery  plugin  webdesign  riopro 
june 2010 by rtopitt
Adicionando um ‘Carregando…’ em todas as requisições Ajax com uma linha de código
Caso estejam trabalhando com jQuery e precisem de uma imagem/mensagem estilo “Carregando…” em todas suas requisições Ajax, o plugin jquery.loading fornece essa funcionalidade com somente um linha de código
jquery  plugin  ajax  mensagem  carregando  how-to  importante 
june 2010 by rtopitt
Loadig | Plugins | jQuery Plugins
Provides trivially easy way to notify users that a request is being loaded and processed in the background, so that they know their action was received and the page has not frozen. Just toggle the message (or image or any element) on or off with $.loading() or $('#foo').loading(). The plugin handles creation and positioning and "pulsing" of the message for you. It also provides a 'mask' option to block the UI (at the call level) while the loading message (or image or any element) is running. You can tell it to automatically toggle on ajaxStart/ajaxStop with the 'onAjax' option. You can tell it to automatically terminate after a specified time with the 'max' option. You can tell it to only show if the loading takes longer than a specified time with the 'delay' option. And so on... Think of this as a cleaner, more user-friendly $.blockUI, where the blocking part is optional.
jquery  plugin  ajax  carregando  mensagem  ui  interface  importante  webdesign 
june 2010 by rtopitt
Recipe: Ajax searching and filtering - GIANT ROBOTS SMASHING INTO OTHER GIANT ROBOTS
Exemplo de interface de busca ajax simples & avançada em Rails usando jQuery e Searchlogic.
busca  ajax  searchlogic  rails  how-to  screencast  inspiração  importante  interface  cucumber  jquery  ruby  tip 
may 2010 by rtopitt
Some Advanced jQuery Techniques | TutToaster
Here I’ll explain to you some of the good practices and techniques we should be using right now for taking advantage of all this framework can offer us.
javascript  jquery  how-to  seletor  dom  tip 
may 2010 by rtopitt
Validando senhas fortes com Ruby on Rails e JavaScript — Simples Ideias. Por Nando Vieira.
Em muitos projetos, é importante que o usuário informe senhas que tenham um mínimo de complexidade, evitando que sejam facilmente quebradas. Existem muitas soluções feitas em JavaScript, mas não encontrei nenhuma que fosse boa o bastante no backend. Pensando nisso, criei uma gem chamada Password Strength que faz validação de diversos padrões, a fim de identificar senhas que sejam fracas. Ela é composta por 2 módulos: ActiveRecord e JavaScript.
senha  ruby  gem  javascript  validação  força  criptografia  jquery  active_record  rails  security 
may 2010 by rtopitt
Jquery Full Calendar with Rails | Vinsol
“FullCalendar” provides a full-sized, drag & drop calendar. I decided to give it a try and utilize its hooks for user triggered events within our Rails application. This small effort resulted in a barebone Rails app that might provide a good base for your project which require calendar, scheduling or appointment features. I called it fullcalendar_rails and it is now available on github with a working demo.
ajax  javascript  jquery  plugin  rails  github  calendário  how-to  interface  importante  redmine  data 
april 2010 by rtopitt
FullCalendar - Full-sized Calendar jQuery Plugin
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
ajax  javascript  jquery  plugin  webdesign  calendário  importante  interface  redmine  callback  data 
april 2010 by rtopitt
pluginquery - Search for jQuery plugins
Engine de busca só para plugins para jQuery
javascript  jquery  plugin  busca 
april 2010 by rtopitt
Nivo Slider - The Most Awesome jQuery Image Slider
9 unique transition effects, Simple clean & valid markup, Loads of settings to tweak, Built in directional and control navigation, Packed version only weighs 5kb, Free to use and abuse under the GPL license
css  javascript  jquery  plugin  slide  slideshow  webdesign  imagem 
march 2010 by rtopitt
jQuery with Rails 3 | Josh Huckabee
How do you get jQuery working with Rails 3? I'll try to make this short and sweet.
jquery  javascript  rails  3  importante  instalação  csrf  ujs  framework  how-to  configuration  tip 
february 2010 by rtopitt
Ketchup Plugin
Ketchup is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality. Don't like the default styling? Change it! Need another mark up? Edit it! No validation fits your needs? Write your own! Make your own ketchup with ease.
javascript  webdesign  plugin  jquery  tooltip  validação  formulário  html 
february 2010 by rtopitt
14 Javascript Resources And Plugins For Creating A Stylish Chart
Today, I am going to share useful resources and plugins to create a stylish chart. Graph and Chart are very effective ways of showing data. There are a lot of different methods to generate graphs/charts. For example, you can use Flash, Javascript, CSS, or server side script such as PHP or ASP to generate them. Today, we are going to look into Javascript solutions to generate charts.
plugin  webdesign  javascript  css  jquery  canvas  gráfico  top10 
february 2010 by rtopitt
jQuery 1.4 Released: The 15 New Features you Must Know | Nettuts+
jQuery 1.4 was recently released. This wasn't simply a maintenance release as some had speculated; there are many new features, enhancements and performance improvements included in 1.4! This post covers the new features and enhancements that you may find beneficial.
javascript  jquery  1.4  framework  ajax  top10  tip 
january 2010 by rtopitt
15 Awesome Free JavaScript Charts / JavaScripts / SPLASHnology - Web Design & Web Technology Community
Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are many ways you can plot data, but here I have included 15 Awesome Free JavaScript Charts In Your Sites/Blog Pages which serves as a easy Charting solution. Hope you like it.
javascript  gráfico  estatística  top10  importante  webdesign  jquery  plugin  biblioteca  compilation 
january 2010 by rtopitt
Usando jQuery no console do firebug
Adicione esse bookmarklet na barra de favoritos do firefox e clique toda vez que quiser injetar o jquery num site para voce poder manipular com facilidade.
firefox  jquery  javascript  bookmarklet  webapp  debug  firebug  console 
january 2010 by rtopitt
jQTouch — jQuery plugin for mobile web development
A jQuery plugin for mobile web development on the iPhone,
iPod Touch, and other forward-thinking devices. Features (Now Beta 2!): Easy Setup · Native WebKit Animations · Image Preloading · Callback Events · Flexible Themes · MIT Licensed · Swipe Detection · Extensions
jquery  android  iphone  design  interface  framework  webdesign  plugin  webkit  javascript  celular  biblioteca  importante 
january 2010 by rtopitt
Jcrop - Deep Liquid
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
jquery  javascript  plugin  webdesign  ajax  imagem  crop 
december 2009 by rtopitt
Ajax Autocomplete for jQuery
Ajax Autocomplete for jQuery allows you to easily create autocomplete / autosuggest boxes for text input fields. It is built with focus on performance. Results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.
plugin  javascript  ajax  jquery  autocomplete  importante 
november 2009 by rtopitt
JQuery Cycle Plugin
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
plugin  webdesign  javascript  jquery  slide  slideshow  importante 
october 2009 by rtopitt
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA
Plugin para jQuery de geração de gráficos via javascript a partir de tabelas html, que degradam graciosamente e funcionam em todos os navegadores.
tabela  javascript  jquery  plugin  gráfico  importante  html5  webdesign  canvas 
july 2009 by rtopitt
jQuery SuperBox!
jQuery Superbox! is a script which allows you display windows with the lightbox effect. jQuery Superbox! can display pictures, pictures galleries, external pages, a page element or even AJAX loaded content.
javascript  plugin  jquery  lightbox  ajax  modal 
july 2009 by rtopitt
SWFUpload jQuery Plugin : Adam Royle
This plugin makes working with SWFUpload easier!
plugin  jquery  upload  ajax  flash  javascript  swfupload 
july 2009 by rtopitt
Javascript jQuery Hotkeys Plugin - js-hotkeys - Google Code
jQuery.Hotkeys plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination. It takes one line of code to bind/unbind a hot key combination.
javascript  teclado  plugin  jquery  atalho  importante 
july 2009 by rtopitt
Useful and Handy jQuery Tips and Tricks | Queness
I have a list of jQuery tips and tricks for my development project. Now, I want to share it to everyone. In this article, I will assemble all the jQuery tips and tricks and cheat sheets that I got it online in a single page.
ajax  javascript  jquery  top10  cheat_sheet  tip 
july 2009 by rtopitt
5 Tips for Better jQuery Code: jQuery, Tutorial
I've been coding using jQuery since shortly after it came out, and well -- I've been using it almost every work day. Here is a few tips that have saved me time.
jquery  javascript  top10  ajax  tip 
july 2009 by rtopitt
Facebox 1.2
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
facebox  facebook  lightbox  javascript  jquery  webdesign  css 
july 2009 by rtopitt
Create Vimeo-like top navigation
I really like the top navigation implemented on First time I saw it I wanted to recreate it. And this is exactly what I am going to do in this tutorial.
vimeo  menu  jquery  javascript  webdesign  how-to  curva  css  html 
july 2009 by rtopitt
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
jquery  plugin  ui  interface  efeito  webdesign  importante  framework  biblioteca  javascript 
june 2009 by rtopitt
jQuery TOOLS - The missing UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb
jquery  plugin  javascript  biblioteca  webdesign  interface  ajax  framework  lightbox 
june 2009 by rtopitt
User First - Orbital Tooltip Demo
Welcome to the demonstration page for the Orbital Tooltip written by Scott Brooks at UserFirst Interactive. The concept behind the Orbital Tooltip is to allow more flexibility to developers needing more specific positioning for their tooltips. With this jQuery plugin, you can position a tooltip around any element in a 360 degrees around it! Below are some samples of how it's used:
tooltip  jquery  javascript  how-to  demonstração  webdesign  plugin 
june 2009 by rtopitt
TankEngine (Rails Plugin for the iPhone) [Pathfinder Development]
TankEngine is a plugin for developing web applications optimized for the iPhone look and feel. It is based on earlier work using iUI, but has a brand-new JavaScript ending based on jQuery, and is a more flexible tool than iUI
iphone  plugin  rails  webdesign  javascript  css  jquery  interface 
june 2009 by rtopitt
jQuery on Rails: Why Bother? // RailsTips by John Nunemaker
A few people have suggested that I post about how to use jQuery with Rails. I thought about it and felt that others have already covered it quite well but why not collect their posts here for you to enjoy, right?
ajax  how-to  importante  javascript  jquery  plugin  rails  tip 
may 2009 by rtopitt
TankEngine [Pathfinder Development]
TankEngine is a plugin for developing web applications optimized for the iPhone look and feel. It is based on earlier work using iUI, but has a brand-new JavaScript ending based on jQuery, and is a more flexible tool than iUI.
css  iphone  javascript  jquery  plugin  rails  safari  webapp  webdesign  webkit 
may 2009 by rtopitt
The jSkinny on jQuery — err.the_blog
Tudo que você sempre quis saber sobre jQuery (e jQuery com Rails) em um só lugar
ajax  how-to  javascript  jquery  rails  tip 
may 2009 by rtopitt
jRails - jQuery on Rails
jRails is a drop-in jQuery replacement for Prototype/ on Rails. Using jRails, you can get all of the same default Rails helpers for javascript functionality using the lighter jQuery library.
ajax  importante  javascript  jquery  plugin  rails 
may 2009 by rtopitt
jQuery: JavaScript Library
Biblioteca javascript para facilitar uso do mesmo e criação de sites. Alternativa mais leve ao Prototype. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
framework  javascript  webapp  webdesign  jquery  interface  importante 
may 2009 by rtopitt

Copy this bookmark:

to read