Skip to main

Posts by Date

Page 8 of 12

2019 Posts

  1. Miriam talking with Jen Simmons and others
    Article post type

    Smashing CSS Follow-Up Q&A

    Questions about Dynamic CSS

    I had the pleasure of presenting both a talk and workshop at Smashing Conf in San Francisco this year. During the talk, people left questions in a collaborative doc, so I’m here to provide the answers!

    see all Article posts
  2. Robot constructing CSS
    Link post type

    Has CSS finally come of age?

    Steve Jenkins interviews Miriam about the state of CSS, and what’s coming next for the language – from Intrinsic Design to Dynamic CSS.

    see all Link posts
  3. Miriam Suzanne and former OddBird Una Kravets
    Article post type

    VueFinder at VueConf, 2019

    Dynamic CSS with Vue

    Inspired by VueConf 2018 I spent some time learning JS and Vue in more depth, and built myself a more flexible VueFinder presentation tool to fit my needs. This year, I returned to VueConf and gave the closing talk on passing data between CSS and Vue.

    see all Article posts
  4. Miriam Suzanne speaking at a conference
    Podcast post type

    Dynamic CSS Interview

    a mid-conference conversation

    Thunder Nerds interview me before her talk at VueConf US 2019.

    see all Podcast posts

2018

  1. see all Article posts
    The English Channel from above
    Article post type

    Django REST Framework & Channels

    We’ve begun exploring some patterns for how to add WebSocket push notifications to what is otherwise a RESTful API. This means, for us, using Django REST Framework and Django Channels in concert.

  2. Views on Vue Podcast
    Podcast post type

    Fonts & more

    Miriam talks with the Views on Vue panel about design, tools, fonts, and more.

    see all Podcast posts
  3. Podcast post type

    Ethics, ES6 in Practice, and Dynamic CSS

    On Episode 18, the TalkScript team continues the live-ish at JSConfUS podcast series with guests Myles Borins, Tim Doherty, and Miriam Suzanne. Listen in!

    see all Podcast posts
  4. Generated art using CSS Grid inspired by Jared Tarbell
    Article post type

    Beyond Tellerand

    Grid Systems & Vue Invaders!

    I love when conferences give me the opportunity to travel around the world. I love it even more when conferences go beyond the web to find inspiration from other fields. Beyond Tellerand (Düsseldorf, Germany) was the best possible combination.

    see all Article posts
  5. Article post type

    VueConf US

    Agile design systems in Vue

    I’ve been excited about Vue.js since Sarah Drasner first showed me the basics. Since then, we’ve started using it for client work at OddBird, and I’m constantly impressed by the power and simplicity – so it was a real honor being invited to speak at the first VueConf US in…

    see all Article posts
  6. Sample organized color swatches with hex and hsl values
    Article post type

    Herman Style Guides

    An agile approach to design systems on a budget

    Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool to create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps keep our development flow simple, and our UX consistent…

    see all Article posts

2017

  1. Link post type

    18 Designers Predict UI/UX Trends for 2018

    Figma asked 18 designers (including me) what UI/UX trends they predict for 2018. December, with its flurry of holiday parties, cheery out-of-office auto-replies and introspective weather patterns, provided the perfect opportunity to pause and survey the landscape.

    see all Link posts
  2. Jump Start Sass, by Miriam Suzanne and Kitty Giraudel
    Link post type

    How to Write Beautiful Sass

    Excerpt from Jump Start Sass, chapter 11

    Clean, beautiful code should be a goal in every project. If other developers need to make a change, they should be able to read what is there and understand it. Readable code is the core of maintainability. This excerpt from Miriam’s book, Jump Start Sass will help get you started…

    see all Link posts
  3. Viewport size diagram
    Article post type

    Media Queries & Grid Settings

    Practical media helpers for Susy3

    Most grids change with the viewport – and Susy needs new settings at each breakpoint. Susy3 is designed without mixins for complete flexibility from project to project, but it can be useful to build additional tools and shortcuts as you go. Here are some snippets to help you get started…

    see all Article posts
  4. Bar graph chart
    Link post type

    More CSS Charts, with Grid & Custom Properties

    Inspired by Robin Rendle, I demonstrate some of my early experiments combining CSS Grids and custom properties to create dynamic layouts and data-visualizations.

    see all Link posts
  5. see all Article posts
    Flexible grid column layout
    Article post type

    Welcome to Susy3!

    Make grid systems your fallback plan

    We’re excited to introduce Susy 3.0, a major update to our popular grid-math calculator – now more focused and flexible than ever. Susy was designed to make layout math easy, without forcing you into generic patterns and ugly markup. But grid systems are on the way out, replaced by real CSS layout specs that live in the browser. With Susy3, we want to help make that a smooth transition.