A Couple of New Wufoo Tips
Systems that try to contain complexity over long periods of time by convention
DetailsDecaying Sites
Here’s Alex Sanders on the topic, explaining how his team at The Guardian has tackled the task of creating design systems while combating complexity:
DetailsRevisiting the Rendering Tier
Have you ever created a well-intentioned, thoughtful design system only to watch it grow into an ever-increasing and scary codebase? I’ve been working in sort of the opposite direction, inheriting the scary codebase and trying to create a thoughtful system from it.
DetailsUndefined: The Third Boolean Value
Let’s take a look at how we might do that using a boolean value, but actually covering three possible states. This definitely … Read article “Undefined: The Third Boolean Value”
DetailsTesting for Visual Regressions with Percy
I wanted to implement a notification message in one of my projects, similar to what you’d see in Google Docs while a document is saving. In other words, a message shows up indicating that the document is saving every time a change is made. Then, once the changes are saved, the message becomes: “All changes saved in Drive.”
DetailsNative Lazy Loading
Let’s do a little step-by-step of a situation where you can’t quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it’ll be applying a shadow to a shape.… Read article “Using “box shadows” and clip-path together”
DetailsUsing a Mixin to Take the Math out of Responsive Font Sizes
Building software is hard. Building software that is a delight to use every day is even harder, given the exacting standards most of us in the design and development community have for our tools. So, when … Read article “While solving for collaboration, we built a product that our own teams love and use everyday!”
DetailsThe Serif Tax
Flock is a messaging and collaboration tool built for both designers and developers. With close-to-zero setup, it brings together all your team’s conversations, appointments, and files in one place, helping you spend more time on what you are best at — building awesome stuff!
DetailsIn Defense of the Ternary Statement
Basically, he’s using the ability CSS has to check for browser support on a particular property, setting a custom property that returns a value of either 0 or 1 (Boolean!) and then informing the JavaScript to execute based on that value.… Read article “Get a CSS Custom Property Value with JavaScript”
DetailsUnder-Engineered Toggles
Here’s a neat trick from Andy Bell where he uses CSS Custom Properties to check if a particular CSS feature is supported by using JavaScript.
Details