Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

jueves, 29 de noviembre de 2012

Todos los Cheat Sheets en un solo lugar

OverAPI reúne en su sitio Web los enlaces correspondientes para acceder a cualquier Cheat Sheets de casi cualquier que nos ocupe para quienes desarrollamos actividades en la Web y no entusiasmamos con mucho del software de escritorio que a diario utilizamos.

Todos los Cheat Sheets en un solo lugar


En este momento, por ejemplo, es posible encontrarse con información sobre muchos lenguajes populares; como HTML, CSS, JavaScript, PHP, Python, MySQL, jQuery, Ruby, etc


Sitio Web | OverAPI.com
Para los usuarios de Chrome, está disponible la extensión de OverAPI

Share:

jueves, 22 de noviembre de 2012

Efectos especiales de imágenes en listas desordenadas

Liffect es una aplicación Web que nos genera el CSS necesario para dotar de animación a las miniaturas de imágenes incluídas en listas desordenadas.

Es necesario:
  1. Individualizar el encabezado de la lista desordenada con el atributo relacionado con el tipo de animación. Por ejemplo: 
    <ul data-liffect="fadeIn">
  2. Utilizar el CSS que la aplicación genera
  3. Utilizar el Javascript generado


Efectos especiales de imágenes en listas desordenadas

La lista de efectos es la siguiente, pudiéndose además elegir la duración y el delay general
  • Fade In
  • Zoom In
  • Zoom Out
  • Slide Left
  • Slide Right
  • Slide Top
  • Slide Bottom
  • Flip
  • Flip In horizontal
  • Flip In vertical
  • Bounce In
  • Bounce In Up
  • Bounce In Right
  • Bounce In Down
  • Bounce In Left
  • Page Top
  • Page Top (back)
  • Page Right
  • Page Right (back)
  • Page Bottom
  • Page Bottom (back)
  • Page Left
  • Page Left (back)
  • Star Wars

Sitio Web | Liffect
Vía | Juaniquillo @ Delicious
Share:

Normalize | un reset CSS para HTML5

Quienes nos ocupamos del diseño Web sabemos que resetear valores en las hojas de estilo es n buena práctica que nos permite que luego los elementos hagan render en forma adecuada; sin que cuenten los valores, que por defecto los navegadores tienen.

Normalize es un reset que se basa en HTML5 centrándose precisamente en que todos los elementos sean consistentes en línea con los estándares actuales.

La propuesta está contenida en un pequeño archivo, tan solo 6.7 KB

Normalize | un reset CSS para HTML5

Normalize soporta los siguientes navegadores:


  • Google Chrome
  • Mozilla Firefox 4+
  • Apple Safari 5+
  • Opera 12+
  • Internet Explorer 8+


Sitio Web | Normalize
Licencia | MIT
Requermientos | Ninguno
Vía | DZone
Share:

miércoles, 21 de noviembre de 2012

Como crear HTML tree con Dynatree

Dynatree es un plugin basado en jQuery que te permite—vía Javascript—construir estructuras tipo árbol (aka HTML tree) con un markup HTML

El código se distribuye bajo una licencia MIT y está alojado en Google Code

Ver ejemplo

Como crear HTML tree con Dynatree

Sitio Web | Dynatree
Vía | Webappers
Requerimientos | jQuery Framework


Share:

sábado, 10 de noviembre de 2012

Como añadir Twitter a los resultados de búsquedas de Google

HashPlug es una extensión de Google Chrome que agrega la funcionabilidad de mostrar mensajes de Twitter en los resultados de búsqueda de Google


La integración no es para nada intrusiva, ya que los resultados de Twitter se ven en una barra lateral derecha. Por otro lado, el resultado de la instalación del plugin es interesante; se incluye el avatar del usuario, el nombre de la cuenta, el usuario de Twitter y el tweet que se refiere a la búsqueda llevada a cabo. Además de estar invluído el enlace del status (URL del tweet, también están presentes los enlaces para agregar el tweet a Favoritos, hacer Retweet y Responder

Como añadir Twitter a los resultados de búsquedas de Google

Búsquedas en tiempo real en Google utilizando HashPlug

video | 01:03 min

Vía | gHacks
Share:

martes, 6 de noviembre de 2012

Clementine, ahora con soporte para Google Drive

Clementine es un reproductor de música digital basado en el concepto de multiplataforma. Su diseño y funcionamiento está inspirado en Amarok.

La interfaz de Clementine está diseñada de cara al usuario para que sea rápido y sencillo la reproducción de música.

Clementine, ahora con soporte para Google Drive

Las principales fortalezas de este reproductor son:
  • búsqueda y reproducción a partir de un biblioteca de medios local
  • permite escuchar radio en Internet desde Spotify, Grooveshark, Last.fm, SomaFM, Magnatune, Jamendo, SKY.fm, Digitally Imported, JAZZRADIO.com, Soundcloud, y Icecast.
  • búsqueda y reproducción de música a partir de archivos subidos a Google Drive
  • generar y administarr listas de reproducción en formato M3U, XSPF, PLS y ASX
  • permite reproducir audio en formato CD
  • conversión de música entre diversos formatos como MP3, Ogg Vorbis, Ogg Speex, FLAC o AAC
  • es multiplataforma: funciona en Windows, Mac OS X y Linux
  • copiar música a tu iPod, iPhone, MTP o reproductor USB de almacenamiento masivo

Un proyecto alojado en Google Code | Clementine Player
Visto en gHacks
Share:

Publicidad

Estadísticas