Similar Posts
jStorage: plugin jQuery para usar el almacenamiento de HTML5
Si hace poco comentaba el tema de Web SQL Database de HTML5, ahora encuentro un plugin para jQuery que nos facilita esta labor.
$.jStorage.set(key, value)
value = $.jStorage.get(key)
Vía / Script & Style
Lista de recursos Javascript
Una gran lista de recursos que podemos necesitar para nuestros desarrollos o para aprender cosas nuevas sobre Javascript.
Tutoriales
- A (Re)-Introduction to JavaScript
- Eloquent JavaScript
- JavaScript (quirksmode.org)
- JavaScript Cake Tutorials and Scripts
- JavaScript Boot Camp Tutorial
- JavaScript Closures
- JavaScript in Ten Minutes
- JavaScript Tutorial
- JavaScript tutorial for the total non-programmer
- JavaScript/DHTML Tutorials
- Painless JavaScript Using Prototype
- Ten JavaScript Tools Everyone Should Have
- You think you know (JavaScript) but you have no idea
Colección de scripts
- Hot Scripts
- JavaScript Search
- JavaScript Scripts
- JavaScript Source
- Over 400+ free JavaScripts!
- Reusable Libraries And Objects
- The Yahoo! User Interface Library
Frameworks y librerÃas
- Ext JS – JavaScript Library
- JavaScript code library
- jQuery
- jsvalidate
- Mochikit
- overLIB
- Project: Bajax
- Prototype
- Open Rico
- script.aculo.us
- The Dojo Toolkit
- The Solvent
Técnicas
- BarelyFitz Tabs
- Behaviour : Using CSS selectors to apply JavaScript behaviours
- BSN AutoSuggest
- Drag & Drop Sortable Lists with JavaScript and CSS
- Edit in Place with JavaScript and CSS
- FD Sortable tables
- Flexible client-side table sorting
- flickrshow – Simple JavaScript slideshows for Flickr
- Form validation
- Highslide JS – JavaScript thumbnail viewer
- iPhoto-like image resizing using JavaScript
- JavaScript gallery and slideshow system
- JavaScript Tabifier automatically create an html tab interface
- JavaScript: DHTML Library, Drag & Drop for Images and Layers
- JDV Sortable tables
- Kryogenix Sortable tables
- Lightbox JS
- Livepipe Tabs
- moo.fx – The next small thing
- Mouse wheel programming in JavaScript
- overLIB Tooltips
- PlotKit – JavaScript Chart Plotting – liquidx
- Store JSON data in cookies
- Sorted tables
- TableKit
- ThickBox 2.1
- Tooltips, DHTML, JavaScript – BoxOver
Referencias
- CSS Properties to JavaScript Reference
- gotAPI/HTML – Instant search in HTML and other developer documentation
- JavaScript Cheat Sheet/
- JavaScript Reference
Herramientas
- Firebug – Web Development Evolved
- JSLint, The JavaScript Verifier
- RegexPal: JavaScript Regex Tester
- XML.ObjTree XML parser
70+ JavaScript Resources for Every Web Developer
VÃa / dzone
Uso correcto de los selectores en jQuery
Quien dice en jQuery dice en cualquier otro framework de javascript o lenguaje de programación, el tema es no malgastar recursos. jQuery permite encontrar elementos mediante la clase, por ejemplo:
$('.boton')
Esto es muy cómodo, pero también tiene mal rendimiento, ya que el script debe buscar en todos los elementos HTML y encontrar aquél que tenga class=”boton”. ¿Cómo deberíamos usar los selectores?.:
- Si el elemento tiene un ID, hay que usar el ID, pero tampoco es plan de añadir ids a todos los elementos.
- Indica el tipo de elemento, por ejemplo $(‘input.boton’), así limitaremos la búsqueda a los elementos input. Si no solo hay un tipo de elemento, sino varios, los indicaremos todos: $(‘input.boton, a.boton’)
- Guía a jQuery por la ruta de elementos que puede seguir: $(‘#formulario .boton’)
- Usa otro elemento para limitar la búsqueda: $(‘#formulario’).find(‘.boton’)
Detección de caras con Javascript y Canvas
Interesante script que usa canvas para detectar rostros en las fotografías. Se basa en openCV y en el post de John Resig para evitar un captcha.
Permite la opción de reconocer una cara o varias caras, este último lo he probado con una foto y no me ha funcionado, pero como bien dice el autor, aún tiene que mejorar más el script.
Interesante opción para servicios como Facebook o Flickr para sus opciones de asociar elementos (usuarios, comentarios, …) a las fotografías. También es útil para avisar de que no se ha subido una cara cuando alguien cambia de avatar.
Face detection in javascript + canvas
Vía / @rafabayona
jsPDF: crea PDFs directamente desde Javascript
Interesante javascript que nos permite crear PDFs sin necesidad de aplicaciones en el servidor, sino usando únicamente una librería PDF. Su uso es muy sencillo, devolviendo una URL con Content-type y codificada en Base64:
var doc = new jsPDF();
doc.setFontSize(22);
doc.text(20, 20, 'This is a title');
doc.setFontSize(16);
doc.text(20, 30, 'This is some normal sized text underneath.');
// Output as Data URI
doc.output('datauri');
A mí en Firefox no me ha funcionado, pero en Chrome sí.
Vía / DZone
Stanford Javascript Crypto Library
Stanford Javascript Crypto Library es una librería Javascript que permite encriptar y desencriptar de forma muy segura, potente, rápida, sencilla, ligera y compatible con navegadores.
sjcl.encrypt("password", "data")
sjcl.decrypt("password", "encrypted-data")
Usa el algoritmo estándar AES de 128, 192 o 256 bits, la función hash SHA256, el código de autenticación HMAC, PBKDF2, y los modos CCM y OCB… vamos, todo muy seguro.
Stanford Javascript Crypto Library
Vía / DZone