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
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing img srcs using content, and more. This is What’s !important #10. HTML-in-Canvas experiments HTML-in-Canvas, a new API that enables us to render Read more…
Photoshop tuts
The Importance of Native Randomness in CSS
Recently, I published a story about the new random functions that have landed in CSS and how they work. In this article, we’ll explore the challenges of randomness in CSS, how the concept has evolved over time, and why this Read more…
Photoshop tuts
contrast()
The CSS contrast() filter function increases or decreases the contrast of an element, either making colors pop out more or dulling them to gray. Unlike other filter functions like brightness() or saturate(), contrast() affects both saturation and lightness, keeping only the color’s hue. .low { filter: contrast(50%); Read more…
Photoshop tuts
contrast-color()
The CSS contrast-color() function takes a <color> value (as well as a variable) and returns either black or white, whichever is the most contrasting color for that value. In other words, contrast-color() is sort of an accessibility tool for conforming to WCAG contrast requirements. .card { background-color: Read more…
Photoshop tuts
Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point, had the thought that CSS sucks. Indeed, the overhyped buzz around the new pretext.js library as a “CSS killer” reflects how much we all want Read more…
Photoshop tuts
Recreating Apple’s Vision Pro Animation in CSS
Apple’s product animations, particularly the scrolly teardowns (technical term), have always been inspiring. But these bleeding-edge animations have always used JavaScript and other technologies. Plus, they aren’t always responsive (or, at least, Apple switches to a static image at a Read more…
Photoshop tuts
Markdown + Astro = ❤️
Markdown is a great invention that lets us write less markup. It also handles typographical matters like converting straight apostrophes (‘) to opening or closing quotes (‘ or ‘) for us. Although Astro has built-in support for Markdown via .md Read more…
Photoshop tuts
What’s !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More
This issue of What’s !important brings you clip-path jigsaws, a view transitions toolkit, name-only containers, the usual roundup of new, notable web platform features, and more. Creating a jigsaw puzzle using clip-path CodePen Embed Fallback Amit Sheen demonstrated how to Read more…
Photoshop tuts
A Well-Designed JavaScript Module System is Your First Architecture Decision
Writing large programs in JavaScript without modules would be pretty difficult. Imagine you only have the global scope to work with. This was the situation in JavaScript before modules. Scripts attached to the DOM were prone to overwriting each other Read more…
Photoshop tuts
hypot()
The hypot() function takes a list of values and returns the square root of the sum of their squares. .hypotenuse { width: hypot(30vmin, 40vmin); /* 50vmin */ } Most of the time, we’ll pass it two arguments: hypot(A, B). Think of it like Read more…
