Similar Posts
Backgrounds animados con jQuery
ByLuis
Interesante script para jQuery que usa el plugin para modificar la posición del background y que nos permite hacer efectos con el background similares a los que se suelen hacer con Flash.
Mediante un fondo de mayor tamaño que el elemento y con una forma irregular (esquinas, ondas, degradado, …) se trata de que al mover el fondo, el efecto que se produzca sea el de una animación.
El script sería algo así:
$('#nav a')
.css( {backgroundPosition: "0 0"} )
.mouseover(function(){
$(this).stop().animate(
{backgroundPosition:"(0 -250px)"},
{duration:500})
})
.mouseout(function(){
$(this).stop().animate(
{backgroundPosition:"(0 0)"},
{duration:500})
})Using jQuery for Background Image Animations
Vía / Script & Styles
Lista de recursos Javascript
ByLuis
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
XRegExp: ampliación de expresiones regulares en Javascript
ByLuis
XRegExp es una ampliación de Javascript para las expresiones regulares, las cuales en Javascript flaquean a la hora de los modificadores.
En este caso, añade los modificadores s y x, lo cual amplÃa el uso que podemos darle a las expresiones regulares. El modificador s permite que el punto “.”, que representa a cualquier carácter, represente también al salto de lÃnea, el cual suele ignorar. El modificar x ignora los espacios en la expresión regular, y asà poder crear unas expresiones regulares más legibles.
XRegExp
VÃa / dzone
jQuery CodeView: plugin para ver el codigo HTML
ByLuis
jQuery CodeView es un plugin que nos permite mostrar el código HTML de un elemento de la página.
Su uso sería así:
jQuery("#javascript_block").codeview();
jQuery("#javascript_block").codeview({
fontSize: "1.2em",
tabToSpace: -1,
feedColor: false
});Vía / DZone
Calcular la distancia entre dos direcciones usando Google Maps
ByLuis
Interesante script que puede ser bastante útil en muchas aplicaciones2.0 en la que el se requiere conocer la distancia entre dos direcciones, por ejemplo buscar usuarios que se encuentre cerca de donde tú vives.
El script accede a Google Maps (es necesario tener una key) y mediante las dos direcciones introducidas obtiene la latitud y la longitud de ambas, luego mediante la teoría del gran círculo obtiene la distancia entre ambas coordenadas.
How to calculate distance with javascript and Google Maps API
Vía / @quenerapu
Laboratorio: borrar filas de una tabla en Javascript
ByLuis
Viendo el otro dÃa la entrada de aNieto2K, recordé el efecto que usa WordPress para resaltar que se ha borrado una fila de una tabla en las herramientas de administración. Se trata de pintar progresivamente la fila en rojo y luego borrarla, consiguiendo asà que el usuario se percate de qué ha pasado.
Read More “Laboratorio: borrar filas de una tabla en Javascript”