---
url: 'https://metadrop.net/es/articulos/drupalcamp-spain-2017-buenas-practicas-front-end'
title: 'DrupalCamp Spain 2017: Buenas prácticas front-end'
author: 'Cristian Aliaga'
date: '2017-06-15T10:01:44+00:00'
updated: '2026-06-10T07:47:34+00:00'
type: article
summary: 'DrupalCamp ES 2017 - Buenas prácticas front-end: Maquetación por componentes'
tags:
  - DrupalCampEs
  - Front-end
published: true
og:
  determiner: Automatic
  site_name: Metadrop
  'image:alt': 'DrupalCamp Spain 2017: Buenas prácticas front-end'
  street_address: 'Calle Manuel Luna, 12, 3 Dcha'
  locality: Madrid
  region: Madrid
  postal_code: '28020'
  country_name: España
  email: hola@metadrop.net
  phone_number: '910053180'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Article
      '@id': 'https://metadrop.net/es/articulos/drupalcamp-spain-2017-buenas-practicas-front-end#article'
      name: 'DrupalCamp Spain 2017: Buenas prácticas front-end'
      headline: 'DrupalCamp Spain 2017: Buenas prácticas front-end'
      description: 'DrupalCamp ES 2017 - Buenas prácticas front-end: Maquetación por componentes'
      about:
        - DrupalCampEs
        - Front-end
      datePublished: '2017-06-15T12:01:44+0200'
      dateModified: '2026-06-10T09:47:34+0200'
      author:
        '@type': Person
        name: 'Cristian Aliaga'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      mainEntityOfPage: 'https://metadrop.net/es/articulos/drupalcamp-spain-2017-buenas-practicas-front-end'
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://twitter.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/themes/custom/mdrop_radix/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/es/articulos/drupalcamp-spain-2017-buenas-practicas-front-end'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://metadrop.net/es'
          -
            '@type': ListItem
            position: 2
            name: 'Artículos expertos sobre Drupal y tecnología'
            item: 'https://metadrop.net/es/articulos'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
 1. [Artículos](https://metadrop.net/es/articulos)
 
  

# DrupalCamp Spain 2017: Buenas prácticas front-end

Jueves 15 de Junio de 2017

 

 



DrupalCamp ES 2017 - Buenas prácticas front-end: Maquetación por componentes



   



Para poder crear un tema ágil, cómodo, sólido y extensible podemos tener en cuenta ciertos detalles a la hora de tematizar.

Se presentarán las ventajas y la importancia de emplear una metodología concreta a la hora de tematizar nuestro drupal (con o sin diseño).

Puntos principales de la metodología:

- Uso de Sass para generar las hojas de estilo.
- Implementación SMACSS.
- Guía de estilo que recopile todos los componentes y estilos disponibles.
- Componentes reutilizables.
- Estilos predefinidos y coherentes.
- Cómo integrar estilos en ckeditor.
- Proponer mejoras para la creación / implementación del diseño.


Está orientada a perfiles dedicados a la creación de temas.

## Diapositivas

[https://crz2014.github.io/frontend-drupalcampes-2017/#/](https://crz2014.github.io/frontend-drupalcampes-2017/#/ "Metadrop | Buenas prácticas front-end: Maquetación por componentes")

[https://www.youtube.com/watch?v=PNAiALnRhnk](https://www.youtube.com/watch?v=PNAiALnRhnk "Metadrop | Buenas prácticas front-end: Maquetación por componentes")



[DrupalCampEs](https://metadrop.net/es/articulos?text=DrupalCampEs)

[Front-end](https://metadrop.net/es/articulos?text=Front-end)