Search Results for ‘css

  • Jessica Lyschik: How Subgrid enhances CSS Grid

    WordCamp Europe 2020Speaker: Jessica Lyschik

    June 21, 2020 — CSS Grid has been around for over two years in major browsers. While it’s amazing to work with, there’s still room for improvement. Currently, only direct child elements of a container can be placed with CSS Grid.
    With Subgrid, you can bring the defined grid another level down. This enhances the feature of CSS Grid even further. In this talk, Jessica wants to show the possibilities that Subgrid creates.

  • Ian Svoboda: CSS Tips for Custom Themes Part 1

    WordCamp Jacksonville 2019Speaker: Ian Svoboda

    June 18, 2020 — In this talk, you’ll learn some valuable tips for writing CSS in your own custom themes. You’ll learn the best way to include stylesheets in your theme, how to write CSS that’s easy to organize/maintain, when to use newer CSS features (such as Grid, Flexbox, Feature Queries, Custom Properties), and other ways to keep your sanity while writing CSS for your themes.

  • Camila Waz: Playful CSS

    WordCamp Malaga 2020Speaker: Camila Waz

    May 10, 2020 — In this talk, we will, together, explore the intersection between Design & Code with CSS. New CSS properties are making our lives easier as designers and developers – working together in the name of the user experiences. Let’s get to know some of those new properties (like CSS custom properties, CSS grid and CSS logical properties) and get more familiar with old ones while discussing techniques and tricks to implement web design trends and bring back the creativity, right there in the browser.

    Presentation Slides »

  • Yan Arlex Vallejo: Haz CSS decían, será fácil decían

    WordCamp Spain 2020Speaker: Yan Arlex Vallejo

    May 9, 2020 — Introducción a CSS donde se verán desde conceptos fundamentales y buenas prácticas hasta cosas hermosas de CSS.

    La charla estará dividida en cuatro partes:

    1. Introducción
    Algo rápido para entrar en calor:

    Regla CSS
    Bloque declarativo
    Selector (Clases, Id, Tag html)
    Selectores Avanzados
    Selector de hijos
    Selector adyacente
    Selector de hermanos
    Selector de atributos
    . Selector de atributos iguales
    . El atributo contiene un selector
    . El atributo comienza con el selector
    . El atributo termina con el selector
    . Selector espaciado de atributos
    . Selector de atributos con guiones
    Propiedad
    Valor
    Dejare una lista de términos que seria interesante conocer (Links para que visiten)
    Pseudo-clases (:link, :visited)
    . acción del usuario (:hover, :active, :focus )
    . Estados de Interfaz de usuario (:enabled, :disabled, :checked, :indeterminate)
    . Estructural y posición (:first-child, :last-child, & :only-child, :first-of-type, :last-of-type, & :only-of-type, :nth-child(n) & :nth-last-child(n), :nth-of-type(n) & :nth-last-of-type(n))
    . Target (section:target {…})
    . Empty (div:empty {…})
    . Negation (div:not(.awesome) {…})
    Pseudo-elementos
    . Textual (:first-letter, :first-line)
    . Generated Content (:after, :before)
    . Fragmento (::selection)
    2. Conceptos fundamentales
    Conoceremos algunos conceptos fundamentales como:

    Herencia
    Especificidad
    Cascada
    3. Buenas practicas
    Estilos en linea (Prohibido)
    ID (Prohibido)
    @import (Prohibido)
    !important (Prohibido)
    Usar Floats para construir un Layout (Prohibido)
    Usar la Convención de nomenclatura apropiada (Algo como Bem es una buena opción)
    Shorthand CSS
    Combinar Elementos CSS
    4. Cosas hermosas de CSS
    Algunas cosas por conocer de CSS (links para que visiten):

    FlexBox
    Gutters para Flexbox
    CSS Grid – SubGrid
    Multi-column Layout
    Modos de escritura
    Animaciones
    object-fit
    clip-path
    blend-mode
    Masking
    shapes
    Fuentes Variables
    Scroll Snapping
    Houdini
    CSS Art

    Presentation Slides »

  • Francesco Riggio: Css Me, Stupid! – 10 Cose che amo del Css

    WordPress Meetup Milano 2020Speaker: Francesco Riggio

    March 5, 2020 — Il CSS è il linguaggio che dà stile ai nostri siti in WordPress. In questo talk presento 10 soluzioni che amo di più, qualcuna che uso e insegno da anni, altre più recenti, per concludere con qualche novità che useremo nel futuro.

    Un po’ di codice, tanto amore, e due bassotti ad aiutarci.

  • Aleix Martí Carmona: Creando un dark theme con variables CSS (únete al lado oscuro)

    WordCamp Zaragoza 2020Speaker: Aleix Martí Carmona

    January 22, 2020 — Desde hace ya un tiempo, los dark themes se han puesto de moda. Los podemos ver en Skype, Twitter, iOS y un montón de sitios y aplicaciones.

  • Jesús Olazagoitia: 27 trucos de CSS que deberías conocer

    WordCamp Zaragoza 2020Speaker: Jesús Olazagoitia

    January 21, 2020 — Una recopilación muy personal, con los mejores trucos y snippets de CSS que he ido recopilando en larga experiencia pintando información en el navegador.

  • Simone Maranzana: Hai veramente bisogno di un framework css?

    WordCamp Verona 2019Speaker: Simone Maranzana

    December 10, 2019 — Diciamo addio ai framework CSS ed esploriamo insieme le nuove tecniche che ci aiuteranno a realizzare e gestire ogni tipo di layout, in meno tempo.
    In questo talk analizzeremo i pro e i contro dei framework CSS più famosi, scopriremo perché oggi non è più necessario utilizzarli e come crearci un metodo di sviluppo front-end efficace, districandoci tra OOCSS, Atomic CSS, BEM e SMACSS.