Search Results for ‘css

  • Aleix Martí: Variables nativas CSS: front-end con superpoderes

    Aleix Martí: Variables nativas CSS: front-end con superpoderes

    WordCamp Barcelona 2018Speaker: Aleix Martí

    November 11, 2018 — Introducción a las variables nativas CSS. Ejemplos prácticos de cómo modificar dinámicamente un tema de WordPress desde el front-end y cómo pueden usarse para mejorar la accesibilidad de una web.

  • Jessica Lyschik: Einstieg in CSS Grid
  • Juan Pablo Gomez: CSS Grid and WordPress

    Juan Pablo Gomez: CSS Grid and WordPress

    WordCamp Atlanta 2018Speaker: Juan Pablo Gomez

    October 14, 2018 — CSS Grid was released last year and it changes everything; for the web and for the WordPress Community. It means that for the first time ever we get to think of our layout as two dimensional and fully responsive. CSS Grid is not another plugin hack or another bootstrap patch, it is the solution designers have been asking for. It is here to stay and right now is the perfect time to learn it!

  • Heiko Mamerow: CSS gut und häßlich

    Heiko Mamerow: CSS gut und häßlich

    WordCamp Würzburg 2018Speaker: Heiko Mamerow

    September 24, 2018 — BarCamp Track

  • Jessica Lyschik: Einstieg in CSS-Grid
  • Mary Baum: CSS Grid

    Mary Baum: CSS Grid

    WordCamp Miami 2018Speaker: Mary Baum

    July 10, 2018 — Are you thinking about CSS grids for your layouts? Browser support is just about here.

    I’ve been looking hard at the work of Jen Simmons and Rachel Andrew, the two people writing most of the material to teach us designer/dev types what we need to know to start using this new spec.

    And thanks to some time I’ve spent playing on CodePen, I think I’m ready to use grids in WordPress!

    So let’s look at:
    – WHAT CSS grids are.
    – WHERE it makes sense to use them.
    – HOW they help us make previously tough problems solve themselves.
    – WHY grids are not just great for symmetrical layouts – but also wildly asymmetrical ones as well.
    – And I’ll see you on the grid!

    Presentation Slides »

  • Mauricio Gelves: Domina el CSS de tu Web con la técnica BEM (bonito, elegante y molón)

    Mauricio Gelves: Domina el CSS de tu Web con la técnica BEM (bonito, elegante y molón)

    WordCamp Irun 2018Speaker: Mauricio Gelves

    June 3, 2018 — La hoja de estilos de una web tiene que estar muy bien estructurada para evitar arreglos rápidos, ficheros innecesariamente extensos que sobrecargan la web o un sinfin de declaraciones “!important” que echan a perder cualquier esperanza de modificaciones a futuro.

    Enseñaré en esta charla cómo se utiliza BEM (bloque, elemento y modificador), una técnica que nos da una serie de pautas para que el desarrollo del CSS sea fácil, intuitivo, atomizado y escalable.

    Presentation Slides »

  • Vincent Dubroeucq: Développer son premier thème WordPress à partir d’une maquette HTML/CSS

    Vincent Dubroeucq: Développer son premier thème WordPress à partir d’une maquette HTML/CSS

    WordCamp Paris 2018Speaker: Vincent Dubroeucq

    April 27, 2018 — Apprenez comment développer un thème WordPress simple en partant d’un template HTML/CSS.

    L’objectif est de comprendre les fondamentaux et les bonnes pratiques de développement de thèmes WordPress :

    Faire apparaître son thème dans l’administration de WordPress
    Organiser les fichiers du thème de façon claire et lisible.
    Comment WordPress choisit les templates (modèles de pages) à utiliser
    Charger les ressources CSS/JS correctement
    Mettre en place la boucle de WordPress (responsable de l’affichage du contenu), les menus, les zones de widgets.
    Utiliser les templates tags de WordPress pour afficher les informations nécessaires, et créer ses propres templates tags.
    S’assurer que le thème est sécurisé, traduisible et accessible.
    Si le temps le permet, on pourra plonger dans des sujets plus avancés, comme :

    Mettre en place les fonctionnalités comme l’image d’entête personnalisée, le logo personnalisé, etc…
    Comment intégrer le thème à l’outil de personnalisation de WordPress.
    Le but est que les utilisateurs/développeurs voulant développer un thème repartent avec une méthode simple, pas à pas et une bonne appréhension des spécificités de développement de thème pour WordPress.

    Le thème développé ne sera donc pas d’une complexité élevée, au contraire, mais permettra d’avoir la vue d’ensemble la plus complète possible du process et des bonnes pratiques de développement.

    Le code source du prototype HTML/CSS ainsi que le thème à différentes étapes de son développement seront disponibles sur GitHub.

    Prérequis pour tirer le maximum de l’atelier :

    Des connaissances de base en HTML/CSS/PHP. JavaScript pas forcément nécessaire.
    Un environnement de développement WordPress local (MAMP / Local by Flywheel / Bitnami, etc…)
    Un éditeur de code (VS Code, Atom, etc…)

    Presentation Slides »

  • Juan Pablo Gomez: CSS Grid is here!

    Juan Pablo Gomez: CSS Grid is here!

    WordCamp Paris 2018Speaker: Juan Pablo Gomez

    April 24, 2018 — CSS Grid was released in 2017 and it changes everything; for the web and for the WordPress Community. It means that for the first time we get to think of our layout as two dimensional and fully responsive. CSS Grid is not another plugin hack or another bootstrap patch, it was the solution designers have been asking for. It’s here to stay and it’s the perfect time to learn it!

    Presentation Slides »

  • Jepser Bernardino: Styled components ¿Por qué css en javascript?

    Jepser Bernardino: Styled components ¿Por qué css en javascript?

    WordCamp Gran Canaria 2018Speaker: Jepser Bernardino

    April 22, 2018 — ¿En qué momento terminamos escribiendo CSS en los archivos de JavaScript? Si hacemos las cosas más complicadas, ¿por qué enamora el concepto cada vez más a los programadores?

    Hablemos de qué es, los beneficios, dolores de cabeza y el por qué decidimos usar los tan famosos Styled Components.