‘CSS’ Videos

  • Beth Soderbergh: Introduction to Flexbox

    Beth Soderbergh: Introduction to Flexbox

    WordCamp Pittsburgh 2016Speaker: Beth Soderberg

    September 30, 2016 — The flexible box layout model, also known as flexbox, is an alternative method of creating layouts using CSS. It has gained popularity amongst front end developers over the last year or so as browser support for it has increased dramatically. This talk will introduce the flexbox model, examine when to consider using flexbox in your projects, and will address browser compatibility issues you may encounter in implementing flexbox.

    Presentation Slides »

  • Ben Dunkle and Andy Staple: A Custom Theme in 30 Minutes

    Ben Dunkle and Andy Staple: A Custom Theme in 30 Minutes

    WordCamp Pittsburgh 2016Speakers: Andy Staple, Ben Dunkle

    September 30, 2016 — We’re going to step into the process of starting your own WordPress theme by taking a basic html and css site. The main goal is to show folks that making your own isn’t difficult with a little knowledge of HTML & CSS, and diving in is the scariest part, and shouldn’t be. If you’ve ever developed a website from wireframes or mockups to html, turning it into a WordPress theme is just a few extra steps. Watch how Andy and Ben do it, and take your web skills to the next level with your own custom theme. Even if building custom themes isn’t a future goal, getting in and doing this can help when editing other themes and understanding the inner workings of WordPress.

    Presentation Slides »

  • Mathias Bynens: CSS Fun Facts

    Mathias Bynens: CSS Fun Facts

    WordCamp Antwerp 2016Speaker: Mathias Bynens

    August 20, 2016 — “3.14 things I didn’t know about CSS

    This talk will showcase a series of obscure CSS fun facts, such
    as CSS syntax gimmicks and quirks, weird tricks that involve CSS in one way or another, and security vulnerabilities that are enabled by (ab)using CSS in unexpected ways.”

    Presentation Slides »

  • Diane Wallace: CSS Secrets

    Diane Wallace: CSS Secrets

    WordCamp Brighton 2016Speaker: Diane Wallace

    August 15, 2016 — We all have a “toolbox” of tried and tested techniques that we use again and again when developing, but is there another way? Possibly a simpler way? This is not a talk about doing CSS the “right way”, but looking at some lesser known CSS that you may not know about and that might (hopefully) prove useful.

  • Lucijan Blagonić: Moving the design process to the browser

    Lucijan Blagonić: Moving the design process to the browser

    WordCamp Europe 2016Speaker: Lucijan Blagonić

    July 2, 2016 — Responsive design has changed the way we think about designing websites — we have to cater to wide range of devices and interactions and adapt our design process accordingly. Learn about the benefits of utilising a style guide to establish a strong visual language which will help you design and code stand–alone modular components.

    Presentation Slides »

  • Luc Princen: Thinking outside the box(model) – An introduction to Flexbox

    Luc Princen: Thinking outside the box(model) – An introduction to Flexbox

    WordCamp Europe 2016Speaker: Luc Princen

    July 1, 2016 — Flexbox is a new way to create responsive layouts. In this talk we’ll walk through some of the flexbox features and explore how you can start using flexbox right away to make your life as a theme developer much easier.

    Presentation Slides »

  • Beth Soderberg: CSS Transforms, Transitions, and Animation Basics

    Beth Soderberg: CSS Transforms, Transitions, and Animation Basics

    WordCamp Northeast Ohio 2016Speaker: Beth Soderberg

    June 17, 2016 — You’ve got the basics of CSS down, but you are ready to kick it up a notch and add a bit more pizazz and interactivity to your websites. In this session we’ll explore the fundamentals of CSS transforms, transitions, and animation. What are the basic building blocks that make up these capabilities? What is the difference between a transition and a transform? What does browser support look like? Most importantly, how can you put these tools to use in your next project and where can you find good resources to learn more? We’ll answer these questions and more as we explore the basics of how to add some of the more truly dynamic elements of CSS to our websites.

    Presentation Slides »

  • Belén Albeza: You might not need a CSS Framework

    Belén Albeza: You might not need a CSS Framework

    WordCamp London 2016Speaker: Belén Albeza

    May 28, 2016 — Nowadays it is very common to find CSS frameworks like Bootstrap used everywhere. But they come at a cost, paid in big CSS files, styles that don’t get used, and a hard to maintain code base. In this talk we will talk about why using a third-party framework might not be the right choice for your project, be it a theme or a custom website. We will also see techniques to craft a blog theme without frameworks, from layout to individual UI components.

    Presentation Slides »

  • Eric Debelak: Getting Into CSS

    Eric Debelak: Getting Into CSS

    WordCamp Albuquerque 2016Speaker: Eric Debelak

    May 11, 2016 — Learn how to start writing custom CSS for your theme. Learn about the browsers’ developer tools, the basics of CSS syntax, some free resources to deepen your CSS knowledge and some ways you can integrate the code you write into your theme.

    Presentation Slides »

  • Michael Earley: Using Firebug to Learn to Customize WordPress Sites

    Michael Earley: Using Firebug to Learn to Customize WordPress Sites

    WordCamp Atlanta 2016Speaker: Michael Earley

    April 24, 2016 — Firebug is the secret weapon of designers who are beginning to learn to customize WordPress websites. It is a great way to start to see CSS in action. The day you learn to change your site’s H2 headers for your blog post titles from blue to green will be the day you are on your way to having design power. We will go over using Firebug to find the elements that you would like to change and how to write css and see the changes happen before your very eyes. You don’t have to know css before this presentation since we will go over some of the basics to show you what you will be looking for.