‘CSS’ Videos

  • Stephanie Hobson: Debugging CSS

    Stephanie Hobson: Debugging CSS

    WordCamp Vancouver 2015Speaker: Stephanie Hobson

    October 2, 2015 — CSS is awesome. Except when it’s not. From diagnostic styles to dev tools, we’ll cover a variety of techniques to help you determine if that unexpected behaviour is the result of a misplaced semicolon or if it’s time to file a bug report.

    Presentation Slides »

  • Kathryn Presner: A CSS Adventure

    Kathryn Presner: A CSS Adventure

    WordCamp Montréal 2015Speaker: Kathryn Presner

    September 21, 2015 — 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.

    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.

  • Дмитрий Майоров: Элементы типографики для новичков

    Дмитрий Майоров: Элементы типографики для новичков

    WordCamp Russia 2015Speaker: Dmitry Mayorov

    August 20, 2015 — Дмитрий расскажет о простых правилах типографики, которые лежат в основе хорошего сайта. Правилах, которые мало зависят от тенденций и трендов и будут также актуальны через много лет.

    Presentation Slides »

  • Lara Schenck: Sass – “CSS With Superpowers”

    Lara Schenck: Sass – “CSS With Superpowers”

    WordPress Meetup NYCSpeaker: Lara Schenck

    June 28, 2015 — You’ve been meaning to start using Sass in your projects, right? But it looks hard…is it really worth figuring out? Yes, yes it is! Sass is “CSS with superpowers” and a wonderful entry point into larger development concepts and best practices. We’ll talk about what Sass is, how to get started, and identify some key features you can apply to your own work.

    Presentation Slides »

  • Bernhard Kau: Einführung in SASS

    Bernhard Kau: Einführung in SASS

    WordCamp Cologne 2015Speaker: Bernhard Kau

    June 25, 2015 — In seinem Vortrag zeigt Bernhard Kau eine Einführung in die Arbeitsweise von CSS-Präprozessoren. Am Beispiel von SASS werden Funktionen gezeigt, die bei der täglichen Arbeit mit CSS helfen können.

    Presentation Slides »

  • Alec Rippberger: OOCSS, SMACSS & BEM for Modular, Scalable CSS

    Alec Rippberger: OOCSS, SMACSS & BEM for Modular, Scalable CSS

    WordCamp Minneapolis 2015Speaker: Alec Rippberger

    May 26, 2015 — This talk covers the three major conventions for organizing CSS: Object Oriented CSS (OOCS), Scalable and Modular Architecture for CSS (SMACSS) and Block Element Modifier (BEM). And discusses similarities, differences and use cases between the schools, as well as general tools that can be used to speed up and clean up the CSS development process.

  • Alexandre Simard : Sélecteurs CSS à la rescousse ; techniques incontournables pour WordPress

    Alexandre Simard : Sélecteurs CSS à la rescousse ; techniques incontournables pour WordPress

    WordCamp Montréal 2014Speaker: Alexandre Simard

    May 26, 2015 — On vous a convaincu, vous voulez bien faire les choses. Vous ne modifierez pas le code de WordPress, des extensions ou de votre thème. Mieux encore, vous êtes sur WordPress.com et vous ne pouvez tout simplement pas modifier ce code. MAIS… vous aimeriez _tellement_ que la sidebar soit à gauche plutôt qu’à droite (seulement dans les pages, pas dans les articles). Tant qu’à y être, on pourrait pas enlever le texte “Les commentaires sont fermés.”? On peut tout faire ça en CSS, et bien plus encore. À l’aide d’exemples concrets, nous illustrerons comment la puissance des sélecteurs CSS vous permet de modifier pratiquement toute l’apparence de votre site, sans toucher une ligne de PHP ou de HTML.

    Presentation Slides »

  • Sarah Semark - I broke up with Photoshop—and you can too! - WordCamp Montreal 2014

    Sarah Semark – I broke up with Photoshop—and you can too! – WordCamp Montreal 2014

    WordCamp Montréal 2014Speaker: Sarah Semark

    May 25, 2015 — This presentation talks about getting out of the Photoshop mindset, embracing the tools that the modern web has provided us in order to streamline our development practises and get real-live sites up and running fast. We’ll start with talking about how to use style tiles to reduce the amount of time spent on mockups, and then we’ll move on to discuss how to leverage available tools in order to quickly get a site running: skeleton themes, CSS precompilers, version control for quick deployment, icon fonts, browser development tools, grids, and CSS frameworks. Whew!

    Presentation Slides »

  • Andre Jay Meissner: The Future Of Digital Layout - Cutting-Edge CSS Features

    Andre Jay Meissner: The Future Of Digital Layout – Cutting-Edge CSS Features

    WordCamp Berlin 2013Speaker: Andre Jay Meissner

    February 25, 2015 — Gestaltung der Bahn kann sehr mühsam sein. Dinge sind in der Regel aus dem Ruder laufen, wenn visuellen Techniken gemeinsam klassischen Medien angewendet werden sollen. Jetzt neue CSS-Funktionen ermöglichen es uns, das Web als erstklassiger Entwurfsoberfläche zu behandeln: wickeln und Clip Text um eigene Formen, vermischen sich Hintergrundbilder und gewinnen viel bessere Kontrolle über das Layout für Ihre Responsive Design in verschiedenen Ansichtsfenstern. Während dieser Sitzung werden Sie lernen, wie ich anfangen soll mit Hilfe von CSS Shapes, CSS Regionen sowie Hintergrund Mischmodi.

    Presentation Slides »

  • Chris Coyier: SVG is for Everybody

    Chris Coyier: SVG is for Everybody

    WordCamp Milwaukee 2014Speaker: Chris Coyier

    February 3, 2015 — In this presentation learn how SVG helps make otherwise awkward shapes easy to make, and how to use it to make icons that are more accessible than with any other web-based icon creation technique. You’ll learn how SVG can make customized complex graphics on the fly, create compelling animations and other interactions, and empower some pretty great designerly effects. And end discovering a cornucopia of SVG source materials that are easy to find and even easier to work with.


Get every new post delivered to your Inbox.

Join 20,073 other followers