Recursos para Diseñadores Gráficos y Web | Creativos Online » html

Grid Builder, la forma más sencilla de crear grids

Carlinhos — Mon, 09 Jan 2012 14:18:26 +0000

Para crear las estructuras de una página web podemos optar por varias opciones de distinta utilidad, pero si queremos una sencilla creo que Grid Builder es una opción a tener muy en cuenta.

Lo que permite esta utilidad es crear grids mediante un sistema de arrastrar y soltar, lo que hace que la gente menos experimentada en estas lides sea capaz de crear un grid sin demasiada complicación.

No está nada mal, así que yo me la he guardado sin pensármelo en favoritos.

Enlace | Grid Builder

Fuente | WebResourcesDepot

Videotutorial: De PSD a HTML con Basekit

Gema — Sun, 31 Jul 2011 16:16:03 +0000

Pinche aquí para ver el vídeo

¿Qué te parecería diseñar la interface de tu web en Photoshop y que alguien en muy poco tiempo te la dejara lista y con todo su código escrito en HTML para subirla a la red?

Basekit es una empresa/web que nos ofrece enviarles un diseño web en PSD y devolvérnoslo en formato HTML para poder tener nuestra web online en unos minutos.

Con este tutorial aprenderás a usar sus servicios de una forma muy visual

Chuleta con herramientas para HTML5

Gema — Thu, 19 May 2011 16:57:00 +0000

Si estás empezando a programar con HTML5 o si ya sabes pero los tags que utilizas son demasiado para memorizarlos, aquí te dejo esta gran infografía (que no viene siendo otra cosa que una chuleta con colores y presentada de una forma muy bonita :-P ) para que la tengas a mano siempre que la necesites.

En ella encontrarás los nuevos tags que aparecieron con HTML5, los que siguen en esta nueva versión pero ya estaban en versiones anteriores y también aquellos que funcionaban hasta la versión HTML 4 pero ya no funcionan en esta…además de información sobre navegadores y atributos.

Clica en aqui para ver la chuleta

Fuente | Inspiredm

Internet Explorer 6 y 7: muerte a la vista

Carlinhos — Fri, 29 Apr 2011 18:05:01 +0000

Si eres diseñador y trabajas con HTML/CSS sabrás que lo más parecido que hay a Internet Explorer 6 y 7 es una patada en el culo bien fuerte, porque lo único que hacen por desgracia es poner impedimentos a las buenas prácticas en la web.

Por suerte los últimos análisis web dejan algo claro: su uso se está viendo erradicado y queda tan solo aproximadamente un 5% de usuarios activos con estos dos navegadores, algo que desde mi parte nos indica que ya no debemos seguir desarrollando para ellos.

Yo seguiré incluyendo pequeños tweaks para que mis sitios sean visibles en dichos navegadores, pero nada de hacer que se vean igual y gastar horas y horas en ello. No, gracias.

Fuente | Cristalab

35 Diseños Web Single-Page

Carlinhos — Sun, 03 Apr 2011 12:42:37 +0000

Los sitios web de página única están cada vez más de moda ya que permiten mostrar toda la información en una única página sin necesidad de seguir enlaces, por lo que son comodísimas para el visitante.

En este post tenéis treinta y cinco sitios web que han empleado esta técnica y lo han hecho a las mil maravillas, por lo que si tenéis que coger inspiración lo mejor es que sea en esta entrada.

Fuente | Designm.ag

Tomando el control del “mailto:”

Carlinhos — Mon, 28 Mar 2011 14:09:16 +0000

¿Crees que el comando “mailto:” simplemente se limita a añadir una dirección de correo y ya? Pues te equivocas, es muy personalizable y yo os voy a enseñar como hacerlo.

La teoría

Lo primero que hay que tener claro es que el comando “mailto:” se utiliza igual que las strings de HTML, así que para añadir cosas las concatenaremos así: esteeselcomando:haciaquienlodirigimos?primera=prim&segunda=seg&tercera=terc.

Si no lo habéis entendido yo os lo explico: el comando va lo primero, después de los dos puntos ponemos el receptor, la primera query va con la interrogación y el resto se concatenan con el ampersand.

Los comandos

Dirección: mailto:dirección
Múltiples receptores: mailto:dirección1,dirección2
Con copia: mailto:dirección?cc=direccióncopia
Con copia privada: mailto:dirección?bcc=direccióncop
Con asunto: mailto:dirección?subject=Asunto
Con mensaje: mailto:dirección?body=Hola%0ACarlinhos (%0A salta de línea).

El ejemplo

Vamos a crear un mail a una dirección ficticia que tenga asunto, cuerpo y copia.

mailto:carl@inhos.com?bcc=linhos@car.com&subject=Asunto de correo&body=Hola%0ACarlinhos.

Puedes comprobar que funciona pulsando aquí.

Gira contenido HTML con rotate3Di

Carlinhos — Mon, 29 Nov 2010 13:57:27 +0000

Los nuevos estándares nos dan posibilidades que antes no teníamos, y es que gracias a CSS3 y HTML5 nuestras posibilidades se han visto ampliadas de una forma muy notoria sin necesidad de usar otras tecnologías.

Con la ayuda de jQuery -indispensable casi siempre- podemos rotar contenido con rotate3Di, que se basa de las CSS3 Transforms para lograr el efecto de rotación tridimensional.

Además, podemos personalizar algunas cosas del plugin, por lo que es ideal para experimentar.

Fuente | WebResourcesDepot

Enlace | rotate3Di