Creative Blogs
iPad Pro PSD Mockup
Use this awesome iPad pro mockup with soft shadows to showcase your app or web design. Replace your design easily with a smart layer.Background color can be changed also. Enjoy
Read moreCreative Blogs
Clean Browser PSD Mockup
Showcase your work with this super clean and modern browser mockup. Edit your work easy via smart object in PSD file.
Read moreCreative Blogs
iPhone Case PSD Mockup
Grab this free phone case PSD mockup that you can use to present your iPhone case design. You can place your design easy via smart layers and you can also change the background color. Hope you like it.
Read morePhotoshop tuts
Crafting Strong DX With Astro Components and TypeScript
I’m a big fan of Astro’s focus on developer experience (DX) and the onboarding of new developers. While the basic DX is strong, I can easily make a convoluted system that is hard to onboard my own developers to. I Read more…
Photoshop tuts
Grunge Effects in Design: Raw, Gritty, and Always in Style!
It’s raw. It’s messy. And it refuses to play by the rules. Grunge isn’t just a style—it’s an attitude. From underground zines to modern digital design, grunge has always been a rebellion against perfection. But why does this chaotic, textured Read more…
Photoshop tuts
Worlds Collide: Keyframe Collision Detection Using Style Queries
A friend DMs Lee Meyer a CodePen by Manuel Schaller containing a pure CSS simulation of one of the world’s earliest arcade games, Pong, with both paddles participating automatically, in an endless loop. The demo reminds Lee of an arcade Read more…
Photoshop tuts
Automated Visual Regression Testing With Playwright
Comparing visual artifacts can be a powerful, if fickle, approach to automated testing. Playwright makes this seem simple for websites, but the details might take a little finessing. Recent downtime prompted me to scratch an itch that had been plaguing Read more…
Photoshop tuts
Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component
I came across this awesome article navigator by Jhey Tompkins: CodePen Embed Fallback It solved a UX problem I was facing on a project, so I’ve adapted it to the needs of an online course — a “course navigator” if Read more…
Photoshop tuts
Support Logical Shorthands in CSS
There’s a bit of a blind spot when working with CSS logical properties concerning shorthands. Miriam explains: Logical properties are a great way to optimize our sites in advance, without any real effort. But what if we want to set Read more…
Photoshop tuts
Revisiting CSS border-image
In my last article on “Revisiting CSS Multi-Column Layout”, I mentioned that almost twenty years have flown by since I wrote my first book, Transcending CSS. In it, I explained how and why to use what were, at the time, Read more…
Photoshop tuts
Quick Reminder That :is() and :where() Are Basically the Same With One Key Difference
I’ve seen a handful of recent posts talking about the utility of the :is() relational pseudo-selector. No need to delve into the details other than to say it can help make compound selectors a lot more readable. :is(section, article, aside, Read more…
Photoshop tuts
Smashing Meets Accessibility
The videos from Smashing Magazine’s recent event on accessibility were just posted the other day. I was invited to host the panel discussion with the speakers, including a couple of personal heroes of mine, Stéphanie Walter and Sarah Fossheim. But Read more…
Photoshop tuts
A CSS-Only Star Rating Component and More! (Part 2)
In the last article, we created a CSS-only star rating component using the CSS mask and border-image properties, as well as the newly enhanced attr() function. We ended with CSS code that we can easily adjust to create component variations, Read more…
