David Ruiz López

Responsable de desarrollo en eldiario.es, he pasado por el lab.rtve.es, ideup! y hecho trabajos freelance.
He trabajado en proyectos de periodismo de datos, multimedia, video, nuevas narrativas, interactivos, gamificación, mapas, redes sociales, infografía, fotografía, 360º, web comercial.
Con tecnologías como CSS3, HTML5, jQuery, javascript, Silex, PHP, video API, Drupal, angularJS, ver más...
Maquetación, Symfony, SEO, Slides, D3js, Waypoints, Twitter API, popcornjs, svg, form API, Google Maps, fullScreen API, history API, Youtube API, highCharts, mapBox, openLayers, Wordpress, OpenX, raphaeljs, canvas, Streaming, cartoDB, Responsive design, Mobile First, Leaflet, knightlab timeline.
Más en o .
  • 09/2015
    Centro de datos electorales de eldiario.es
    eldiario.es / periodismo de datos Silex - Symfony - D3js - jQuery - HTML5 - CSS3 - PHP

    Todos los datos electorales de las elecciones autonómicas, municipales y generales de los últimos años recopilados en un portal de fácil acceso y visualización de datos.

    Visitar el proyecto
  • 09/2015
    Tercer aniversario de eldiario.es
    eldiario.es / multimedia - video Silex - PHP - jQuery - Waypoints - Streaming - video API - Slides

    eldiario.es cumple tres años de periodismo a pesar de todo. Os contamos nuestras novedades, últimas incorporaciones, la nueva redacción, y las cuentas para que, como cada año, se sepa con total transparencia en qué invertimos el dinero de los socios.

    Visitar el proyecto
  • 08/2015
    Error de sistema, un proyecto fotográfico de Marc Femenia
    eldiario.es / multimedia - periodismo de datos Silex - PHP - Symfony - SEO - history API - fullScreen API - jQuery - CSS3 - Mobile First - Responsive design

    Lo construido como símbolo de la “Marca España” se convirtió en la vergonzosa evidencia de un sistema de mala planificación. Un recorrido fotográfico por la burbuja inmobiliaria española.

    Visitar el proyecto
  • 07/2015
    No saben que estoy viva
    eldiario.es / nuevas narrativas HTML5 - jQuery - CSS3 - Waypoints - Youtube API

    Historias de las víctimas olvidadas de Sudán del Sur. El país más joven del mundo cumple cuatro años de una independencia que no ha acabado con la guerra.

    Visitar el proyecto
  • 02/2015
    Los desmanes del fútbol español
    Freelance / periodismo de datos - nuevas narrativas Silex - Symfony - PHP - jQuery - history API - SEO - Maquetación - CSS3 - HTML5

    La deuda pública acumulada entre los clubes de primera y de segunda división del fútbol español en la temporada 2012/2103 era de más de 738,5 millones de euros. Un recorrido por los desmanes económicos cometidos en el deporte rey durante los últimos quince años.

    Visitar el proyecto
  • 02/2015
    Las muertes de Ceuta
    eldiario.es / video - interactivos - gamificación - nuevas narrativas jQuery - angularJS - HTML5 - Silex - PHP - CSS3

    ‘Las muertes de Ceuta’ es un proyecto multimedia de investigación que durante un año ha realizado eldiario.es en tres formatos diferentes: este especial documental multimedia, el seguimiento informativo diario en la publicación especializada en derechos humanos Desalambre y la revista 'Fronteras y Mentiras', que aporta contexto general y análisis al caso.

    Visitar el proyecto
  • 12/2014
    Tu resumen de 2014
    eldiario.es / gamificación - multimedia jQuery - angularJS - HTML5 - CSS3
    Visitar el proyecto
  • 10/2014
    CIVICS
    Freelance / mapas jQuery - cartoDB - Leaflet - HTML5

    Mapa de Madrid que destaca más de un centenar de iniciativas vecinales y espacios construidos autónomamente por la ciudadanía

    Visitar el proyecto
  • 06/2014
    La transición Real
    lab.rtve.es / video - interactivos - nuevas narrativas video API - jQuery - HTML5 - javascript

    Descubre las diferencias y similutudes entre las proclamaciones de Juan Carlos I y Felipe VI en este interactivo que resume en ocho momentos clave la jura de ambos reyes.

    Visitar el proyecto
  • 06/2014
    Felipe VI: una vida televisada
    lab.rtve.es / video - nuevas narrativas video API - jQuery - HTML5 - CSS3

    Repasa la biografía de Felipe VI junto a míticos recuerdos del archivo de Televisión Española. Descubre la vida televisada del nuevo rey

    Visitar el proyecto
  • 06/2014
    Caídos en el muro: 25º aniversario de la caída del muro de Berlín
    lab.rtve.es / mapas - periodismo de datos - nuevas narrativas angularJS - javascript - Google Maps

    Mapa interactivo de la ciudad de Berlín donde descubrir la historia de las 138 personas que murieron durante los 28 años que el muro estuvo en pie.

    Visitar el proyecto
  • 06/2014
    Lab canción del verano
    lab.rtve.es / interactivos - multimedia CSS3 - HTML5 - Silex - Symfony - Youtube API

    Repasa con el Lab RTVE.es 75 años de canciones que han acompañado a los españoles durante los meses de verano. ¿Cuál es tu favorita?

    Visitar el proyecto
  • 05/2014
    Los datos de Eurovisión
    lab.rtve.es / mapas - periodismo de datos javascript - D3js - angularJS - HTML5 - PHP - Silex

    El Lab de RTVE.es te trae todas las curiosidades, rankings, números y datos de Eurovisión

    Visitar el proyecto
  • 05/2014
    El derbi de Europa: la final de la Champions del Real Madrid - Atlético de Madrid en Lisboa
    lab.rtve.es / redes sociales - video - interactivos jQuery - Twitter API - HTML5

    El 24 de mayo, el Real Madrid y el Atlético de Madrid se juegan mucho en Lisboa, en la primera final de una Champions disputada por dos equipos de una misma ciudad. Descubre en estos vídeos motivacionales las razones para creer en la victoria de una y otra afición y vive una experiencia única consumiendo dentro del vídeo los últimos tweets de apoyo desde la grada.

    Visitar el proyecto
  • 04/2014
    Test de personalidad de los concursantes de Masterchef 2014
    lab.rtve.es / interactivos - video - infografía PHP - Silex - javascript - video API - Slides - CSS3

    Contesta a las mismas preguntas que los concursantes de Masterchef 2014 y comprueba con cuál de ellos tienes mayor afinidad.

    Visitar el proyecto
  • 03/2014
    Papa Francisco, el papa del fin del mundo
    lab.rtve.es / interactivos - nuevas narrativas CSS3 - Silex - PHP - HTML5 - jQuery

    Vida, mensaje y retos del papa Francisco, esperanza de renovación de la iglesia católica. Análisis del primer año de pontificado del papa Francisco en RTVE.es

    Visitar el proyecto
  • 03/2014
    Telediario historia de una imagen
    lab.rtve.es / fotografía - video - 360º angularJS - jQuery - javascript - HTML5 - form API - video API - Slides

    El Telediario tiene una imagen propia con decenas de cabeceras, multitud de decorados y más de un centenar de presentadores.
    Repasamos los avances estéticos y tecnológicos del TD, referente informativo en nuestro país.

    Visitar el proyecto
  • 03/2014
    Apuestas sobre los ganadores de los Oscar 2014
    lab.rtve.es / infografía - periodismo de datos javascript - HTML5 - CSS3

    Descubre qué posibilidades tienen los nominados a los Oscar 2014 en este reportaje interactivo en el que buceamos en los datos de ganadores de estos premios desde el año 2000

    Visitar el proyecto
  • 02/2014
    Radar social de los Premios Goya 2014
    lab.rtve.es / redes sociales - interactivos Twitter API - jQuery - PHP - Silex

    Vive los Premios Goya en directo desde la redes sociales con nuestro radar social de seguimiento de hastags y usuarios de twitter. Instagram y +TVE de Los Goya.

    Visitar el proyecto
  • 01/2014
    Revelando a Dalí, En el 25 aniversario de la muerte del artista
    lab.rtve.es / nuevas narrativas - video - interactivos video API - HTML5 - CSS3 - Silex - Symfony - jQuery - PHP - SEO

    Con motivo del 25 aniversario de la muerte de Salvador Dalí, investigamos sobre el método paranoico-crítico que patentó el pintor catalán. Interactúa con alguno de sus cuadros más emblemáticos como 'Rostro del Gran Masturbador' o 'Torero alucinógeno' para entender los juegos de dobles imágenes. Además, adéntrate en el documental elaborado por Carlos del Amor para TVE para 'La Noche de... Salvador Dalí'.

    Visitar el proyecto
  • 12/2013
    España - Malta, generación 12-1
    lab.rtve.es / video - interactivos jQuery - PHP - Silex - video API - popcornjs - Symfony

    Webdoc del histórico partido que disputaron España y Malta en Sevilla el 21 de diciembre de 1983, en el que el equipo de Miguel Muñoz consiguió el hito de marcar 12 goles y clasificarse para la Eurocopa 1984.

    Visitar el proyecto
  • 11/2013
    Asesinato de Kennedy: sombras de un magnicidio
    lab.rtve.es / video - periodismo de datos - interactivos - nuevas narrativas popcornjs - javascript - video API - CSS3 - HTML5

    Descubre en este vídeo interactivo las claves del asesinato del presidente de Estados Unidos John Fitzgerald Kennedy, con las fotos, los vídeos y los testimonios de la muerte de JFK.

    Visitar el proyecto
  • 11/2013
    La conquista de Granada
    lab.rtve.es / interactivos - nuevas narrativas - video - mapas jQuery - Silex - PHP - svg - HTML5

    Revive las batallas de la mano de sus protagonistas: Elige entre el bando cristiano o musulmán para adentrarte en el final de la Reconquista.

    Visitar el proyecto
  • 11/2013
    Guadalquivir: una experiencia 360º
    lab.rtve.es / video - 360º - fotografía jQuery - canvas - video API - SEO - Silex - HTML5

    El documental Guadalquivir recorre Cazorla, Sierra Morena y Doñana mediante espectaculares imágenes del cauce del río en las distintas estaciones del año, con la narración de Estrella Morente. Profundiza con este webdoc en cada uno de los parajes del Guadalquivir a través de panorámicas de 360 grados e interactúa en tres de los espacios naturales más importantes de la península ibérica.

    Visitar el proyecto
  • 11/2013
    Cuadro de la Rendición de Granada en la serie Isabel
    lab.rtve.es / fotografía - interactivos jQuery - HTML5 - CSS3

    Cuadro interactivo de la Rendición de Granada en la serie Isabel donde podrás conocer cómo se produjo dicho acontecimiento con infografías, vídeos e imágenes.

    Visitar el proyecto
  • 09/2013
    La sonrisa de Mandela
    lab.rtve.es / video - nuevas narrativas video API - javascript - knightlab timeline

    La sonrisa de Mandela, un recorrido interactivo por la vida de Nelson Mandela, cronología, entrevista exclusiva, frases y vídeos en RTVE.es

    Visitar el proyecto
  • 09/2013
    Guía interactiva de las candidaturas a los juegos olímpicos Madrid 2020
    lab.rtve.es / periodismo de datos - mapas - infografía raphaeljs - CSS3 - HTML5 - jQuery

    Descubre de forma interactiva la candidatura olímpica de Madrid y las de sus competidoras para los JJOO 2020 en RTVE.es

    Visitar el proyecto
  • 09/2013
    Mapa de personajes de la serie isabel
    lab.rtve.es / interactivos - infografía angularJS - SEO - PHP - javascript - svg

    Todas las relaciones entre los personajes de la serie y sus apariciones en los distintos capítulos de la serie.

    Visitar el proyecto
  • 08/2013
    Home lab.rtve.es
    lab.rtve.es / fotografía - interactivos jQuery - Drupal - HTML5 - CSS3 - javascript

    Un laboratorio sin microscopios ni probetas que ofrece enfoques creativos que nunca dejan indeferente, Así es el Lab de RTVE.es. Ponnos a prueba, nos encantan los retos.

    Visitar el proyecto
  • 07/2013
    Encierros multicámara San Fermín
    lab.rtve.es / video - interactivos jQuery - angularJS - HTML5 - javascript - video API

    Vive todos los encierros de los Sanfermines con multicámara en diferido. Todos los vídeos completos de los encierros de San Fermín desde la cámara que elijas.

    Visitar el proyecto
  • 07/2013
    Número 1 de la calle Estafeta de Pamplona.
    lab.rtve.es / nuevas narrativas - video - fotografía javascript - Waypoints - video API - fullScreen API - CSS3 - HTML5

    Número 1 de la calle Estafeta de Pamplona. Disfruta de las mejores fotos y vídeos de San Fermín de hace más de 50 años sacadas desde la curva más mítica de los encierros en RTVE.es

    Visitar el proyecto
  • 06/2013
    Mapa de las entidades financieras en España
    lab.rtve.es / infografía - periodismo de datos angularJS - D3js - javascript - HTML5

    Todas las fusiones y concentraciones de entidades se han precipitado desde 2009.

    Visitar el proyecto
  • 04/2013
    ATA | Federación nacional de trabajadores autónomos
    Freelance / web comercial Drupal - jQuery - CSS3 - Maquetación

    Federación Nacional de Asociaciones de Empresarios y Trabajadores Autónomos

    Visitar el proyecto
  • 03/2013
    Energywe
    ideup! / web comercial CSS3 - highCharts - jQuery - HTML5

    Este ambicioso proyecto se inscribe dentro de las propuestas de gestión energética doméstica. Busca dar al cliente responsable un gestor energético a su medida con una interfaz atractiva y sencilla. El proyecto, programado en Symfony, se encuentra en sus fases iniciales de desarrollo, si bien la maquetación de demos y gráficas se encuentra muy avanzada para su muestra y venta del producto.

    Visitar el proyecto
  • 03/2013
    Farmacia principal
    ideup! / web comercial Drupal - javascript - CSS3 - Maquetación

    Para el proyecto farmacia principal colabore en sus etapas iniciales desarrollando la plantilla de estilos de la web y una serie de widgets modulares para contadores de precios, botones contadores de productos... Utilizando técnicas de css modular y CSS3 se consiguieron unos resultados visuales muy satisfactorios para los amantes del 'pixel perfect'. Puedes ver aquí algunos ejemplos del código.

    Visitar el proyecto
  • 03/2013
    Playoffice: Learn by Playing
    Freelance / fotografía - web comercial javascript - Drupal

    Espacios para el desarrollo de la creatividad, la inteligencia emocional, la psicomotricidad y la convivencia.

    Visitar el proyecto
  • 03/2013
    Iberia: buscador inspiracional
    Freelance / web comercial - mapas - interactivos angularJS - mapBox - jQuery - javascript - HTML5

    El lugar al que viajes serás tú

    Visitar el proyecto
  • 02/2013
    The style outlets
    ideup! / web comercial - fotografía Maquetación - openLayers - CSS3 - HTML5 - Drupal

    El trabajo para esta filial de The Factory se baso en un cuidado diseño de gran minimalismo y cuidado en los detalles.

    El trabajo consistió en la elaboración y maquetación de todas las plantillas de la web al igual que los plugins js para galerías y la integración de los mapas mediante la librería MapBox, aplicando modificaciones tanto en SVG como en VML para dar un resultado perfecto en el crossbrowsing. El cuidado en los detalles y la aplicación de animaciones CSS3 da un resultado homogéneo acorde con las expectativas del diseño.

    Visitar el proyecto
  • 02/2013
    Zentralmedia
    Freelance / mapas - web comercial Google Maps - Drupal - OpenX - javascript - CSS3 - HTML5

    Tecnologia Musical, Audio Profesional, DJ, PA Instalación

    Visitar el proyecto
  • 01/2013
    Elipsos
    ideup! / web comercial Maquetación - CSS3

    Maquetación y administración Drupal para landing-page corporativa

    El proyecto consistía en generar una plataforma para landings genéricas variables a lo largo del tiempo. Para ello se creo un panel Drupal de administración que permite cambiar los contenidos sin peligro a romper la maquetación, además de permitir seleccionar entre dos estilos distintos, alternando fondos y composición.

    Visitar el proyecto
  • 11/2012
    EACNUR ACNUR Comité Español
    ideup! / web comercial Drupal - Slides - jQuery - Maquetación - form API - CSS3

    Para la nueva web de ACNUR España el equipo de ideup! diseñó una web de alta interactividad y altamente orientada a los contenidos y a la facilidad de acceso para ofrecer contribuciones a la organización. Para ello el desarrollo de formularios y páginas de usuario se diseñó siguiendo procesos modulares que permiten la fácil adaptación a los diversos contextos de la web. A esto se añade el requisito de hacer fácilmente editable todo el contenido. Gracias a un cuidado desarrollo en Drupal junto con las más avanzadas técnicas de desarrollo front-end se consiguió crear un gran producto a la vez que funcional.

    Visitar el proyecto
  • 10/2012
    Shopcial
    ideup! / web comercial Drupal - Maquetación - CSS3

    Shopcial es una plataforma de venta online orientada a los clientes de openbank. Tras su moderno diseño se esconde una completa herramienta de manejo de ofertas y votaciones basada en Drupal que en su desarrollo frontend se realizó siguiendo un modelo de bloques smacss dando unos resultados espectaculares.

    Visitar el proyecto
  • 10/2012
    Fuem: Fundación Enae
    ideup! / web comercial Drupal - CSS3 - jQuery

    Nexo de unión entre la universidad & la empresa

    Visitar el proyecto
  • 10/2012
    Portfolio personal
    Freelance / web comercial Drupal - Maquetación - CSS3
    Visitar el proyecto
  • 09/2012
    CaripenDeal
    ideup! / web comercial Drupal - CSS3 - javascript

    Proyecto de geolocalización de ofertas de compra se esconde bajo un sencillo sistema de administración Drupal. La potencia de la nueva versión de Google Maps se aplica junto al motor de formularios de Drupal y una compleja API para la integración de productos, dando una gran funcionalidad para la exploración de ofertas grupales.

    El diseño también fue fruto de un complejo estudio en la que hasta el último detalle fue proceso para mejorar la experiencia de usuario y optimitar todas las interacciones del usuraio. Consecuéntemente el desarrollo front utiliza las últimas técnicas CSS3 y HTML5 dando un producto a la última tecnológicamente.

    Visitar el proyecto
  • 05/2012
    Turismo la Hiruela
    Freelance / web comercial Wordpress - jQuery - HTML5 - CSS3

    Sendas, casas rurales, actividades y toda la información de de interés de La Hiruela. Descubra un paraiso natural en pleno corazón de la Sierra del Rincón de Madrid.

    Visitar el proyecto