Style Stage Updates

Archives
Subscribe
Sept. 6, 2020, 3:20 p.m.

Upcoming CSS events and new Sass option for creating Style Stage submissions

Style Stage Updates

Greetings!

I'd like to invite you to a CSS event this week - LondonCSS - which I'll be kicking off by talking about Style Stage and modern CSS. I'm super excited to hear from speakers Adam Argyle (@argyleink) and Cassie Evans (@cassiecodes), too!

📆 Save the date - September 10

See more details and register for this free virtual event. Please help share it to your networks, thanks!

A reminder to tag me on Twitter or DM me to share your Style Stage story! If you happen to stream creating your submission, tag me so I can help boost that, too!

There are now 32 styles available - go check them out!

🚨 Updates

Do you enjoy writing CSS via Sass? Me too! There is now a template repo that contains the source Sass for Style Stage which you can use an alternative starting point to the source CSS and HTML or the CodePen.

The minimal setup includes processing via node-sass and hot-reload from BrowserSync.

What are you waiting for? Get the template and start creating your first (or second!) Style Stage submission!


Recently Added Styles

  • Blueprint By Todd Libby

CSS Tip: Cross-browser form field styles

Recently on ModernCSS.dev I wrapped up a 4-part mini-series on styling form fields.

Each cross-browser solution includes a11y & theming. These are pure CSS solutions style native elements - not a drop of JS or a framework in sight. Each article begins with a summary of key concepts and notable CSS properties used.

✨Bonus: the tips and techniques here are extendable beyond just form field design!

  • Radio buttons
  • Checkboxes
  • Selects
  • Text inputs/Textarea

Weekly Link Roundup

Here are some links you may have missed:

  • Color contrast is only one part of the overall concern about color. WhoCanuse also emulates various vision deficiencies so you can better grasp how your color may be perceived by various users.
  • 📆 September 17 - CSS Cafe with the topic "Writing even more CSS with Accessibility in Mind" by Manuel Matuzović
  • Get started with CSS Art with [Jhey's egghead collection]](https://egghead.io/playlists/create-css-illustrations-b24c)
  • This week I also published "Create an Automatically Responsive Flexbox Gallery" on egghead with a handy flexbox trick that can be used for much more than photo galleries

Keep it .class-y,
Steph • @5t3ph

You just read issue #7 of Style Stage Updates. You can also browse the full archives of this newsletter.

Powered by Buttondown, the easiest way to start and grow your newsletter.