OddBird
OddBird

Posts Tagged ‘CSS-Tricks’

More articles on the topic…


Embracing the Universal Web

CSS-Tricks asked a number of web builders the same question…

What about building websites has you interested this year?

There are constantly new features appearing in browsers – from subgrid to variable fonts to better developer tools. It’s a really great time to be re-thinking everything we know about design on the web. Responsive design has served us well over the years, but it’s still rooted in the limitations of the web from 2010. Ten years later, we’re able to create more “Intrinsic” designs (a term coined by Jen Simmons) and hopefully re-think some “best practices” that are now holding us back.

Read more on CSS-Tricks

It’s My Job, and Yours

CSS-Tricks asked a number of web builders the same question…

What about building websites has you interested this year?

The role of ethics in our modern web space has been on my mind for the past few years and I suspect it will occupy my thoughts increasingly as I move forward. With each encounter of a questionable feature or setting on a website, I can’t help but think of all of the people involved and the discussions that may (or may not) have taken place.

Read more on CSS-Tricks

CSS-Tricks: Introducing Sass Modules

Sass recently launched a major new feature you might recognize from other languages: a module system. The new syntax will replace @import with @use and @forward – a big step forward for making Sass partials (one of the language’s most used features) more readable, performant, and safe. This article goes into detail, but you can also read our “Sass Modules, a Primer” article for the quick introduction.

Read more on CSS-Tricks

CSS-Tricks: 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.

Read more on CSS-Tricks

CSS-Tricks: Fun with Viewport Units

Viewport units have been around for several years now, with near-perfect support in the major browsers, but I keep finding new and exciting ways to use them. I thought it would be fun to review the basics, and then round-up some of my favorite use-cases.

Read more on CSS-Tricks

CSS-Tricks: Loops in CSS Preprocessors

Preprocessor loops are useful for writing DRY CSS. While everyone is talking about pattern libraries and modular design, most of the focus has been on CSS selectors. No matter what acronym drives your selectors (BEM, OOCSS, SMACSS, ETC), loops can help keep your patterns more readable and maintainable, baking them directly into your code. We’ll take a look at what loops can do, and how to use them in the major CSS preprocessors: Sass, Less, and Stylus.

Read more on CSS-Tricks

CSS-Tricks: An Interview with Miriam Suzanne

Chris Coyier interviews Miriam when she joins the CSS-Tricks team as a Staff Writer. We talk about getting started in the industry, name confusion, founding OddBird, building Susy, and more.

Read more on CSS-Tricks

Miriam presenting

Resilient Web Training & Consulting

Take full advantage of the universal web, and reduce maintenance over the long term with resilient HTML, CSS, and JS systems. OddBird provides custom consulting and in-depth trainings on front-end architecture and workflow – from advanced HTML/CSS to integrated design systems, component libraries, testing, and documentation.

Contact us for 1-3 day workshops with Miriam Suzanne, or custom web app creation with our team of Python, UX, and front-end experts.

Schedule a call with Miriam