WordPress Block Editor Enhancements
How to make the editing experience better
Adding a few customizations to the WordPress Block Editor can help maintain a consistent look and make it easier to re-use custom block patterns.
User experience designer & developer, since
Stacy is a user experience designer, front-end developer, speaker, and podcast superfan.
With over 15 years of experience, Stacy takes the lead on interface development, architecting accessible and maintainable HTML, CSS, and Sass. Balancing a love of design and code, she enjoys experimenting with new design processes and tools as well as new web technologies like CSS Grid Layout. Stacy is enthusiastic about teaching and speaking at design and front-end development conferences. She is a co-host of the WordPress Naperville meetup group and is a superfan of far too many podcasts.
Sass support for LCH, Lab, and more CSS color spaces
CSS Color Modules Level 4 & Level 5 include several new CSS color formats, new color-adjustment syntax, and a contrast function. Blend provides early access to many of these features, while working with Sass colors.
Dynamic & interactive color palettes using CSS
Generate dynamic and interactive color palettes. Define custom themes with CSS custom properties, allow user-adjustments with a bit of light-weight JS, and customize the underlying system with Sass.
Automated style guides
Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool that helps create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps you keep your development process simple – and your UX consistent – as you scale over time.
Integrated design-system management in Sass
OddBird’s Accoutrement tools help keep design tokens meaningful to both humans and machines – opening the door for automation, while improving readability. These tools also integrate with Herman, our automated pattern-library generator.
Unit-testing for Sass developers
True is the only full-featured unit-testing framework designed specifically for the Sass language. Write your tests in Sass, compile them with Sass, and then (optionally) pass the results to a Javascript test-runner for command-line control and reporting.
CSS layout framework
Susy was a responsive layout engine for Sass,
before flexbox
and CSS grid
were available.
Susy is now deprecated, and will not receive updates.
If you need help moving off Susy,
or learning the latest in web layout,
we offer training
and consulting
to help bring you up-to-date.
How to make the editing experience better
Adding a few customizations to the WordPress Block Editor can help maintain a consistent look and make it easier to re-use custom block patterns.
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.
with CSS Grid Layout and Friends
We wanted to show some love to a few great tools we use to get us through our work days. Do you have any to add to our list?
CSSDay was held in sunny Arizona on December 3, 2016. The conference is geared towards front-end developers who want to dive deeper into advanced CSS topics.
Ongoing education in our industry is a must. Attending conferences is a great way to learn and network with other industry professionals. Unfortunately, not everyone is able to attend conferences, but have no fear! Many of the best conferences post videos online, giving our community an easy way to learn…
Using an emphasized initial letter is a technique that has been used for centuries. Let’s dive in to see some ways you can apply it to your project to help guide your reader with visual hierarchy.
CSS Grid Layout is shaping up to be the layout tool we’ve always wanted on the web. How can we use it to start creating interesting layouts?
It’s easy to fall into old habits
CSS Code Reviews