Search Results for ‘css

  • Ian Svoboda: CSS Tips for Custom Themes – Part -2

    WordCamp Jacksonville 2019Speaker: Ian Svoboda

    November 30, 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.

  • Evangelos Dimitriadis: Tailwind CSS innerhalb eines Themes verwenden

    WordPress Meetup NürnbergSpeaker: Evangelos Dimitriadis

    November 23, 2020 — “Tailwind CSS ist ein hochgradig anpassbares Low-Level-CSS-Framework, das Ihnen alle Bausteine zur Verfügung stellt, die Sie für die Erstellung maßgeschneiderter Designs benötigen, ohne lästig aufgezwungene Stile, um deren Überschreibung Sie kämpfen müssen.”

    Die Integration von Tailwind CSS in ein WordPress Theme um mal kurz auszutesten, gestaltet sich ziemlich leicht. Die Einbindung eines Links aus einem der vielen zur Verfügung stehenden CDNs reicht für das ausprobieren aus. Wer aber das volle Potenzial des Utility-Frameworks ausreitzen will, kommt um ein lokales Setup nicht herum.

  • Amanda Giles: Using CSS to Update your WordPress Website

    WordCamp Boston 2019Speaker: Amanda Giles

    November 3, 2020 — CSS (Cascading Style Sheets) is a language used to control the look and feel of your website. This powerful tool controls the spacing, coloring, fonts, and decorative elements (such as boxes and underlines) of your WordPress website. In this session, we’ll learn what CSS is, how to view the CSS already affecting your website, and how to add your own CSS.

    Presentation Slides »

  • Tammie Lister: Custom CSS in the Editor

    Speaker: Tammie Lister

    September 30, 2020 — Tutorial on how to add custom CSS to the editor and blocks.

    Presentation Slides »

  • Cristian Santander: Está vivo, ¡sí, está vivo! anima iconos SVG con CSS

    WordCamp Colombia 2020Speaker: Cristian Santander

    September 14, 2020 — Para WordPress las imágenes en formato SVG son como un monstruo, mal visto por motivos de seguridad, pero no hay riesgo que correr si eres el creador, un buen creador.
    Las imágenes SVG cada día están más valoradas en los sitios web, por la calidad al estar vectorizada que puede ser escalable, también por el tamaño pequeño del archivo que mejora la optimización del rendimiento web o WPO, y además Google las indexa, excelente para fines de SEO.
    Ahora, ¿Sabías que es posible animar iconos SVG con CSS? ¡Sí, vida! Gracias a su lenguaje de marcado XML es posible agregar código CSS con el que podemos animar las imágenes y darle vida a este monstruo.
    En esta charla te enseñaré a crear iconos SVG animados y el método correcto de usarlos en WordPress sin arriesgar la seguridad de tus sitios web.

    Presentation Slides »

  • Faber Andrés Vergara: Receta para plantillas con TailwindCSS picante y Vue al vapor

    WordCamp Colombia 2020Speaker: Faber Andrés Vergara

    September 13, 2020 — Durante la cuarentena algunos hemos adquirido habilidades gastronómicas y si éste no es tu caso pero quieres conocer «nuevas tecnologías» al momento de realizar tus plantillas, esta ponencia es para ti. Vamos a «cocinar» una hermosa plantilla con ingredientes disruptivos. Recuerda que WordPress no solo se compone de PHP o Bootstrap.

    Presentation Slides »

  • 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 »