En algunos artículos de este blog (p.e. 35 diseños web al estilo Apple [inspiración] o Tutoriales sobre diseño web al estilo Apple) hemos tratado de temas relativos a como incluir en nuestros diseños web la apariencia de diseño de las páginas de Apple. En este artículo incluimos algunos tutoriales y plugins que nos ayudarán a aplicar jQuery para generar en nuestras páginas web efectos y funcionalidades similares a las que nos presenta la interface del iPhone.
Debug de aplicaciones web con Firefox
En algún artículo anterior sobre complementos de Firefox para desarrollo y diseño web hemos hablado de Web Developer, Firebug, etc. Estas extensiones añaden a nuestro navegador funcionalidades para examinar el código que implementa nuestra página permitiendo análisis de formularios, de código CSS, información sobre imágenes en cada página, visualización de código JavaScript, etc, etc.
En este artículo vamos a profundizar un poco más sobre su utilidad para la a veces tediosa tarea de realizar un debug de una aplicación web existente.
Wave: nueva plantilla para WordPress
Obox acaba de publicar (22 de Junio de 2011) una nueva plantilla para WordPress especialmente orientada para construir tumblogs. Se trata de un tema con estética minimalista y un diseño exclusivo que buscar hacer hincapié en el contenido de nuestras páginas eliminando elementos superfluos. Cuenta con un ligero estilo grunge y con la funcionalidad especial de la diferencia de alineamiento para cada una de las entradas en la página de blog.
Tumblr: artículos y recursos de desarrollo de plantillas
Tumblr es una plataforma de microblogging que permite a sus usuarios publicar textos, imágenes, vídeos, enlaces, citas y audio a manera de tumblelog (un blog en formato corto). Los usuarios pueden «seguir» (follow) a otros usuarios registrados y ver las entradas de éstos conjuntamente con las suyas, por lo cual Tumblr puede ser considerado una herramienta social.
Si tenemos conocimientos conocimiento básicos de HTML y CSS, ponerse a programar una plantilla para Tumblr es bastante sencillo. Básicamente, un tema de Tumblr es una página HTML con todos los artículos agrupados.
El desarrollo de un tema para Tumblr es muy similar al de la creación de una plantilla para WordPress o Blogger, diferenciándose, principalmente, en el uso del bucle que genera la secuencia de post publicados.
En nuestra página “Plantillas gratis para Tumblr” encontraréis eso, plantillas gratuitas para este sistema de microblogging. Si no os convencen y queréis algo con más funcionalidades podéis ir al final del artículo donde hemos incluido plantillas comerciales que nos parecen destacadas.
Si queréis meteros en harina y poneros a programar plantillas para Tumblr, aquí os dejamos unos cuantos artículos, algunos tutorializados, para aprender a hacerlo.
Frameworks CSS, plantillas y herramientas para arrancar un diseño web
A la hora de arrancar el diseño y desarrollo de un sitio web podemos valernos de multitud de herramientas y utilidades que nos pueden ayudar a simplificar el trabajo. Las colecciones de librerías incluidas en frameworks CSS, snippets con funcionalidades específicas, plantillas, etc. son algunos de los elementos en los que nos podemos apoyar para ello.
En este post incluimos algunas que nosotros utilizamos y nos resultan de especial ayuda. Hemos querido prestar especial atención a las herramientas que nos permiten implementar los nuevos estándares como son HTML5 y CSS3 y a las que nos facilitan el diseño y desarrollo de sitios en WordPress con estas tecnologías.
En la página “CSS: Herramientas para diseño web“ de este blog encontraréis algunas más, así como generadores de código, de grids, de botones, etc.
10 sencillos diseños de páginas web creativas [inspiración] – junio 2011
Incluimos la colección de páginas web creativas seleccionadas en Daily Inspiration este mes. Se trata de diseños web sencillos en los que destacan algunas de las tendencias actuales más importantes:
- utilización de HTML5 y CSS3 frente a Flash
- sencillez en el uso de los esquemas de color
- simulación de la profundidad de campo
- utilización de imágenes como fondo de página
- diseño minimalista
Sin duda una gran fuente de inspiración…
