Search Results for ‘css

  • Daniel Koskinen: Moving from CSS Frameworks to CSS Grid

    Daniel Koskinen: Moving from CSS Frameworks to CSS Grid

    WordCamp Stockholm 2017Speaker: Daniel Koskinen

    February 18, 2018 — “For the first time since its inception, CSS now has a real two-dimensional layout tool in the CSS Grid specification. We’ve had to resort to using floats, inline blocks and most recently, flexbox. Because using these for layout is essentially a hack, we’re often tempted to resort to grid frameworks like those provided by Foundation and Bootstrap.

    Using examples, my talk will look at how we can do what we’ve done with frameworks using CSS Grid instead, and also how we can do things we couldn’t do before without complex tricks or JavaScript. I’ll also share some thoughts on using CSS Grid in production today, accessibility concerns and tips on the best resources for learning more.

    This talk will be useful for both beginners, intermediate and long-time front end devs who aren’t yet too familiar with CSS Grid. It should also be interesting to designers who want to know what is possible with todays CSS.”

  • Kathryn Presner: A CSS Adventure

    Kathryn Presner: A CSS Adventure

    WordCamp Halifax 2017Speaker: Kathryn Presner

    February 15, 2018 — Ever wanted to make small changes to the look-and-feel of your site but weren’t sure how to go about it? Itching to change the colour of your site title, tweak the size of your paragraph text, or hide the date on your posts? Let’s go on a CSS adventure together! In this session you’ll learn some basic CSS (Cascading Style Sheets) and we’ll look at some practical examples, using a browser inspector to customize our site’s design.

    Prerequisites:
    Some basic HTML knowledge is helpful, but not required. You should be open to looking “under the hood” at a site’s HTML and CSS.

    Presentation Slides »

  • Juan Pablo Gomez: CSS Grid is Here!!

    Juan Pablo Gomez: CSS Grid is Here!!

    WordCamp NYC 2017Speaker: Juan Pablo Gomez

    February 15, 2018 — CSS Grid was released this 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!

  • Joseph Abraham: WordPress and Flexbox CSS
  • Bob Visser: Designing for dynamic WordPress content with CSS Grid, Flexbox (and more CSS trickery)

    Bob Visser: Designing for dynamic WordPress content with CSS Grid, Flexbox (and more CSS trickery)

    WordCamp US 2017Speaker: Bob Visser

    December 12, 2017 — Bob will introduce you to the principles of this exciting new CSS Module, show demos of uniquely designed layouts and code examples of how they can be created for WordPress

  • Kathryn Presner: CSS Secrets for Beginners

    Kathryn Presner: CSS Secrets for Beginners

    WordCamp US 2017Speaker: Kathryn Presner

    December 10, 2017 — Discover ten handy tips in as many 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.

  • Jessica Lyschik: CSS-Probleme und Lösungen
  • Flavia Bernárdez: Tips de CSS, las dudas más consultadas

    Flavia Bernárdez: Tips de CSS, las dudas más consultadas

    WordCamp Santander 2017Speaker: Flavia Bernárdez

    November 19, 2017 — Aunque tu tema de WordPress sea precioso y hasta lo encargaste de forma personalizada, muchas veces encontramos pequeños bugs que se pueden resolver con una pequeña línea de código. En esta charla hablaremos de los más solicitados en mi día a día y la forma de resolverlos.

    Presentation Slides »

  • Alexis Findiesen: Modern CSS: You Can do It!

    Alexis Findiesen: Modern CSS: You Can do It!

    WordCamp D.C. 2017Speaker: Alexis Findiesen

    November 19, 2017 — We’ll talk about some of the more recently-released CSS tools you can use now! In this session, we’ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn’t use them. Even if some of these are unfamiliar, if you haven’t worked on the front-end in a while, or if you’re new to coding, this session is for you. You don’t need to use JavaScript to create cool animations or columns that automatically fill the space – you can do it all with CSS! We’ll cover browser support and some fallbacks you can use to get you started using these new tools today.

    In this session, you’ll get an intro to:
    Flexbox
    CSS Grids
    Pseudo elements (:before, :after, :nth-child)
    Transitions & Animations
    Blend Modes
    Textured Typography
    Browser Support and Graceful Fallbacks for all of the above!

    For some sections of this session, we’ll talk about SCSS mixins. You can also achieve the same results with a little more pure CSS, so while some knowledge of Sass is great, it isn’t necessary. Labeled as “intermediate,” as this session does require a basic knowledge of CSS.

  • Darío Balbontín: El futuro presente de CSS – Layouts con Grid

    Darío Balbontín: El futuro presente de CSS – Layouts con Grid

    WordCamp Santander 2017Speaker: Dario Balbontin

    November 19, 2017 — Descripción de algunas de las características y ventajas que presentan los layouts con Grid frente al uso de FlexBox o flotaciones en CSS

    Presentation Slides »