Te presento «La Batidora – Tu mix de diseño y desarrollo web«, una nueva categoría en SiliCodeValley donde pretendo compartir contigo sesiones de trabajo «en directo» y te mostraré como diseñar y desarrollar pequeñas funcionalidades o apartados útiles para un sitio web.
Lo cierto es que uno de los motivos por los que creé SilicodeValley fue para poder compartir algunas cosas útiles que me iba encontrando en mi día a día como diseñador y desarrollador web freelance. No obstante decidí dar prioridad a educar desde el principio (con lecciones como HTML, CSS…), pero hace escasos días me vino a la cabeza la idea de hacer una nueva sección, no tan enfocada a ser un tutorial como los que venimos viendo, sino más bien un screencasting mientras realizo algún mini proyecto.
Además, pretendo mostrar una parte más real y humana de este oficio, donde para conseguir sacar algo antes nos tropezamos varias veces y tenemos que ayudarnos de otras webs para hallar la solución. Por lo tanto, estos vídeos no están editados y es posible que aparezca algún que otro taco (pido disculpas por adelantado). Asimismo, son vídeos un poco más largos, ya que se afronta un mini proyecto de inicio a fin, por lo que si eres un poco impaciente te recomiendo subir la velocidad del vídeo con Youtube.
Es importante remarcar que no se trata de un vídeo tutorial y que, a pesar de narrar lo que voy haciendo, mi objetivo no es tanto educar sino mostrarte como afronto ciertos mini retos. Es por ello que se utilizarán distintas tecnologías que quizás no conozcas —de ahí el nombre de La Batidora.
Al final de cada episodio, podrás descargarte el código y utilizarlo sin ningún tipo de limitación, ya sea en tu sitio web o en el de tus clientes, lo único que te pediré es que ayudes a SiliCodeValley a crecer en las redes sociales, para que así me permitas ayudar a más gente 🙂
Finalmente, quiero dar las gracias a mi pareja Berta, por haberme ayudado con la grabación de la intro de cabecera y el buen rato que pasamos y al ilustrador y diseñador gráfico Liu, por el súper logo que ha creado para esta sección.
Aquí tienes varios links útiles sobre cosas vistas en este episodio:
- Editor Gráfico: Sketch (sólo para Mac).
- Framework Bootstrap 3 y su documentación (Si deseas aprender más tengo un curso sobre ello).
- Compilador de LESS gratuito, SimpLESS.
- Google Fonts, Open Sans
- Generador de Border Radius en CSS
Descárgate el código y úsalo en tus proyectos.
Recuerda reproducir el vídeo en alta definición (HD).
Un abrazo,
Muchas gracias David, y enhorabuena por el proyecto. Estaré pendiente a las futuras actualizaciones! 😀
¡Muchas gracias Manuel por el apoyo!
Excelente
¡Mil gracias Jasson!