Archivo de la categoría Diseño Web

votar

Inteligentes técnicas de Optimización PNG

Inteligentes técnicas de Optimización PNG es un artículo muy interesante que nos enseñará varias formas de reducir el tamaño de nuestras imágenes hasta en un 80% , sin perder un ápice de calidad.

votar

15 trucos CSS básicos que DEBES conocer

En el blog de Themeforest nos encontramos un buen artículo con 15 trucos CSS básicos que DEBES conocer, aclaratorio y muy bien explicado.

votar

Flowplayer – El reproductor Flash definitivo

Si tu intención es un pequeño reproductor para efectos de sonido, te recomenaría otras soluciones, pero si lo que quieres es un reproductor embebido al que pasar videos, música, podcasts, etc… sin duda FlowPlayer es la tuya.

  • Open Source (GPL 3)
  • Soporte completísimo para Skins
  • Todos los componentes son plugins, puedes personalizar no sólo el aspecto, sino el comportamiento del mismo
  • Plugins Flash y Plugins Javascript, ambos pueden controlar aspecto y comportamiento del reproductor
  • Documentación API para JavaScript y ActionScript 3.0
  • Streaming HTTP
  • Pseudostreaming con Apache, ASP/.NET, lighttpd y ngingx
  • RTMP streaming con Adobe Flash Media Server, Wowza y Red5
  • Scripting personalizado utilizando Javascript
  • Foros de Soporte mantenidos por la comunidad
flowplayer
flowplayer2
votar

Aplicación del API de Pixlr

Interesante POST de Desarrolloweb sobre la aplicación del API de Pixlr, una aplicación via web de retoque de imágenes, que ahora podremos utilizar desde nuestras aplicaciones. Es la continuación de su anterior POST Introducción a la API de Pixlr.

votar

Cambiando colores al texto seleccionado

No todos los navegadores lo soportan, ni es que sea el colmo de la usabilidad, pero al menos es curioso y quizá te guste...

Agrega esto a tu hoja de estilos...

CSS:
  1. ::-moz-selection{
  2.     background:#cc0000;
  3.     color:#fff;
  4. }
  5.  
  6. ::selection {
  7.     background:#cc0000;
  8.     color:#fff;
  9. }

Para cambiar el color de fondo de tu página al seleccionar con el ratón...

selection-color

En principio, sólo está soportado el color de texto y de fondo. Puedes probarlo en este mismo blog, seleccionando cualquier texto.

votar

101 Plantillas y Diseños XHTML/CSS

1st Web Designer ha seleccionado por nosotros nada menos que 101 Plantillas y Diseños XHTML/CSS gratuítos de alta calidad.

votar

Ocho interesantes trucos CSS para tus enlaces

En Designer Daily encontraremos Ocho interesantes trucos CSS para mejorar la usabilidad de tus enlaces.

votar

Escalado bicúbico de imágenes

Si usas width o height en tus desarrollos web para escalar imágenes (algo que por otra parte no deberías hacer), te fijarás que en Internet Explorer (Usado por el 90% de tus clientes probablemente, y por desgracia), las imágenes se ven "comolculo". Esto es debido al modo de escalado usado por defecto por IE, y es bastante sencillo de solucionar:

img { -ms-interpolation-mode: bicubic; }

bicubic
votar

Menús Dropdown horizontales con puro CSS

Un ejemplo más de menú Dropdown horizontal con puro CSS, bastante logrado y "wireframe", adaptable de forma sencilla con CSS. Artículo y demo.

Otro muy interesante también es el de GRC

votar

Chart Chooser, para elegir gráficas online

Chart Chooser es una aplicación web que nos muestra diferentes gráficas según las necesidades que tengamos a la hora de presentar datos en un informe, sea en Excel, Powerpoint o similares. Una vez seleccionada la gráfica, podemos descargar la plantilla para usar con los susodichos Excel y Powerpoint, o utilizar la herramienta como simple inspiración de diseño para charts.

chart_chooser