Acabo de ver que en help developer han colgado 4 menus css para poder descargarlos. Puedes verlos funcionando, no son impactantes, pero nos pueden servir de ejemplo si no queremos empezar desde cero (o si buscas algun ejemplo para saber como se realizan).
Enlace.
A la hora de maquetar, la mayoría usan (usamos muchas veces) Adobe Dreamweaver. Aún así, hay muchos editores css ahí fuera. Os dejo una pequeña comparativa, con las ventajas e inconvenientes de cada programa, que ha sido realizada en smashing magazine. Una lástima que hayan pocos para linux… aunque algún día trataremos ese “problema”.
Enlace.
Esta vez os dejo un tutorial sobre como crear una página web con una interfaz similar (por no decir calcada) a la de microsoft outlook. Podeis ver una demostración de la interfaz en funcionamiento.
Si quereis ver el tutorial, lo tenéis aquí.
Acabo de encontrar otra página que recopila buenos diseños de páginas web. Quizá os sirva cuando os atasqueis en algún diseño.
Enlace.
En este caso os dejo un pequeño tutorial, sencillo de seguir, para crear un icono típico de descarga con efecto glossy. Si no dominas la creación de este tipo de efectos, el tutorial es bastante instructivo, no enseña nada nuevo de photoshop, pero está explicado ilustrado de forma bastante clara.
Enlace.
Hace poco tiempo (un par de semanas creo) le comenté a un compañero de trabajo que quería hacer un diseño web “a mano” para ver cómo quedaba (seguramente mal, dado lo malo que soy pintando….). Como siempre, en internet, alguien ha tenido tu idea y la ha hecho antes.
Os dejo un enlace en el que [...]
Ya van varias listas con páginas que recopilan buenos diseños, esta entrada es otra más. Veo en freelanceswitch otra recopilación de sitios en los que inspirarse cuando tenemos que hacer un diseño.
Enlace.
Vamos a crear un formulario css válido, con validación en el lado de cliente mediante jquery, y enviando los datos al servidor con ajax. Para el ejemplo, vamos a validar un usuario y contraseña, para la lógica en el lado del servidor usaremos php. Para que toda la programación php sea más fácil y no tengamos que escribir ni una sóla linea de sql usaremos objetos generados con pog (php object generator). Todo esto, con tan sólo unas pocas lineas de código…. ¿Qué más puedes pedir?
Pequeña recopilación de sitios recién lanzado, que como siempre, nos impactan por su diseño visual.
Enlace.
Otro nuevo tutorial en woork, depués del ejemplo anterior donde se creaba un formulario integramente con css, pasamos a otro ejemplo en el que se ilustra el uso de listas (ul y dl) para crear un formulario integramente en css. Como el anterior, bastante interesante.
Enlace.
Este blog es un blog personal. En el postearé manuales, recursos, cualquier cosa que me parezca interesante sobre diseño web, programación web, maquetación, photoshop, y algo de linux (ubuntu y linux mint). Si lo deseas, puedes ponerte en contacto conmigo para cualquier sugerencia, critica, agradeciminto, cualquier cosa referente a este blog.