Search Results for ‘css

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

  • Tiffany Kuchta: CSS Grid IRL

    Tiffany Kuchta: CSS Grid IRL

    WordCamp Asheville 2018Speaker: Tiffany Kuchta

    January 8, 2019 — The murmuring about CSS Grid in the world of frontend development has gotten quite loud indeed. If you’ve been a developer awhile, you remember when CSS finally became powerful enough to overtake the almighty table. You probably also really love the incredible tool that is Flexbox, even if you, like I do, still need to reference the same darn CSS Tricks article every time you use it. So what’s Grid’s deal? What makes it so great anyway, and when can you start using it IRL? What if you don’t want to duplicate development, building complex fallbacks for legacy browsers? How do you decide if a project is a good fit for CSS Grid, and then how do you even get started? We’ll discuss these questions, review some tools and tricks, and look at a few examples of CSS Grid in action.

    Takeaways:

    Using CSS Grid
    Recognizing when CSS Grid is a good fit
    Fallbacks /Supporting old browsers

    Presentation Slides »

  • Keith Devon: future.css

    Keith Devon: future.css

    WordCamp London 2018Speaker: Keith Devon

    January 6, 2019 — In this session, we’ll be looking at bleeding edge CSS techniques and some of the cool properties that are available today or just around the corner.

    Our Speaker, Keith is the co-founder of Highrise Digital – a specialist WordPress development team.

    As a serial community starter, he is the founder of the WordPress London meetup group, co-founder of codeHarbour – a web meetup in Kent – and started Folkestone Cycling Club. Keith has been building WordPress sites for over eight years and has worked with agencies and clients of all size.

  • Lara Schenck: Bridging the Design and Development Gap with CSS Algorithms

    Lara Schenck: Bridging the Design and Development Gap with CSS Algorithms

    WordCamp US 2018Speaker: Lara Schenck

    December 30, 2018 — Over the past 10 years, CSS has transformed from a descriptive language for presentation into a Turing-complete, domain-specific, declarative programming language for layout on the web.

    Okay…but how does one go from describing presentation to programming in CSS? And what on earth is a “CSS Algorithm”?

    This entertaining and personable talk will answer these questions and more, before delving into practical steps for creating CSS algorithms of your own to bridge the gap between design and development.

  • Juan Pablo Gomez: CSS Grid, Gutenberg and the future of Layouts

    Juan Pablo Gomez: CSS Grid, Gutenberg and the future of Layouts

    WordCamp Toronto 2018Speaker: Juan Pablo Gomez

    December 28, 2018 — Released last year, CSS Grid changes everything for the web and the WordPress communityIt means that, for the first time, we can think of layout on posts and pages as two-dimensional and fully responsive. CSS Grid is not another plugin hack or bootstrap patch. Quite simply, it’s the solution for which designers have been asking. It is here to stay and right now is the perfect time to learn it.
    Why CSS Grid? How to use Grid? When to use Grid? Demos!

    Presentation Slides »

  • Kathryn Presner: CSS Secrets for Beginners

    Kathryn Presner: CSS Secrets for Beginners

    WordCamp Montreal 2018Speaker: Kathryn Presner

    December 14, 2018 — CSS Secrets for Beginners

    Discover ten handy tips in ten minutes for customizing your WordPress site with CSS. From quick techniques to hide elements you’d rather not see – to sneaky ways to add in extra bits of text, this talk for CSS newcomers will show you just how useful CSS can be. It’ll whet your appetite for more and suggest where to continue your CSS journey after the ten minutes whiz by.

    Presentation Slides »

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