El siguiente enlace es un pequeño tutorial sobre como aplicar un pequeño efecto de resaltado a los formularios de manera sencilla con jquery. Es fácil y rápido de realizar, y los resultados que se pueden crear son bastante atractivos.
Acabo de encontrar otra página que recopila buenos diseños de páginas web. Quizá os sirva cuando os atasqueis en algún diseño.
En este caso os dejo un pequeño tutorial, sencillo de seguir, para crear un icono típico de descarga con efecto glossy. Si no dominas la creación de este tipo de efectos, el tutorial es bastante instructivo, no enseña nada nuevo de photoshop, pero está explicado ilustrado de forma bastante clara.
Hace poco tiempo (un par de semanas creo) le comenté a un compañero de trabajo que quería hacer un diseño web “a mano” para ver cómo quedaba (seguramente mal, dado lo malo que soy pintando….). Como siempre, en internet, alguien ha tenido tu idea y la ha hecho antes.
Os dejo un enlace en el que se recopilan diseños de webs o partes de webs hechas, o con el efecto de estar hechas, a mano.
Si seguis mi blog, verés que uso jquery, y que la mayor parte de mis entradas van orientadas a tutoriales y/o novedades sobre esta librería (jquery).
El siguiente enlace contiene un ejemplo bastante básico, ideal si estás empezando a programar con jquery. Es bastante interesante si estás empezando, además, para que sea más ameno y fácil de seguir se han currado un par de vídeos.
Otro tutorial para jquery, esta vez vamos a crear un menú desplegable (también conocido como dropdown) usando, como siempre, jquery.
Dejo un enlace a un tutorial de jquery en el que se nos enseña a crear una especia de “lightbox”, Lightbox fué la primera libreria javascript (o al menos la primera que yo conocí) que agregaba un efecto visual bastante impactante que hasta el momento sólo podíamos realizar con flash. Ya hay muchos plugins para jquery que realizan eso y solo requiren por nuestra parte que escribamos una línea, pero sin duda con el siguiente turorial aprenderás mucho más que simplemente usando un plugin o libreria.
El siguiente enlace es un pequeño tutorial, de nuevo bastante simple, para crear texto o formas con apariencia de chocolate.
Os dejo un pequeño tutorial, de una técnica tan simple como efectiva, para dar profundidad a tus imágenes o diseños, añadir sombras.
Hay varios métodos para poder hacerlas, llevo mucho tiempo usando algo similar como la del siguiente tutorial, uso esta, ya que es la más rápida.
Al fín hoy es el dia. Llevo usandola ya algún tiempo en ubuntu, y a pesar de ser una beta (o rc, no recuerdo bien), iba bastante bién. El listado de las novedades mas destacadas lo tenemos aquí, y la descarga aquí. Si no usas firefox (lo dudo, dada la temática del blog), deberias descargarlo ya, primero por ti, navegarás mejor que con internet explorer, y lo segundo por mi, ya que da menos problemas al diseñar páginas…
Este blog es un blog personal. En el postearé manuales, recursos, cualquier cosa que me parezca interesante sobre diseño web, programación web, maquetación, photoshop, y algo de linux (ubuntu y linux mint). Si lo deseas, puedes ponerte en contacto conmigo para cualquier sugerencia, critica, agradeciminto, cualquier cosa referente a este blog.