Recursos
publicado hace 4 días bajo CSS, Drawter, Generador, HTML.
Esta página creada con JavaScript y jQuery ayudara a los diseñadores a crear páginas de forma sencilla y 100% visual. Simplemente dibujaremos las distintas áreas y etiquetas en el área de dibujo y el solo se encargara de generar el HTML y CSS para crear un diseño que luzca igual que nuestro dibujo.
Una vez que tengamos todo “dibujado” en Drawter podremos entrar al modo de edición donde podremos personalizar aún más las propiedades de cada elemento. Tipo de letra, tamaño, color, color de fondo, contenido y prácticamente cualquier propiedad y atributo.
Visto en el Tumblog de ThemeForest
Recursos
publicado el 4 de February del 2010 bajo Diseño, Dummy Image, Generador, HTML, Imágenes.
Muchas veces, sobre todo a la hora de maquetar un diseño he tenido la necesidad de generar una imagen de un tamaño determinado sin nada en especial y he tenido que recurrir a editores de imágenes.
Dummy Image nos permite generar imágenes de cualquier tamaño de forma dinámica e instantánea.
El funcionamiento es sencillo simplemente incluimos una imagen como haríamos normalmente con la URL y las dimensiones al final de la siguiente forma:
Código HTML (Copiar):
-
<img href=
"http://dummyimage.com/50x50" title=
"Imagen de 50x50" /
>
-
<img href=
"http://dummyimage.com/150x50" title=
"Imagen de 150x50" /
>
-
<img href=
"http://dummyimage.com/300x100" title=
"Imagen de 300x100" /
>
-
<img href=
"http://dummyimage.com/600x300" title=
"Imagen de 600x300" /
>
Sencillo, ¿verdad?
Recursos
publicado el 3 de February del 2010 bajo código, compatibilidad, Flash, HTML5, SublimeVideo, Vídeo.
SublimeVideo es una demostración de lo que es capaz el HTML5. Ultimamente, cada vez más, Flash está poniendose en entre dicho y grandes webs como Youtube o Vimeo están comenzando a experimentar con reproductores de vídeo basados en HTML5. Aún es pronto para decir a ciencia cierta si Flash dejará de usarse pero lo cierto es que HTML5 es capaz de sustituirlo y además evitaremos el consumo excesivo de Flash y sus malditos cuelgues.
SublimeVideo además de contar con una interfaz muy agradable, además nos permite saltar directamente a cualquier momento del vídeo sin esperar a que cargue y aunque no permite usarlo a pantalla completa si nos permite maximizar el tamaño del vídeo aprovechando al máximo la ventana del navegador con un efecto muy bonito.
El único problema por ahora, la compatibilidad. Aunque esto es más culpa del navegador que de el código en si, por ahora SublimeVideo solo es compatible con Safari (v4.0.4+), Chrome (V4+) o Internet Explorer con Chrome Frame instalado.
Recursos
publicado el 1 de February del 2010 bajo Descargar, iconos, Redes Sociales, Vectores.
En Icon Dock han liberado un set de 50 Iconos de Redes sociales ideales para colocar en nuestra web y permitir a los visitantes compartir o enviar las noticias a las distintas redes.
Cada uno de los 50 iconos están en 32px y 16px en formato vector, por lo que podremos redimensionarlo a cualquier tamaño y seguirá viendose correctamente. Además de en formato vector EPS también vienen en PNG, y GIF. Lo mejor de todo, son muy bonitos.
Página de autor - Descargar / Lista completa de iconos
Recursos
publicado el 22 de October del 2009 bajo Adobe BrowserLabs, Blog, Diseño, Errores, Firefox, Firefox 3, Herramienta, Internet, Internet Explorer, Internet Explorer 6, Labs, Leopard, Navegadores, Safari, Web, Windows.
A la hora de diseñar es MUY importante que comprobemos como se ve nuestra página web en los distintos navegadores que hay en el mercado. Por lo menos con los más importantes como IE6, IE7, Firefox y Safari.
Yo normalmente cuando diseño lo hago en Snow Leopard por ello lo tengo muy difícil para probar la web en Internet Explorer y siempre he tenido que probar la web en otros equipos por lo que si hay errores se me hace muy difícil ir comprobando la web y actualizando hasta que el resultado sea el deseado.
A través de Arturo Goga me he encontrado con Adobe BrowserLabs que nos permite probar nuestra web en Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Firefox 2.0 / Firefox 3.0 (en OS X, Windows) y Safari 3.0 (en OS X, Windows) / Safari 4. Y todo ello sin instalar nada.
Una gran herramienta. Por cierto, me he dado cuenta de que este diseño del blog (no lo había revisado) se ve perfectamente en las versiones más viejas de IE. 
Tipografias
publicado el 26 de February del 2009 bajo Arte, Curiosidades, Curioso, Guiabreve, HTML, img, Internet, Optica Normal, Recursos, Tipografía, Web.
En la imagen de la izquierda pone "Una fuente" escrito con Optica Normal una fuente un poco extraña. Si no podéis leer el texto en la imagen probad a alejaros de un poco de la pantalla y lo veréis más claro.
Como veis la fuente está compuesta diagonales que sobre otras lineas diagonales crean este efecto tan curioso. Lo se, se que no es una fuente ideal para la legibilidad y la usabilidad, y que a nadie se le ocurra, por favor, usarla en una página web, pero esta fuente logra destacar por su originalidad.
(Vía: Optica Normal, una tipografía con un curioso efecto visual)
¡Bienvenido!, este es mi blog personal en el que escribo con cierta frecuencia. 