miércoles, 31 de agosto de 2011

JESUS KANA :: DISENADOR WEB PROFESIONAL::PORTAFOLIO

JESUS KANA :: DISENADOR WEB PROFESIONAL::PORTAFOLIO:

Pagina web oficial

lunes, 22 de agosto de 2011

25 llamativos sitios web con textura


vidamrr-25 llamativos sitios web con texturas Los sitios web con texturas abundan en todo internet, y es que son un toque elegante para darle un poco de más vida, es más, cambia totalmente la presentación del mismo sitio porque no tiene espacios blancos huecos, sino que al menos ya tiene un poco de color de fondo .

En este posts vamos a ver 25 llamativos sitios web con texturas, en donde podremos ver como se juega tanto como texturas en fondos como en elementos, también el uso de fuentes, colores y formas, sin dejar de lado la estética limpia. No se olviden de compartir si les gustó el post


cheesemongerinvitational

seamco

cakesweetcake

peternappi

culturalsolutions

bigeyecreative

andrewbeckwith

fingerbilliards

bitfoundry

seorockstars

elpassion

capitalcamp

madaboutmakeup

rshahin

carnivaleduvin

labelmycoffee

railroadrevivaltour

wpcoder

gregmcausland

havana-mojito

frontendlabs

deda

rourkery

domusinfabula

danogborn


viernes, 19 de agosto de 2011

Fotografías de familiares fusionados


Fotografías de familiares fusionadosHoy les traigo unas fotografías muy creativas, que estoy seguro se van a impresionar. Ulric Collette es un fotógrafo al cuál le gusta manipular sus fotografías, combinando personajes. En esta ocasión lo que hizo fue tomar fotografías de familias, y combinarlas en un sólo retrato para formar una composición impresionante. Combinó hermanos con hermanos, hermanos con padres, gemelos, y demás, la verdad tienen que ver todas las imágenes, porque tomó el cuidado de que no se viera vil cortado y pegado, sino todo un buen trabajo de manipulación y fotografía. Entonces, les dejo fotografías de familiares fusionados.

 



martes, 16 de agosto de 2011

Cómo usar el Input mail en HTML5



vidamrr-email-html5

Con HTML5 no sólo la etiqueta de video o audio se hace presente, de hecho hay nuevas etiquetas y nuevos elementos que iremos conociendo poco a poco. Pero hoy nos vamos a centrar en un nuevo tipo de elemento de formulario, el de correo electrónico.

A continuación vamos a ver cómo funciona este nuevo campo mail en HTML5, también está el de teléfono, pero en esta ocasión para ir entendiendo cada uno analizaremos el de correo.

¿Qué elemento es el campo de mail?

Como sabemos, en el caso de los formularios al especificar un campo de texto en HTML4  teníamos la posibilidad de elegir el tipo como los siguientes:

  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text

Sin embargo muchas veces al momento de validar datos en un campo de texto era muy difícil, o no todos sabían, cómo validar algunos parámetros, como saber se introduce una sintaxis de correo electrónico correcto, o un teléfono, por eso es que se agregaron estos nuevos valores:

  • email
  • tel
  • url
  • number
  • range
  • date
  • search
  • color

Entonces, el campo que vamos a analizar hoy es el de email, para conocer bien uno por uno cómo funciona y lo que podemos hacer.

¿Cómo creo mi campo email?

Si ya has trabajado con formularios sabrás que para definir un campo usas la etiqueta <input />, y para el campo de correo es lo mismo sólo que agregamos un tipo de campo, así:

<input type="email" />

image

Y de esta forma ya tenemos nuestro campo de correo electrónico. Lo que se preguntarán es lo que hace,  pues bien, cuando se aplica un formulario, y un botón para enviar la información sucede dos cosas:

  • Si introduces los parámetros correctos (el arroba @ y los punto com ".com.") el formulario se enviará a la dirección que le hayamos puesto al form.
  • Si no se coloca algún parámetro de correo electrónico, se mostrará un mensaje de error y se evita automáticamente que se envié el formulario.

image

Algunas curiosidades

Hay que recalcar algunas cosas muy interesantes:

1. Cuando el campo no es válido se coloca un tooltip de error, que sin duda se podrá cambiar conociendo el estilo CSS correcto.

2. Estos nuevos campos se adaptan a los smarthpones, por tal motivo cuando usen el campo desde un IPhone, por ejemplo, se desplegará el teclado para correos electrónicos, así como el teclado de números si el campo es de teléfono.

3. Al campo input se ha agregado el parámetro placeholder, el cual nos da la posibilidad de colocar un texto de fondo en el campo, que se desaparece una vez que recibe el foco, como método de ayuda o sugerencia de qué escribir.

Conclusiones

Quise dar este tutorial de forma muy sencilla, como una pequeña introducción de cómo funcionan las nuevas etiquetas o parámetros en HTML5, en los siguientes tutoriales ya empezaremos a combinar HTML5 con CSS3 y Javascript, para poder tener más control.

No se olviden de revisar la siguiente tabla de compatibilidad, para que chequen en qué navegadores es posible colocar estos elementos.

image



lunes, 15 de agosto de 2011

Descargas de esta semana


Photoshop User - September 2011

Posted: 15 Aug 2011 06:02 PM PDT

Photoshop User - September 2011

Photoshop User - September 2011

English | PDF | 124 pages | 39.6 Mb


Photoshop User is the leading Adobe Photoshop "how to" magazine for photographers, digital artists, and designers. It features in-depth Photoshop tutorials written by the most talented photographers, designers, and leading authors in the industry. You'll find the latest tips, tricks, insider secrets, and techniques as well as industry news, product reviews, and other cool stuff in every issue. A special section covering Adobe Lightroom is also included in each issue. Its editor-in-chief is Scott Kelby, the world's bestselling computer and technology book author worldwide and founder of NAPP (National Association of Photoshop Professionals). Photoshop User is the official publication of NAPP with annual subscriptions only available to NAPP members.


Desktop Wallpapers (169)

Posted: 15 Aug 2011 05:29 PM PDT

Desktop Wallpapers (169)

Desktop Wallpapers (169)
89 JPG | 1600X1200 - 3200X2000 | 106 Mb


Brand X Pictures - Sky (# 054)

Posted: 15 Aug 2011 03:57 PM PDT

Brand X Pictures - Sky (# 054)


Brand X Pictures - Sky | #054 | 152 Mb

100 JPG | Hi-Res (3900�2625) | Lo-Res (800�538)

300 dpi | 72 dpi




Fresh Fruit - Stock Photos

Posted: 15 Aug 2011 03:40 PM PDT

Fresh Fruit - Stock Photos

Fresh Fruit - Stock Photos

5 HQ jpeg images | max 4900x4400 pixels | 17.9 Mb



Fresh Juices - Stock Photos

Posted: 15 Aug 2011 03:39 PM PDT

Fresh Juices - Stock Photos

Fresh Juices - Stock Photos

5 HQ jpeg | max 3400x3700 pixels | 8.3 Mb



45 Unbelievable Fantasy HD Wallpapers

Posted: 15 Aug 2011 03:13 PM PDT

45 Unbelievable Fantasy HD Wallpapers

45 Unbelievable Fantasy HD Wallpapers
JPG | 45 | 1920x1200 | 34 MB



Milk and Bread - Stock Photos

Posted: 15 Aug 2011 02:59 PM PDT

Milk and Bread - Stock Photos

Milk and Bread - Stock Photos

5 JPG | max 5500x5200 | 14.6 Mb



Back to School - Vector Art

Posted: 15 Aug 2011 02:56 PM PDT

Back to School - Vector Art

Back to School - Vector Art

2 eps files | jpeg preview | 12.7 Mb



Zodiac and Dragon 2012 Calendars

Posted: 15 Aug 2011 02:49 PM PDT

Zodiac and Dragon 2012 Calendars
Zodiac and Dragon 2012 Calendars
2 eps files | jpeg preview | 11.2 Mb



55 Beautiful Girls HQ Marvelous HD Wallpapers

Posted: 15 Aug 2011 02:48 PM PDT

55 Beautiful Girls HQ Marvelous HD Wallpapers

55 Beautiful Girls HQ Marvelous HD Wallpapers
55 pics | JPG | 1600x1200-2560x1600 | 52.13 MB