DrupalCamp Spain 2014 - Theming & Design & Usability

Hablar con imágenes

nachenko — Mon, 21 Apr 2014 22:19:14 +0000

¿Qué impresión dan las imágenes de un sitio web? ¿Qué es lo que cuentan y cómo lo cuentan? Puedes contar lo mismo poniendo una ilustración o una foto, pero ¿es lo mismo? En los eventos Drupal pasamos mucho tiempo hablando de cómo ponemos tal o cual cosa en nuestro sitio web, y muy poco tiempo hablando de lo que ponemos.

En esta conferencia queremos hacer una introducción al lenguaje visual, de lo que significa poner una foto u otra, sustituir fotos por ilustraciones, qué valor tiene elegir un tipo de letra sobre otro, y lo haremos viendo muchos, muchos ejemplos. Queremos explicar que cualquier imagen en nuestra web tiene múltiples niveles de lectura, y por qué todas esas cosas son importantes. Si una imagen vale mil palabras, ¿no deberíamos tomarnos más en serio algo tan valioso?

Schedule info

Status:

Unprocessed

Speaker(s):

nachenko

Track:

Theming & Design & Usability

Drupal version:

None

Language:

Spanish

Target audience:

Clients

Marketing

Project Managers

Site Builders

Themers

Frontend performance: illusions & browser rendering

manuee — Sun, 20 Apr 2014 18:17:16 +0000

Browser rendering - Introduction to how browsers transform your code into composited images as fast they can.

Speed illusions - Getting the user a functional site as early as possible. The user cares more about the first paint than the page load.

Outline:

Brief explanation of how browsers make sense of and render our mess.
The path to the first paint - why it is important and how to get there faster.
Rendering performance - how not to shoot yourself in the foot.
Drupal - the current situation

You can watch the video of this talk here

Slides:

Manuel_Garcia-DrupalCamp_Spain_2014-slides.pdf

Schedule info

Status:

Accepted

Experience level:

Advanced

Speaker(s):

manuee

Track:

Theming & Design & Usability

Language:

English

Drupal version:

None

Target audience:

Developers

Project Managers

Site Builders

Themers

La gallina es un ser despiadado y otros mitos del diseño web

yujipolo — Sat, 19 Apr 2014 13:22:28 +0000

"La gallina es un ser cruel y despiadado, sin embargo el león un animal tranquilo y apacible... dijo la lombriz." Las personas no tenemos realidades, tenemos percepciones y dicha percepción varia de una persona a otra. En diseño web muchas de esas percepciones (de lombriz o de león) se han divulgado entre todos los diseñadores como mitos de buenas prácticas de diseño web. El resultado es que percibimos la misma realidad sin importar si somos lombrices, leones o triceratops.

Por ello repasaremos los mitos más famosos y los confrontaremos con estudios y datos actuales. Tratando de mostrar con hechos y no con creencias, cuanto tienen de mito y cuanto de real, para así saber cuando aplicarlos (o no) en nuestros proyectos Drupal.

Listado de mitos: (lista sujeta a cambios y actualizaciones):

La gente no hace scroll
En los formularios pide la menor información posible
Los adornos perjudican la usabilidad
Y los iconos la mejoran
Copia a Amazon y hazte rico
Testea lo antes posible (incluso en papel)
Compartir, compartir, compartir, (nadie comparte)
La gente no lee, ponlo en imágenes
...

Schedule info

Status:

Unprocessed

Experience level:

Beginner

Speaker(s):

yujipolo

Track:

Theming & Design & Usability

Language:

Spanish

Drupal version:

None

Target audience:

Marketing

Themers

Case Studies

Estrategia Responsive Web Design en Drupal

pakmanlh — Thu, 17 Apr 2014 10:17:46 +0000

En esta sesión veremos qué soluciones existen hoy día para usar la técnica Responsive Web Design dentro de una estrategia multi-dispositivo en proyectos Drupal.

¿Me interesa más un framework o un theme base? ¿Creo un menú custom senzillo o instalo un módulo? Son preguntas que nos hacemos todos al iniciar un proyecto y que analizaremos pasando por cada una de las opciones disponibles.

Además, intentaremos aclarar de qué partes del desarrollo es responsable el Responsive Web Design y en qué momento debería plantearse.

Por último veremos qué ventajas que incorpora Drupal 8 en este aspecto.

Los temas que se desarrollarán serán:

Mobile first, adaptative, responsive, ...
Breakpoints
Responsive Images/Picture
«Themes» responsive : Hablaremos tanto de versiones de Frameworks existentes como Bootstrap o Foundation, o "base themes" como Omega y Zen.
Grids
Menus RWD
Módulos RWD
Cambios Drupal 8

Slides: http://pakmanlh.github.io/dcspain2014RWD/#1

Puedes ver el vídeo de esta charla aquí

Schedule info

Status:

Accepted

Experience level:

Intermediate

Speaker(s):

ckrina

pakmanlh

Track:

Theming & Design & Usability

Language:

Spanish

Drupal version:

Target audience:

Clients

Marketing

Site Builders

Themers

Lleva tu Drupal al móvil

jorgillo — Wed, 16 Apr 2014 08:41:47 +0000

Descubre que puede ofrecerte Drupal para llevar tus páginas a los dispositivos portátiles, móviles, tablets, pantallas del coche. Hablaré sobre el soporte que dan los temas de Drupal a este respecto, módulos adicionales y como aprovecharnos de ello.

Hablaré también de los conceptos básicos de una estructura bien montada para hacer un buen responsive. Trucos para adaptar elementos al móvil, contenido relevante e irrelevante en una pantalla pequeña.

Para finalizar veremos como lanzar estilos css sin romper estos temas y personalizar al máximo nuestro Drupal sin perder tiempo.

En resumen:

Planificación
Temas
Grid
Menús en responsive
Display Suite
Css sin romper nada

Schedule info

Status:

Unprocessed

Experience level:

Beginner

Speaker(s):

jorgillo

Track:

Theming & Design & Usability

Language:

English

Drupal version:

Target audience:

Developers

Site Builders

Themers

Autobranding for dummies

nachenko — Tue, 15 Apr 2014 21:13:24 +0000

Todo futuro cliente tiene una pregunta para ti: "¿Quién carajo eres y por qué debería importarme?". El branding es la respuesta empresarial a esa pregunta, es el arte y la ciencia de transmitir lo máximo y mejor de ti a aquellos que entran en contacto contigo, usando unos pocos símbolos, palabras e imágenes.

"¿Y a mí que me importa?", te dirás. Bueno, malas noticias, tanto si lo pretendemos como si no, todos generamos imagen de marca con nuestra forma de vestir, de hablar, de responder a los mensajes, porque la marca es tu respuesta pública a la pregunta "¿quién eres?". Si quieres tomar el control de la marca llamada "TÚ", podemos empezar hablando de cómo funciona eso que llaman "branding".

En esta charla hablaremos del proceso de creación de una marca, desde el concepto más básico antes incluso de tener nombre, hasta los desarrollos mas particulares, y lo haremos repasando montones de ejemplos reales de empresas grandes y pequeñas, para que veas cómo intentan hablar contigo a través de sus imágenes, sus eslóganes, sus mensajes y sus objetos. Veremos sus aciertos y sus errores, y más importante, veremos los por qués.

Y si la cosa sale bien, os propongo un BOF donde repasaremos más casos reales: vuestras propias marcas.

Puedes ver el vídeo de esta charla aquí

Slides:

presentacion_branding.pdf

Schedule info

Status:

Accepted

Experience level:

Beginner

Speaker(s):

nachenko

Track:

Theming & Design & Usability

Language:

Spanish

Drupal version:

None

Target audience:

Clients

Marketing

Project Managers

Business

Sass in Drupal

nesta — Tue, 15 Apr 2014 11:48:56 +0000

¿Sass en Drupal?

Como en otras Camps anteriores, Sass, una nueva forma del uso del CSS es a día de hoy una realidad. Se hablará a un nivel intermedio, básico para "Maquetador" e Intermedio para un Themer en Drupal.

- Veremos qué temas importantes usan Sass.

- Módulos y herramientas para ayudar al uso de Sass.

- Aplicación de Sass en un Theme sin Sass.

- Uso de Sass, componentes dentro de un proyecto real y su organización más efectiva.

- Ruegos, preguntas y flame para ver la opinion de Sass, su mal uso, errores, problemas encontrados, etc.... Si no hay mucho tiempo para esto lo podríamos pasar a un BOF.

Schedule info

Status:

Unprocessed

Experience level:

Intermediate

Speaker(s):

nesta

Track:

Theming & Design & Usability

Language:

Spanish

Drupal version:

None

Target audience:

Themers

El universo JavaScript en Drupal 8

rvilar — Tue, 15 Apr 2014 10:13:56 +0000

Drupal 8 está a la vuelta de la esquina, y poco a poco, tenemos que ir viendo y acostumbrándonos a las novedades que nos trae. Ya llevamos un tiempo escuchando y viendo sesiones sobre algunas de las novedades más sonadas que nos trae, cómo por ejemplo, CMI, multilingual (esta vez de verdad de la buena!), views in core, etc. pero nadie nos habla de un compañero inseparable y que en D8 precisamente va a tener más importancia que nunca: nuestro colega JavaScript.

En esta sesión veremos qué novedades nos trae Drupal 8 en este sentido, repasaremos algunas buenas prácticas en desarrollos JS y todo vinculado dentro de Drupal. Algunos puntos de la sesión serán:

Actualización de jQuery e inclusión de plugins. ¿Qué nos aporta?
Domready. ¿Para qué lo quiero si tengo jquery?
Backbone, underscore. Esteroides para nuestros JS.
Otras bibliotecas del core: modernizr, etc.
Repaso al objeto JavaScript Drupal. Theming con JavaScript
Buenas prácticas JavaScript en nuestros desarrollos

Puedes ver el vídeo de esta charla aquí

Schedule info

Status:

Accepted

Experience level:

Advanced

Speaker(s):

rvilar

Track:

Theming & Design & Usability

Language:

Spanish

Drupal version:

Target audience:

Developers

Themers

Responsive Web Design en Drupal con Display Suite

isholgueras — Tue, 15 Apr 2014 06:41:48 +0000

El Responsive Web Desing (RWD) está ahora muy de moda, pero RWD no son sólo media queries, hacer "que caigan cajas" o reescalar el navegador viendo como se mueven.

¿Qué es realmente el RWD? ¿Cuándo es necesario utilizarlo? ¿Hay problemas de rendimiento? El RWD es bastante potente bien aplicado, pero un gran error si no se estudia bien cómo presentar la información.

La charla la estructuraré:

Qué es el RWD y cuándo se debe aplicar.
Mobile first o Desktop First.
Herramientas de confianza para diseño y desarrollo
RWD en Drupal con Display Suite
Dos casos reales de RWD en Drupal con Display Suite
Extra: ¿se pueden realizar tests con RWD?

Schedule info

Status:

Unprocessed

Experience level:

Beginner

Speaker(s):

isholgueras

Track:

Theming & Design & Usability

Language:

English

Drupal version:

None

Omega 4

capynet — Mon, 14 Apr 2014 17:42:51 +0000

A veces a la hora de elegir un theme base, todo se reducía a una cuestión de gustos, pero ya no. Desde Omega 4 es una obligación mas que una elección para mi.

Un sistema de layouts bastante curioso y útil.
Pensado para ser compatible con panels, context, ds y alguna que otra cosa mas.
Unas tripas MODERNAS (SASS, Bower, LiveReload, Grunt, nodejs, gemas de ruby).
Un paradigma de hooks basado en convención de nombres.
Un exportador de configuraciones que funciona ;)
Un poco de magia por aqui y por allá.

En esta charla vamos a mirar de cerca a este theme base y escudriñar en sus tripas. Finalmente vamos a ver cuanta magia se puede agregar usando un poco de panels everywhere.

Los slides de la charla están disponibles AQUÍ.

Puedes ver el vídeo de esta charla aquí

Schedule info

Status:

Accepted

Experience level:

Advanced

Speaker(s):

capynet

Track:

Theming & Design & Usability

Language:

Spanish

Drupal version:

Target audience:

Developers

Themers