Proyecto ShinFDuran Home: Día 5 retoques

Ayer ya empecé a echar de menos el no haber realizado el wireframing de versiones más amplias que la mínima del móvil.  Ya incluí algunas media queries pero sobre todo después de hacer el deploy en Nodejitsu y mirarlo más a fondo ví algunas carencias.

Publicar tu app en Nodejitsu con el módulo jitsu

Recientemente cuando ya tenía una app o proyecto web medio visible después de la maquetación, pensé que en lugar de simplemente hacer screens de mi versión local y tener el código en github, subir el proyecto a internet y me ha sorprendido lo fácil que resulta subirlo a Nodejitsu.

Proyecto ShinFDuran Home: Día 4 maquetación con Stylus

Hoy toca empezar a maquetar la web, el día 3 empecé a codear y empezar a tener buenas sensaciones picando código, ahora toca que ese código HTML empiece a tomar forma y empiece a parecer una página web de verdad.

Proyecto ShinFDuran Home: Día 3 Web inicial con Express, rutas y vistas.

Hoy habría que seguir con el wireframing para anchuras mayores, pero el código me llama, me apetecía mucho empezar a implementar la web trasteando el el back-end, de momento me centaré en el diseño móvil y luego ya lo iré adaptando sobre la marcha (que es algo que se suele hacer).

Análisis de HTML5 Boilerplate e Initializr

Antes de empezar con el análisis en sí, me gustaría dejar claro lo que es HTML5 Boilerplate como Initializr.  Y es que sobre todo al principio, se tienden a confundir algunos conceptos o las explicaciones que he visto son bastante vagas, así que he decidido analizarlo en cierta profundidad para saber qué hace cada módulo y así poder elegir los que más nos convienen.

Proyecto ShinFDuran Home: Día 2 comienza el diseño

Pues sí, hoy ya había que empezar con la divertida (para otros) tarea de ponerse con lo que sería el diseño de la web.

Como ya comenté, mi idea era la de hacer el diseño flat design, aunque para ser sincero tampoco estaba muy seguro de lo que era así que inicialmente me dediqué un tanto a informarme más en detenimiento.  Parte de esa información está subida en algunos documentos del proyecto.  En mi github tenéis tanto esos documentos como archivos sobre el wireframing posterior (txt explicativo, imágenes y xmls para cargarlo en Balsamic Mockups).

¿Que es el wireframing?

A la hora de realizar una web es muy importante partir de una base.  Si bien a lo largo del desarrollo los colores, efectos y otras características se pueden ir retocando hay ciertos detalles que de primeras hay que tener medianamente claros.

Uno de esos puntos es la estructura de la web, secciones, contenido y lo que nos ocupa aquí, su distribución en la página.  Lo habitual es que cuando nos pongamos a realizar un proyecto, el cliente quiera que la web esté lista para ayer.  Otra cosa es luego la realidad.

Proyecto ShinFDuran Home: Día 1 Planificación inicial

Hoy tocaba realizar al menos el índice de contenidos.  Si bien al final sólo le he dedicado 2-3 horas al menos he comenzado ya y he empezado a plasmar mis ideas en conceptos más concretos.

Proyecto ShinFDuran Home: Introducción

¿Qué es Proyecto ShinFDuran Home?

Esa pregunta se merece una respuesta, sí.  Como ya comenté al inicio, este blog tiene como fin ayudarme a organizar un poco mis pensamientos, lo que aprendo y mis proyectos en general; y ya de paso intentar obtener algo de utilidad para los demás.

En lugar de dedicarme únicamente a aprender y luego dejarlas aparcadas hasta que me hagan falta, con el riesgo de olvidarla tengo pensado mientras tenga tiempo ir realizando una serie de proyectos en las que ponerlas en práctica, asentar esos conocimientos y posteriormente ver lo que he hecho y qué fases son susceptibles de ser mejoradas.

Diseño del blog y en general

En primer lugar, me gustaría hacer una aclaración sobre el aspecto de este blog y en general de otros proyectos personales que tengo pensado hacer.

Como supongo que ya sabéis la elaboración de una página web tiene bastantes campos (diseño, front-end, back-end, seo,...) que salvo los freelance (y no todos), no los desarrolla una única persona.

Hola Mundo (y a mí primero)

Hola a todos, no he podido mas que usar ese tan recurrente "Hello World" que los que estamos aprendiendo diferentes lenguajes no paramos de ver en los tutoriales.

En este primer post, mi objetivo es presentarme, indicar los motivos que me impulsaron a crear este blog y de qué va a hablar.