All posts in " design "
0 Shares

Using DevTools to Tweak Designs in the Browser

By seorocket / a few months ago

Let’s look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy! Toggling Classes With Checkboxes This is useful when trying to pick a design from different options or to toggle the active state of an element without adding the class […]

0 Shares

If Your Company Were a Couch…

By seorocket / a few months ago

Without even realizing it, our perceptions are cross-referenced with our memories. Our brains conjure up an emotional reaction when our eyes see familiar shapes, colors, and textures. This fun exercise uses various styles of couches to help you make decisions about the emotional response that best represents the personality of your company (or how you […]

0 Shares

Creating Non-Rectangular Headers

By seorocket / 6 months ago

Over at Medium, Jon Moore recently identified “non-rectangular headers” as a tiny trend. A la: it’s not crazy popular yet, but just you wait, kiddo. We’re talking about headers (or, more generally, any container element) that have a non-rectangular shape. Such as trapezoids: By Patrick Kantor Or more complex geometric shapes: Robin Movies by Asar […]

0 Shares

The Power of the rgba() Color Function in CSS

By seorocket / 9 months ago

One of the things that I’m really interested in about CSS is the new color-mod function. It will give us the ability to do color manipulations right in the browser. For example, when hovering over a button, you can change the color by using something like color: color(black darkness(50%));, without the use of any CSS […]

Page 1 of 2