Es común que veamos test de velocidad hechos sobre el tiempo de arranque de un navegador o lo que tarda en cargar una página pero este es el primer test que mide la velocidad de carga de los scripts Javascript. Algo que, de un tiempo a esta parte con la popularización de AJAX, importa cada vez más.
Si esperabais que el más rápido fuese Firefox, lo siento. Opera es el claro ganador de esta “carrera”
En el artículo original, en inglés, además de poder leer un poquito más sobre la prueba podréis probar vosotros mismos la velocidad de vuestro navegador, eso si no esperéis grandes diferencias en los resultados.
Via Kriptopolis
JSMin es un filtro que borra los comentarios y espacios en blanco innecesarios de tus scripts Javascript, llegando incluso a reducir su tamaño a la mitad.
Totalmente multiplataforma, se encuentra disponible para descarga como ejecutable para MS-DOS, codigo fuente en C, C#, Java, Javascript, Perl, PHP, Python y Ruby.
Importante: JSMin realiza los cambios sobre el mismo archivo que le indiques para procesar, sobreescribiéndolo y el resultado suele ser francamente ilegible, recuerda guardar copias de seguridad de todos tus archivos.
Hace tiempo llegó a portada de digg un artículo, del que se hicieron eco algunos blogs como Sentido Web, que hablaba de cómo dar estilo a los checkboxes y radio buttons de los formularios. Como viene siendo habitual, la mayor pega de este método es que no funciona en Internet Explorer.
Si quieres dar estilo a los radio buttons y checkbox de tus formularios, para todos los navegadores con javascript activado, prueba la técnica de Chris Erwin.
Por medio de Javascript se ocultan los botones y se le da estilo a la etiqueta label.
El formulario sigue recogiendo los datos normalmente ya que es la propia etiqueta label la que activa el control correspondiente.
Y si el Javascript no está activado, no se ocultarán los controles y el formulario se presentará como un formulario normal, totalmente funcional.
Su implementación es muy sencilla, tenéis instrucciones detalladas en la página del autor.
Aptana es un IDE o entorno de desarrollo enfocado a las aplicaciones web con AJAX/Javascript.
Está basado en Eclipse y, como este, está disponible para Windows, Linux y Mac OS.
Además, si no nos interesa instalarnoslo como una aplicación independiente podemos agregarlo a nuestra instalación actual de Eclipse como un plug-in.
Características:
Aptana es Software Libre, licenciado bajo la Eclipse Public Licence
Aptana: http://www.aptana.com/
Eclipse: http://www.eclipse.org
Via Genbeta
Generalmente vivimos muy bien sin dar sombra a nuestros textos, a la espera de que más navegadores acepten la propiedad text-shadow de CSS 3, no obstante muchas veces nos resultaría realmente útil poder usarla con resultados uniformes en todos los navegadores.
Hasta ahora teníamos tres aproximaciones al tema, que cuando funcionaban en un navegador fallaban en otro e incluso haciendo uso de una combinación de las tres los resultados eran muy diferentes en los diversos navegadores:
text-shadow de CSS 3, de momento :before antes del texto para duplicarlo y simular una sombra, cosa que no funcionaría en MSIEScott Jehl nos ofrece un script en Javascript, no obstrusivo, que nos permite de forma sencilla conseguir este efecto de forma homogénea en todos los navegadores que tengan soporte para Javascript.
Para utilizarlo simplemente se carga el script
<link href="css/dropShadows.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/dropShadows.js"></script>
y se añade la clase highContrast (recuerda, respeta las mayúsculas y las minúsculas)
<h2 class="highContrast">Here's an example</h2>La apariencia de la sombra puede editarse en el archivo dropshadow.css
Descarga Javascript:
http://www.scottjehl.com/jsDropShadows/scripts/dropShadows.js
Descarga CSS:
http://www.scottjehl.com/jsDropShadows/css/dropShadows.css
En el blog de Scott tenéis más información sobre el funcionamiento del script.
Hace ya algo os había comentado la existencia de HTML Slidy, un sistema bastante simple para generar presentaciones tipo Power Point con XHTML, CSS y Javascript que se pueden reproducir en cualquier navegador.
S5 es un sistema similar, creado por Eric Meyer, que cuenta con bastante más documentación y ayuda que HTML Slidy, además de existir varios themes para escoger, más cómodo imposible.
El universo está lleno de preciosos tipos de letra, lamentablemente el uso de tipografías personalizadas en la web está francamente limitado. No existe un método fiable de garantizar que el usuario ve la tipografía que queremos que vea ya que estamos supeditados a las fuentes que tenga instaladas en su sistema.
Durante muchos años, los diversos navegadores han ido haciendo experimentos con tipografías descargables y artimañas similares pero su implementación es irregular y se hace desaconsejable.
Cuando lo que queremos es utilizar fuentes personalizadas para pequeños detalles en el sitio es francamente simple hacer un reemplazo con imágenes pero, ¿qué pasa cuando necesitamos reemplazar, por ejemplo, los títulos de las entradas de una bitácora? ¿Crearemos uno por uno todos los títulos como imágenes y haremos un reemplazo manual?
sIFR nos sale al rescate para esos momentos, ofreciéndonos una forma dinámica de conseguir encabezados con algo más de estilo.
(más…)
Una de las “novedosas novedades” del Internet Explorer 7 es el soporte a la transparencia de los PNG, ¡por fin! No obstante, seguro que aún nos quedan algunos años de versiones anteriores que no tragan bien con las transparencias.
Para solucionar este “pequeño” inconveniente existen algunos trucos, unos sirven para unos casos , otros para otros.
(más…)
Los tooltips son esos mensajes emergentes que surgen para añadir más información, generalmente, a un enlace o una imagen. Los tooltips en html suelen generarse por medio del atributo “title” y, en el caso de las imágenes, erroneamente, con el atributo “alt” que, a pesar de presentarse como un tooltip en muchos navegadores, es un reemplazo de texto para las mismas. Para más información podéis ojear The Alt and Title Attributes en 456 Berea Street y la referencia al atributo alt en las faq para desarrolladores de Mozilla.
La falta de consistencia en la representación de estos mensajes por parte de los navegadores provoca usos incorrectos que, si bien pueden servirnos en algunos casos, producen un empeoramiento de la funcionalidad para usuarios no-visuales.
Además, en ocasiones puede resultarnos útil añadir este tipo de mensajes emergentes a elementos que no sean enlaces o imágenes, incluso puede que necesitemos que esta información aparezca en pantalla asociada a gestos diferentes del de pasar el ratón por encima o, incluso, con un estilo definido por nosotros mismos.
Para todos estos usos, puede solucionarnos la papeleta el uso de un poco de Javascript. He estado mirando un poco y he encontrado unos cuantos scripts.
(más…)
Me encanta el efecto que se consigue usando Lightbox, ya sabéis al dar click en una imágen se oscurece toda la página y surge la imagen ampliada en primer plano…
Queda realmente bien pero el script es un poquito grande y pesa bastante.
Si a ti también te parece que pesa demasiado quizá quieras probar Litebox, se trata de una versión adelgazada de Lightbox, con el mismo resultado en mucho menos peso. ¿Y cómo se obra el milagro? Simple, en lugar de utilizar la libreria Script.aculo.us se utiliza la infinitamente más ligera moo.fx y en lugar de usar la version completa de Prototype se utiliza la versión lite.
Enlaces:
Litebox
Lightbox
Script.aculo.us
Prototype
Moo.fx
Via Download Squad
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
