Diseño web
Vimeo y Youtube se pasan a HTML5
Ene 25
Hace unos dias media blogosfera se dio un vuelco con la transición de  Flash a HTML 5 por parte de Youtube. El rey de los videos ha decidido ir suprimiendo el Flash de sus videos para integrarlos con HTML5 -como ya hiciera Dailymotion hace unos meses-. Con este ganaremos en velocidad, en uso de recursos y  nos olvidaremos para siempre del molesto banner que nos indica que hemos de instalar Flash.
Esto ha sido un golpe de efecto y el otro gigante de los videos, Vimeo, tampoco se quiere quedar atrás. Parece que poco a poco la web tiende a olvidar a Flash sirviendose de AJAX y HTML5, asi en unos meses, cuando los navegadores se actulicen, podremos ver los videos de Youtube desde una Blackberry, un iPhone o un Nokia.
¿Es este el final de flash tal y como lo conocemos?¿Quedará relegado a uso exclusivo para animación? Esperemos que si, por el bien de los recursos de nuestro ordenador -Ubuntu lo estará agradeciendo eternamente- y por el futuro del desarrollo web.
Via | Alt1040
La Hacienda
Oct 27
SÃ, este es el nombre de un bar -que nada tiene que ver con la Hacienda española, ni con la Hacienda en Manchester- ubicado en Dinamarca. No hablaré mucho mas de este bar dado que mi conocimiento del danés es nulo.
Y no, no hemos convertido en un blog de recomendación de bares ni nada por el estilo. Pero me gustarÃa hacer una apreciación sobre esta web, y es que si no tienes mucho que decir, ¿por que hacerlo?.
Fijaos en el minimalismo extremo de esta web, una introducción y una carta de precios, lo demás son las fotografÃas que es lo que realmente nos interesa. No sé, en un momento dado puede ser una opción decantarnos por este tipo de diseños /no-diseños.
Enlace | Hacienda
Como colocar una imagen de fondo completa en una web
Ago 31
La gente de CSS Tricks ponen de ejemplo una coolsite de la que ya hablamos aquà para demostrarnos que colocar una imagen de fondo completa no es tan complicado.
Via | TabloSign
Enlace | Perfect Full Page Background Image [en]
5 sitios para aprender CSS
Jun 19
Si nos habéis leÃdo alguna vez sabréis que en Tu Mente Crea nos gusta -y bastante – el diseño web.
Además nos gusta hacerlo bien, compatible con los estándares, vamos lo que se llama cross-browsing.
Por ello creo esta lista para que podáis tener recursos siempre que queráis, por otra parte agradecerÃa cualquier aportación.
CSS Play
Aunque tenga mas publicidad que la que reseñamos en este blog, CSS Play es uno de los sites donde mas aprenderás CSS y sus trucos. Demostraciones y articulos sobre todos y cada uno de los elementos de CSS te demostrarán que si eres constante y quieres aprender lo conseguirás.
CSS Zen Garden
CSS Zen Garden es como Sodoma y Gomorra del CSS. Me explico, no es un sitio de aprendizaje directo, sino que los usuarios cuelgan sus creaciones con CSS y viendo el codigo y lo que tenemos delante se pueden aprender muchas cosas.
Net Tuts
Net Tuts, de los creadores de PSDTuts, es una web donde verás post inspiracionales, artÃculos que hablan sobre usabilidad y tutoriales muy bien explicados,cada uno con el codigo desmenuzado y una demostración. Además tambien tratan AJAX -y por lo consiguiente JavaScript- XHTML y PHP.
W3C Schools
Son los padres de la W3C, la World Wide Web Consortium, los que parten el bacalao, los que dicen si eso vale o no… Vamos que si lo que dicen estos tÃos va a misa, mejor enterarse.
A List Apart
En esta web se recogen articulos sobre los profesionales del diseño y la estandarización web, lleva 11 años al pie del cañón mostrándonos como y hacia donde va el diseño web.
Inspirado en un articulo de Make use of
prettyPhoto: Un clon de lightbox
Jun 16
Stéphane Caron es el autor de DprettyPhoto, un clon de lightbox pero mucho mas ligero y con mas opciones.
Podemos embeber desde una galeria hasta videos de Youtube o Quicktime, incluso webs enteras que funcionan como un iFrame.
Esta testeado en Firefox 2, Safari 3, Opera 9 e IE6
Nectar
Jun 3
Navegando por la red de redes en busca de estudios de diseño de Valencia (para hablar aquà de ellos y por que no, intentar sumergirme en una nueva aventura aka mejorar-mi-situación-laboral) me encontré con Nectar.
Vaya tela la de trabajos y de calidad que tienen estos hombres de la ciudad de las Naranjas, de hecho su web se va también a Cool Sites, porque me ha encantado.
Enlace | Nectar Estudio
Typetester, compara tus tipografÃas online
May 17
El gran Google me ayudó este fin de semana a encontrar un programa estupendo para la maquetación de parrafos, paginas y tipografÃas y demás online.
Typester es una webapp que nos permite comparar a primera vista 3 tipografÃas diferentes con sus múltiples variaciones (itálicas, negritas..) Ademas, es posible cambiar el interletrado,interlineado y despues que nos dé directamente el codigo CSS.
Una gran webapp, que os vendrá de maravilla para vuestro proximo proyecto web.
Enlace | Typester
8 soluciones javascript para los problemas mas comunes de CSS
Abr 29
En catswhocode recogen 8 javascript que nos ayudarán cuando con CSS no podamos hacer lo que queremos, o sà pero los usuarios sigan utilizando IE 5.5
Estos archivos nos ayudaran por ejemplo a solucionar problema de los PNG en Explorer o a tener esquinas redondeadas compatibles con todos los navegadores.
Via | Xyberneticos
Enlace | 8 Javascript solutions to common CSS problems
30 meús de navegación con CSS
Abr 22
Otra vez más os mostramos unos cuantos menús CSS para desarrollar en vuestras webs, estos creo que son los mas vistosos y mas difÃciles de desarrollar si no tenéis mucha idea de CSS.
Suerte con la W3C :D
Enlace | 30 Exceptional CSS Navigation
Plantillas para emails con HTML
Abr 14
Buscando soluciones para realizar un newsletter por mail y que fuera correcto me encontré con estas plantillas para emails con HTML.
Que aproveche.
Via | Recursos DMSTK
60 iconos gratuitos para el diseño web
Mar 30
Más recursos, esta vez para los diseñadores web en especial. 60 conjuntos de iconos gratuitos que facilitaran nuestra tarea.
Enlace |60-free-vectors-icons-for-web-designers
Supersized o como ocupar toda la pantalla del navegador
Mar 3
Mas de una vez habreis visto una web que tiene de fondo una fotografia y que se ajusta a la pantalla sea en la resolución que sea.
Hay diversos métodos para realizarlos, pero sin duda el mas útil y fácil es utilizar Supersized, un plugin para jQuery y que funciona en (Firefox, Safari, Opera y IE6+)
Demo | Tutorial e instalación
Via | Isopixel
Enlace | Supersized
La guerra de los navegadores
Ene 12
Ilustrativa gráfica sobre la cuota de mercado de los navegadores.
Lo vi en Ateneu Popular que lo vio en Vecindad Gráfica.
Recursos tipográficos para CSS
Nov 14
Trabajando en mi ultimo proyecto me he encontrado con dos pseudo webapp’s que os facilitarán la tarea de trabajar con textos cuando diseñéis una web.
Por una parte, CSS Type Set. Simplemente es una GUI para tratar textos y que nos genera el codigo en CSS.
Por otra, Blind Text Generator. Que es algo asi como Lipsum, pero evolucionado, un generador de texto simulado con muchas opciones.
La “pagina en construcción” del siglo XXI
Oct 27
En los 90 era muy normal ver miles cientos de paginas mostrando un gif -en el peor de los casos era animado- con algun elemento de construcción para decirnos que la web todavia no estaba acabada.Ya el remate era con encontrarse con un titulo moviendose de izquierda a derecha…
A los de Clarkdols -que no tiene nada que ver conmigo- se les ha ocurrido tomar esta idea y renovarla.
Si quereis ver como se lo ha montado, visitad su web.
