8 septiembre 2011
Ultimate CSS Gradient Generator
Si hace unos días hablamos de una aplicación web para crear fondos para tu web usando un patrón mediante CSS3hoy os presento una aplicación web que os permitirá dotar a tus diseños de degradados sin necesidad de utilizar imágenes. Con Ultimate CSS Gradient Generator creareis gradientes mediante CSS por lo que lograreis mejores tiempos de carga de vuestros sitios y reduciréis el tamaño de espacio usado en vuestro servidor.
Visitar – Ultimate CSS Gradient Generator
2 septiembre 2011
CSS3 Patterns Gallery
Buscando reducir el tiempo de carga y el número de peticiones que se realizan al servidor cuando en nuestra web tenemos un fondo creado con un patrón (pattern) basado en un gráfico (jpg, gif, png,…) Lea Verou ha creado una web donde comparte y recopila patrones en CSS3.
Si deseas usar estos patrones en tus proyectos debes tener en cuenta que no todos los navegadores son compatibles y podrían no funcionar correctamente. Os dejo los navegadores compatibles por si deseáis probarlos: Firefox 3.6 +, Chrome, Safari 5.1, Opera 11.10 + y + IE10
Visital – CSS3 Patterns Gallery
24 mayo 2011
Skitter - Slideshow for anytime!
En la red podemos encontrar una infinidad de plugins (jquery) que nos permiten crear slideshows, pero como tengo por costumbre comparto los que realmente pienso que aportan algo interesante.
Skitter ,pasa la criba, es un plugin diseñado para crear slideshows en unas pocas líneas de código y bastante personalizable a través de CSS, además de permitirnos modificar bastantes opciones como títulos, animación, intervalos o velocidad.
Descargar – Skitter
30 marzo 2011
Beautiful Background Image Navigation with jQuery
Con el tutorial (inglés) que comparte Codrops vamos a crear una elegante interface con CSS3 y jQuery donde la imagen de fondo de la misma ira cambiando según pasemos el puntero del ratón por las diferentes secciones.
El código para crear este background image slide es compatible con Google Chrome, Firefox, Opera, Safari, IE8, IE7 e incluso IE6.
Puedes ver un demo del mismo y bajarte todos los archivos para usarlo en tu proyecto web.
17 noviembre 2010
Choco-Slider es un dulce slider de imágenes de tan solo 7kb, que poseé varios efectos de transición y nos permite personalizar dimensiones, auto slide, retraso de tiempo de las transiciones, controles de anterior y siguiente y mucho más.
Para descargar y ampliar la información os dejo su web que por cierto la encontramos en español.
11 octubre 2010
Menu desplegable en CSS3
Desde el blog de webexpedition18.com comparten un simple y completo tutorial para realizar bajo CSS3 un menú desplegable. El menú desplegable sera creado sin la necesidad de utilizar JavaScript, ya que usa sólo propiedades CSS.
Para ver una demostración de como quedaría el menu una vez finalizado el tutorial, pulsa este enlace. Si el resultado es de tu agrado te dejo los enlaces al tutorial (inglés) y a los archivos fuentes.
15 septiembre 2010
Orbit: A Slick jQuery Image Slider Plugin
Orbit es un excelente pero a su vez simple y liviano pluging de jQuery que te permitirá mostrar un rotativo de imágenes (slideshow).
Entre las opciones que podemos encontrar destacan: tipo de animación entre imágenes, tiempo entre una imagen y otra, habilitar/deshabilitar los botones de navegación …
Conoce más y descarga Orbit.
13 septiembre 2010
Mejora tus tablas con CSS3
Codrops nos facilita 3 ejemplos en CSS3 para dotar a tus tablas de mas fuerza y estilo. Lograremos gradientes sin necesidad de usar imágenes y mejorar todas las partes de la tabla.
Para que te hagas una idea de lo que te ofrecen los códigos CSS que comparte Codrops visitar su Demo y si son de tu agrado Descargalos.
Fuente: Pimp Your Tables with CSS3
12 septiembre 2010
Muestra de uno de los efectos en texto en CCS3
Al ver este artículo creado por addictivefonts.com no he podido evitar en pensar en mi amigo Pablo, el cual siempre quiere que todo diseño web acabe más bonito y tengan degradados, sombras y demás cosas que con Photoshop es fácil de conseguir pero que exportarlo a web ya no es tan fácil. Bueno no era tan fácil hasta que conocí estos 11 efectos creados en CSS3 que contentará a Pablo y a mi me facilitará la vida un tiempo 🙂
Ver – 11 Killer CSS3 Text Effects to replace Photoshop
9 agosto 2010
NuCaptcha
Todo navegante en la red en alguna ocasión ha topado con algún captcha y seguramente en más de una ocasión sus complicadas composiciones de texto y formas han llegado a sacarte de quicio, es por ello que como alternativa nace NuCaptcha.
NuCaptcha como indican en su web es una plataforma de seguridad que usa el vídeo en movimiento para autenticar la interacción web humana. Os recomiendo que le deis un vistazo a sus ejemplos y comprobareis como sustituye las imágenes con texto distorsionada por vídeos en movimiento donde nos muestran claramente que código se debe incluir.
NuCaptcha por ahora está disponible para PHP, .NET, y Java, y además nos ofrece una serie de herramientas para implementarlo en nuestro sitio web, incluido un plugin para WordPress. Regístrate en su web y disfruta de esta nueva alternativa.
Fuente: wwwhatsnew.com
