Posteos etiquetados Diseño web

OMFG! La peor web de la historia

No sé como enfocar esto…es lo nunca visto. Es todo un ejemplo de diseño web, un ejemplo a no seguir…

Mejor me dejo de explicaciones y os dejo que lo comprobéis por vosotros mismos. Bienvenidos al futuro pasado del diseño web

Enlace | NorCal Internet Services

La pagina personal mas geek

Isa Costa es una diseñadora web de Portugal, que decidió que su trabajo se debería de ver reflejado en su pagina personal. Y asi lo hizo, como si de una hoja CSS se tratara ha redactado sus datos personales y demás.

El unico fallo que le veo es que quizás no valide ;)

Via | @matallo
Enlace | Isa Costa

La Hacienda

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.

Imagen 1-w450

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

5 sitios para aprender CSS

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

cssplay

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_garde

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

netuts

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

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

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

Plantillas para emails con HTML

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

La guerra de los navegadores

Ilustrativa gráfica sobre la cuota de mercado de los navegadores.

Lo vi en Ateneu Popular que lo vio en Vecindad Gráfica.

La “pagina en construcción” del siglo XXI

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…

La \"pagina en construccion\" del siglo XXI

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.

Via | El Modem
Enlace | Clarkdols.

Inspirandose en otras webs

Me encuentro con este estupendo post de Design Shard donde comentan unas cuantas webs y sus puntos fuertes.

Un buen recurso que nos servirá, para mirar las webs desde un punto critico-constructivo.

Enlace | Design Shard [en]

Go to China

Go to China es el resultado de un viaje realizado por 18 noruegos a Shangai y Pekín.
Me encantan este tipo de webs que tienen como fondo una foto.

Recuerdo que en mi anterior trabajo intenté realizar una web con una foto por fondo y me dijeron que no quedaba bien, que no se veía cool, que esas cosas ya no existen…

A ver que me decís de esto.

Via | CSS Rand
Enlace | Go to China

Lista de efectos jQuery

Seguro que muchos de vosotros -los que os dedicáis a la web- conoceis jQuery. Si no es así, os dejo aquí con lo que dice la Wikipedia:

jQuery es un una biblioteca o framework de Javascript que permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. jQuery, al igual que otras librerías, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta librería se logran grandes resultados en menos tiempo y espacio.

Pues bien, repasando los feeds me he encontrado con este estupendo artículo de Web Designer Wall, -si lo sé, es de hace tiempo pero mi memoria es fatal-.
Aquí encontraréis efectos para imágenes, botones, galerías, scroll, formularios y un largo etcétera.

Enlace| Javascript in modern web design

CSSEdit, el mejor editor de CSS

Ayer hablaban en AppleWeblog sobre Espresso, una nueva aplicación de MacRabbit para diseño web.
En esta entrada, comentaban también acerca de CSSEdit un editor de CSS para MacOS X que no conocía, ayer estuve probándolo y la verdad es que es una pasada.

Así que para los que os guste la validación, el crossbrowsing y demás CSSEdit es vuestro programa.

Via | AppleWeblog
Enlace | Página oficial de CSSEdit
Enlace | Descarga CSSEdit (Dmg, 2.2Mb)

Pattern Tap, recursos para tu web

Atención, que este es el recurso del verano otoño.

Pattern Tap es un mundo de inspiración para los creativos web, podremos encontrar desde páginas de 404, hasta menús pasando por fondos, calendarios y todo lo que pueda encontrarse en una web-

La verdad es que en cuanto lo vi se fue a mi del.icio.us, creo que no soy el unico al que esto le parece una maravilla.

Via | del.icio.us
Enlace | Patterntap

Webs de una sola página

Leyendo el50 me he encontrado con una web de inspiración que me ha encantado, One page love,  paginas webs con solo una página (valga la redundancia). Es decir, que se desarrollan solo cargando una vez, un recurso que me encanta a la hora de montar un portfolio o una galeria.

One Page Love

Inspiración para vuestros proyectos por un tubo, tambien teneis FullSingle y  One Page Folios
Via | el50
Enlace | One Page Love

49 paginas creativas de Error 404

En Hongkiat hacen una recopilación de esas odiosas paginas de Error 404.
Hay algunas verdaderamente muy creativas, como esta de Freeshell.

Freeshell Error
Enlace | Hongkiat

Plantillas CSS gratis con CSS4Free

CSS4Free

CSS4Free nos ofrece multitud de plantillas web basadas en CSS con licencias CC o GPL y que podremos descargar gratis.
Además de poder filtrarlas por tipos -2 columnas, 3 columnas, XHTML- las puedes descargar para ver como están montadas.
Un recurso imprescindible para los que empiezan en este mundillo.

Via | Intenta
Enlace | CSS4Free