HTML0 – A starting point for front-end design

My last post was about front-end design workflow. Since then I got to think that others might benefit from it in a more concrete way.

So here it is, I put everything I use to kickstart a new HTML design project. For lack of time and creativity I named it HTML0. Its main parts are Browsersync + Sass, with a couple of Sass helpers I use frequently.

Any feedback is welcome :)

Fork HTML0 on GitHub.

Portada: RSS reading app with Laravel 5

A few weeks ago, along with Pablo Massa, we launched Portada, a web app to read news from multiple sources.

The Problem

The problem we were trying to solve is that local news sites are mostly hard to read, hard to skim through and cluttered with ads. Also, it would be cool to have all news sources in a timeline fashion. Although you could certainly achieve this last feature using a regular feed reader.

Our Solution

So after a few iterations and proof of concepts, we put together a few components that make the whole app: a Laravel 5 backend for administering news and news sources, a spider that crawls news sources every 5 minutes and dumps them into our database, and a beautifully readable front-end.

Some specs

Apart from Laravel 5, we’re using:

  • Bower for managing dependencies in the front-end.
  • Laravel Envoy for deploying.
  • Bootstrap 3 for the backend.
  • Fastfeed for parsing RSSs.
  • Mustache.js for templating on the front-end.
  • Less/Lesshat for our styles.

From here

The app is mainly done, although we keep a Trello board full of features to evaluate and implement. Some of them include some e-mailing, basic search, real-time refresh, automated testing and of course some refactoring.

You can check out the posts in our blog (in spanish) to follow up the development and design of the app, or read the source code in GitHub.

Fest Contrapedal 2013

Ayer lanzamos junto a GRMN y todo el equipo de Contrapedal el sitio web del Fest, edición 2013.

Este será primer trabajo oficial bajo el nombre de MONTAG, proyecto que formamos junto a Germán.

Los invito a visitar el sitio, ver la programación y asistir a los espectáculos, el baratón, paneles e instalaciones:

Fest Contrapedal 2013

 

Enlaces

 

Fest Contrapedal

Hoy nace la web del Fest Contrapedal.

Hace aproximadamente un mes estamos trabajando en la web junto a Martín Albornoz (Brusterspecial) en diseño, Kristel Latecki (Contrapedal) en contenidos y diagramación y Gabriel Turielle, quien creó el sello y la idea de este nuevo festival.

Mi trabajo consistió en el maquetado del sitio y su implementación. El sitio corre bajo Drupal 7.

Les dejo el link hacia el sitio y la grilla del festival.

Fest Contrapedal

Enlaces

FIDAE

Hace unas semanas fue anunciado el segundo Festival Internacional de Artes Escénicos en Montevideo. La agencia Maldito Rodríguez fue la encargada de realizar todo el arte, incluído el sitio web. Mi trabajo consistió en convertiro toda esa creatividad a HTML.

Los invito a pasar por el sitio (click en la imagen) y ya que están revisar el calendario y ver si alguna obra o actividad les interesa.

FIDAE - Portada

Enlaces

Brusterspecial

Ya se encuentra online el sitio del diseñador y artista Martín Albornoz: Brusterspecial.

El diseño del front-end sitio fue por parte de Martín, mientras que toda la programación, maquetado y el diseño de la administración estuvo a mi cargo.

Fue un lindo proyecto que me permitió trabajar con algunas cosas nuevas como canvas, Jcrop, generación de RSS, entre otros.

Los invito a visitar el sitio y ver los trabajos publicados.

Brusterspecial

Link: Brusterspecial.