Follow along with this photo compositing Photoshop tutorial to create a surreal space scene with a vibrant neon light effect. We’ll use assets from a free sample pack of the Ultimate Universe Creator product that’s exclusively available for Spoon Graphics viewers to download. I’ll show you how to compose the Read more…
The retro artwork that used to appear on old VHS tape covers has become an iconic design style that is often mimicked today. Follow along with this tutorial to create your own fun retro style poster based on the artwork of those VHS cassette covers. We’ll use Illustrator to construct Read more…
A brand new kind of design bundle has just dropped over at Design Cuts. Curated Collections are mini bundles of 4 related products for just $10, saving up to 90%. You’ll find collections of brushes, fonts, illustrations and more for Procreate, Photoshop and other art and design software. Which ones Read more…
An approach for creating masonry layouts in vanilla CSS is one of those “holy grail” aspirations. I actually tend to plop masonry and the classic “Holy Grail” layout in the same general era of web design. They’re different types of layouts, of course, but the Holy Grail was a done Read more…
The creator of CSS has said he originally envisaged CSS as the main web technology to control behavior on web pages, with scripting as a fallback when things weren’t possible declaratively in CSS. The rationale for a CSS-first approach was that “scripting is programming and programming is hard.” Since introducing the :hover pseudo-class, CSS has been standardizing patterns Read more…
Miriam Suzanne’s in the middle of a redesign of her personal website. It began in August 2022. She’s made an entire series out of the work that’s worth your time, but I wanted to call out the fifth and latest installment because she presents a problem that I think we Read more…
A new tool from Eric Meyer, Brian Kardell, and Stephanie Stimac backed with Igalia’s support. Brian announced it on his blog, as did Eric, describing it like this: What BCD Watch does is, it grabs releases of the Browser Compatibility Data (BCD) repository that underpins the support tables on MDN and services like caniuse.com. It Read more…
The <select> element is a fairly straightforward concept: focus on it to reveal a set of <option>s that can be selected as the input’s value. That’s a great pattern and I’m not suggesting we change it. That said, I do enjoy poking at things and found an interesting way to turn a <select> into a Read more…
Mixing colors in CSS is pretty much a solved deal, thanks to the more recent color-mix() function as it gains support. Pass in two color values — any two color values at all — and optionally set the proportions. background-color: color-mix(#000 30%, #fff 70%); We also have the relative color Read more…
I was looking over an older article Patrick Brosset penned for us introducing <selectmenu>, a new proposal at the time for a more style-able cousin to <select>. From there, I clicked the linked-up <selectmenu> explainer and got… this: OK, link rot is a thing and happens all the time. Perhaps Read more…
