Search Results for ‘css

  • David Wolfpaw: The Power of CSS: Cool Things To Do With Styles

    David Wolfpaw: The Power of CSS: Cool Things To Do With Styles

    WordCamp Birmingham 2019Speaker: David Wolfpaw

    October 11, 2019 — Frontend Developers are trained to work with JavaScript, and to use it to create interactivity on sites. But there are plenty of cool things that you can do with standard HTML and CSS.

    Whether it’s fitting images into boxes, fitting boxes onto screens, or filling screens with beautifully animated user interactions, CSS can have you covered!

  • Jessica Lyschik: CSS Grid in the Wild

    Jessica Lyschik: CSS Grid in the Wild

    WordCamp Zurich 2019Speaker: Jessica Lyschik

    September 25, 2019 — Since CSS Grid was introduced in modern browsers in 2017, developers finally are able to create complex layouts with less code. CSS Grid works a bit differently than the CSS frameworks developers are used to, so there’s a learning curve to get it. In this talk I want to show some examples how to use CSS Grid on websites, including either support or fallback layouts for Internet Explorer 10 and 11. Because this shouldn’t be an excuse anymore not to use CSS Grid today!

    Presentation Slides »

  • CSS is a Programming Language

    CSS is a Programming Language

    WordCamp Montclair 2019Speaker: Lara Schenck

    September 24, 2019 — CSS can be a source of deep frustration for developers, both new and experienced. Over time, this has resulted in a portion of the web community with a fundamental misunderstanding of CSS – not only of how to write it well, but of what CSS is in the first place: a domain-specific, declarative programming language.

    Presentation Slides »

  • Sami Keijonen: Maintainable CSS Architecture in the Gutenberg era

    Sami Keijonen: Maintainable CSS Architecture in the Gutenberg era

    WordCamp Europe 2019Speaker: Sami Keijonen

    September 5, 2019 — Writing maintainable and scalable CSS is one of the biggest aspects of front-end work. Sami will show how CSS methodologies such as ITCSS and BEM can help achieve that and, at the same time, maximise the WYSIWYG experience in Gutenberg editor without rewriting the CSS that much.

    Presentation Slides »

  • Paulo Carvajal: SASS/CSS, qué es y cómo usar algunas funciones avanzadas

    Paulo Carvajal: SASS/CSS, qué es y cómo usar algunas funciones avanzadas

    Amurrio WordPress MeetupSpeaker: Paulo Carvajal

    July 9, 2019 — Conoceremos los principales beneficios y algunas funciones avanzadas de este preprocesador para CSS que acelerarán nuestro trabajo de front-end y nos permitirán escribir CSS más fácilmente y mejor estructurado.

    Presentation Slides »

  • Oliver Davies: Taking Flight with Tailwind CSS

    Oliver Davies: Taking Flight with Tailwind CSS

    WordCamp Bristol 2019Speaker: Oliver Davies

    June 11, 2019 — An introduction to utility class and component based styling, and how to soar with Tailwind CSS.

    Things we’ll cover:

    * What is utility/atomic/functional CSS.
    * What are the advantages and disadvantages to utility based styling and Tailwind.
    * What does it mean by “utility first”.
    * How to customise Tailwind for your project.
    * How to promote repeating classes into re-usable components.
    * How to integrate Tailwind into your WordPress theme, including looking at the Tailwind CSS starter kit.

    Presentation Slides »

  • Sonia Ruiz Cayuela: Lo nuevo de CSS: qué está por venir y qué ha llegado

    Sonia Ruiz Cayuela: Lo nuevo de CSS: qué está por venir y qué ha llegado

    WordCamp Irun 2019Speaker: Sonia Ruiz Cayuela

    June 2, 2019 — ¿Cuánto crees que sabes de CSS? ¿Sabías que existe una propiedad con la que puedes hacer un slider sin necesidad de JS? ¿Que puedes usar variables y funciones?

    Descubre estas y otras muchas novedades de CSS que quizás desconocías, y otras que están aún por llegar y que seguramente te sorprendan.

  • Ana Cirujano: Deja de abusar de Photoshop, trata las imágenes con CSS

    Ana Cirujano: Deja de abusar de Photoshop, trata las imágenes con CSS

    WordCamp Madrid 2019Speaker: Ana Cirujano

    May 15, 2019 — Si utilizamos Photoshop para tratar las imágenes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.

    Encajar y posicionar imágenes, filtros, recortes, colores, canales… Conociendo las propiedades CSS para tratar nuestras imágenes, podremos hacer rápidamente los cambios que nos pide nuestro cliente o nosotros mismos y no tendremos que buscar en vete-tú-a-saber-qué-disco-duro, dónde está la foto original.

    Veremos en qué ocasiones se pueden utilizar programas de retoque fotográfico, cuándo es mejor hacerlo con código y cómo aplicar las propiedades CSS.

    Qué van a aprender los asistentes: Aprenderán las propiedades CSS que se utilizan para el tratamiento de imágenes y cómo aplicarlas en WordPress, teniendo en cuenta sus peculiaridades en la gestión de medios.

    Además, comprenderán la importancia de no utilizar programas de retoque fotográfico —como Photoshop—, para manipular las imágenes, ya que utilizando CSS conservamos las propiedades originales y además podemos realizar animaciones.

  • Igor Lopašovský: Modulárny prístup k CSS (Sass a Oxygen)

    Igor Lopašovský: Modulárny prístup k CSS (Sass a Oxygen)

    WordCamp Bratislava 2018Speaker: Igor Lopašovský

    March 1, 2019 — Vraví sa, že frontenďáci nie sú skutoční programátori.

    Asi je správny čas zmeniť tento mýtus a ukázať, že aj frontend si zaslúži objektovo orientovaný prístup. Prednáška sa pokúsi zrozumiteľnou formou vysvetliť základy modulárneho prístupu k CSS využitím technológie Sass a metodológie Oxygen. Buďte ale pripravení na to, že vám hrozí zmena návykov v písaní CSS.

  • Brian Richards: How I created WPBingo using Vue.js, Tailwind CSS, and the WP REST API

    Brian Richards: How I created WPBingo using Vue.js, Tailwind CSS, and the WP REST API

    WordCamp Miami 2018Speaker: Brian Richards

    January 23, 2019 — Just prior to WordCamp US 2017 I had the fun idea of creating an interactive bingo board for all of the fun and unique things that we regularly observe within our community. I was able to knock together the original concept after just a couple of hours thanks to utility provided by View and tailwind. Later I connected it to WordPress via the rest API so that I could more easily manage each of the squares available in the data set.

    In this presentation I walk you through how I went from idea to prototype to fully functional web app. We’ll cover the purpose served by my chosen frameworks and why I picked those instead of writing plain, vanilla JavaScript and CSS (or competing frameworks, for that matter). While this will not be a deep dive into code, we will review specific code samples and you should get enough detail to build this – or something like it –yourself by the time the session has ended.

    Here’s the specific list of the things you can expect to learn during this presentation:

    * Why I chose Vue instead of React for this particular project
    * Some of the neat things that Vue provides to us as developers (Vue.js 101)
    * How to utilize local storage for resilience against connectivity issues and unintended browser refreshes
    * The benefits of utility-based CSS classes
    * How to register custom rest API endpoints
    * Handling API authentication without regular users
    * How you too can totally disrupt the State of the Word address

    Presentation Slides »