Similar Posts
Manipulate Colors in All Imaginable Combinations with xColor
The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors.Another useful method isReadable() completes the whole, by allowing you to check if a …
Carga asíncrona de scripts en Webkit
Webkit está implementando en la última versión la carga de scripts de forma asíncrona, para ello hace uso de los atributos async y defer. Esta carga de scripts se realiza sin detener el renderizado del HTML y añade el evento onLoad para ejecutar un método cuando acabe de cargarse:
La diferencia entre async y defer es que async se ejecuta a la primera oportunidad después de que finalice la carga y antes de que se ejecute el evento load del objeto window, por lo que con bastante posibilidad el script se ejecute asíncronamente y no en el orden en el que se muestra en al página. Los scripts defer se ejecutarán en el orden en el que se indica en la página, pero empezará despues del parseo completo pero antes de que ocurra el evento DOMContentLoaded del objeto document.
Vía / CSS-Tricks
Ejemplos de javascripts optimizados
Si el otro dÃa os contábamos cómo agilizar tus javascripts, hoy os hacemos referencia a ejemplos sobre esos consejos.
Aunque si soy sincero, no tengo muy claro que se gane mucho tiempo cargando dinámicamente los scripts y retrasando la ejecución para esperar a que se cargue. O si realmente hay diferencia, que no será mucha y menos con las velocidades que suele tener actualmente la mayoria de la gente, si merece la pena tanta cosa. Si el script lo cargamos inicialmente y luego lo utilizamos en todas nuestras páginas, la optimización serÃa suficiente.
Yo creo que la mejor solución es no tirar tanto de librerÃas y crear los scripts necesarios para tu aplicación.
Speed Up Your Javascript, Part 2: Downloadable Examples!
VÃa / Dzone
Consejos para desarrollar cumpliendo estándares
Buenos consejos a tener en cuenta cuando se trata de desarrollar cumpliendo estándares web.
- Menos es más, no uses mas código del necesario
- No uses CSS o Javascript dentro del HTML, ya sea en las etiquetas como en el head.
- Usa código semántico, las cabeceras mediante etiquetas h1, h2, …, resaltar mediante strong, …
- No uses meta etiquetas redundantes
- Usa microformatos para hacer tu sitio legible
- Usa tablas solo para mostrar tablas
- Usa rel=”external” para enlaces externos, no uses target=”_blank”, hazo mediante Javascript
- No uses Javascript mediante enlaces
- No muestres contenido importante mediante Flash o Ajax, siempre mediante HTML plano
10 Coding Guidelines for Perfect Findability and Web Standards
Nitobi UI: elementos UI para javascript
Impresionante librería para incluir elementos UI en nuestras aplicaciones javascript. Contiene los siguientes elementos:
- Grid: tabla con celdas estilo hoja de cálculo
- TreeGrid: igual que el anterior pero permite desplegar filas
- ComboBox: un combo mas interactivo, como los de auto-sugerencias
- TabStrip: gestión de pestañas
- Tree: árbol de datos, tipo directorios/ficheros
- FishEye: aumentar elementos con efecto “ojo de pez”
- Callout: mensajes popup en plan bocadillo
- Spotlight: resaltar elementos DOM, muy útil para realizar guías interactivas
- Calendar: calendarios
- Toolkit: herramientas varias para Ajax
Enlaza tu email sin miedo al spam
El spam ha condicionado muchas prácticas que originariamente eran tan sencillas y poderosas como enlazar tu mail en la web.
Un truqui para evitarlo que en su día lo descubrimos en 604th.net:
function nospam(name,domain){
window.location = 'mailto:' + name + '@' + domain;
}
Cópialo tal cual sin cambiar nada y súbelo como emailnospam.js
. Recomendamos subirlo a una carpeta en la que guardes los javascripts como por ejemplo la carpeta js. Si no te apetece crearla, súbelo a la raíz de tu ftp.
Luego añade lo siguiente entre la línea <head>
y </head>
de los documentos de tu web:
<script type="text/javascript" src="/js/emailnospam.js"></script>
Si lo has subido a la raíz elimina la ruta a la carpeta “js”. Quedaría así:
<script type="text/javascript" src="/emailnospam.js"></script>
Ya solo queda que escribas tu mail enlazado en la parte de la web que quieras sustituyendo la palabra ejemplo y dominio.com por lo que corresponda a tu cuenta de email:
<a href="javascript:nospam('ejemplo','dominio.com');">Contáctame</a>