web 69 - diseño web.
RSS
 

Archive for the ‘css’ Category

Como redondear las esquinas de un DIV con jquery.corners

23 Feb

Después de descartar realizar las esquinas redondeadas de mis diseños con capas usando imagenes, css propietario y diferentes trucos, he encontrado en http://blog.timersys.com/ la manera de hacerlo con jquery. La sorpresa es que también se puede usar en imagenes, un efecto que puede quedar batante bien y así nos ahorramos tirar del photoshop. Con el código y la actualización que nos ofrecen en este blog el script es compatible con IE y firefox.

 

Crea esquinas redondeadas o grandientes con CSS

26 Nov

Desde está web podremos general el código css necesario para realizar esquinas redondeadas en nuestras capas. http://www.roundedcornr.com/

 
No Comments

Posted in css

 

Como convertir tu diseño PSD a XHTML

26 Nov

He  encontrado estos videotutoriales de como pasar los diseños web´s creados en photoshop a hojas de estilos CSS, son 3 vídeos que están bastante bien. Y para los que ya estamos iniciados en esto del diseño web no es muy complicado de entender. El único pero… es que están en ingles ;-) ))

 
No Comments

Posted in css

 

Paletas de colores para tu web

17 Nov

http://colorbe.com/ otro practico sitio que nos ayudara a encontrar las paletas de colores ideales para usar en nuestros proyectos. El sitio posee un gran número de paletas diseñadas por usuarios las cuales podremos utilizar como referencia, o bien si nos animamos, podremos crear nuestras propias combinaciones para compartirlas luego con ellos. Si desean buscar algunos tonos específicos, es realmente simple, podemos hacerlo mediante el buscador de color u observando la nube de Tags que clasifica a cada uno de ellos, y ver si encontramos la gama de color que nos gustaría utilizar. Si damos con los colores deseados, los seleccionaremos y obtendremos uno por uno el Código Hexadecimal que forman esa paleta.

 
 

Zoomy.js – Otra alternativa para generar tus lightbox

17 Nov

Zoomy.js otra atractiva para generar lightbox. Pesa tan solo 4k y depende de Prototype Javascript Framework y Scriptaculous (effect.js , dragdrop.js) para funcionar. El efecto realizado por Zoomy.js es el de los tradicionales lightbox, hacer un zoom al dar click sobre las imágenes, solo que con la ventaja que al cargar las imágenes de antemano, no hay retraso cuando se produce el Zoom. Además de forma opcional podremos mostrar un titulo o añadir la opción de cerrar las ventanas de forma manual.

Ver Mi demoDescarga Demo – Web Oficial Zoomy – Fuente Anieto2k

Opciones :

  • ppearDuration: Permite determinar cuantos segundos deseamos estén muestras ventanas abiertas una vez realizado el zoom. (valor por defecto: 0,5 segundos).
  • closeButton: Mostrar o no el botón cerrar (valor por defecto: false).
  • draggable: Arrastrar y mostrar el botón Cerrar (valor por defecto: false).
  • hideCaption: (default value: false).

Fuente y más información en: http://xyberneticos.com/

 
No Comments

Posted in css, diseño

 
 
Get Adobe Flash playerPlugin by wpburn.com wordpress themes
web 69 diseño web.