javascript

Hacer una lista ordenada (ol) cuenta regresiva o backwards

Para crear una lista podemos utilizar las etiquetas ul u ol, esta última ordena los datos y podemos mostrar con CSS diversos tipos de numeración con list-style-type Ahora bien para convertir esto: Uno Dos Tres En: 3. Uno 2. Dos 1. Tres Tenemos dos opciones, una con CSS y otra con Javascript. Con CSS Podemos [...]

+70 Chuletas para diseñadores web

Sitios de consulta para diseñadores web, lo que se conocen como Cheat Sheets o “Chuletas” para que nos entendamos. Las hay de HTML, DHTML, Actionscript, Adobe Air, Javascript, CSS, Ajax, Color, PHP, Photoshop y hasta de MySQL 70+ Cheat Sheet Resources for Web Designers (inglés) Ví­a: Más de 70 chuletas “˜Cheat sheet”™ para diseñadores web

La web del mañana con AIR y CSS3

Enjoy Tomorrow’s Web Today with AIR and CSS3 es un estupendo artí­culo en inglés de Jonathan Snook que nos muestra cómo hacer realidad nuestros sueños usando el esperado CSS3. Propone técnicas CSS3 que usaremos al desarrollar una aplicación con Adobe AIR. Luego nos manda a un test, si lo pasas te puedes descargar el pdf [...]

Bookmarklet para testear tu web a distintas resoluciones en Firefox

Yo utilizo la extensión Web Developer para testear los sitios web a 800×600 y a 1024×768. Siempre tengo en cuenta estas resoluciones, por muchos ya olvidadas, mis estadí­sticas me dicen que aún tengo muchas visitas con esta resolución. En Proyecto Autodidacta explican en español el artí­culo de Firefox Facts donde proponen otra forma: creando un [...]

Alternativa a sIFR3 para renderizar fuentes no de sistema | typeface.js

Para utilizar tipos en web que no sean fuentes de sistema podemos utilizar sIFR3, en anieto2k descubro otro método basado en javascript, sin Flash, typeface.js El método se sirve de la capacidad de dibujo de vectores de los navegadores: Firefox, Safari, y Opera soportan  <canvas> y SVG, IE soporta VML. Para utilizarlo además de llamar [...]

Generador online de gráficas

A la hora de generar gráficas para web podemos optar por opciones accesibles y livianas :15 técnicas para hacer gráficas con XHTML y CSS o por generar un gráfico con esa gráfica con algún software. Online Charts Builder es una aplicación web, un generador online gratuito de gráficas. Una forma sencilla y rapidí­sima de hacer [...]

16 formularios y 13 menús dinámicos AJAX

Dos enlaces para crear formularios de contacto y menús dinámicos con javascript: 16 Free Ajax Contact Forms – For A Better User Experience 13 Awesome Javascript Animated Flash Like Menus (Ví­a: 13 menús dinámicos gracias a Javascript)

Nuevo Plugin WordPress para abrir enlaces en una nueva ventana de forma accesible

Os presento mi 1º plugin para WordPress, tiene media hora y la demo es cualquier enlace de este blog, todos los que apunten fuera de ceslava.com se abren en una nueva ventana o pestaña según tengas configurado tu navegador. Está basado en el plugin de Javi Moya External Links New Window que añade la funcionalidad [...]

Si no te gusta un sitio web, edítalo online

Este es un pequeño Hack inofensivo para el navegador que permite la edición en lí­nea de un sitio web, un juego, quizás para hacer alguna captura mailiciosa porque realmente el resultado sólo lo verás tú: Instrucciones: Navega a la página que desees editar. En la barra de navegación pega este código: javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0 [...]

Convierte los aburridos textarea o comentarios de WP en editores de texto con AJAX

NicEdit es un javascript que convierte todos tus textarea (áreas de texto) en editores de texto WYSIWYG. Existe un plugin para WordPress que podéis descargar aquí­