Using the shadow DOM as a better iframe original
Here's how we use the Shadow DOM to ensure layout from page doesn't affect the layout of a component.
Read more [mailcoach.app]
The making of the WWSD videos original
We published a fun series of videos as a promo for our Black Friday sales. These videos are inspired by the more recent apple announcement videos. Let's take a look behind the scenes to see how they were made! The WWSD videos We used WWSD to name our week of Black Friday discounts. It stands for…
Join 9,500+ smart developers
Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
"Always fresh, useful tips and articles. Carefully selected community content. My favorite newsletter, which I look forward to every time."
A preview of Oh Dear's upcoming redesign
One of our goals for this year is to bring the UI of Oh Dear to the next level. Behind the scenes, our team is working hard on a complete rewrite of our marketing website and app.
Read more [ohdear.app]
Holograms, light-leaks and how to build CSS-only shaders.
Pretty cool what you can do with CSS nowadays
Read more [robbowen.digital]
Creating your own color system with Tailwind
In this post, Oh Dear's front end developer Nick goes into more detail on why and how he implemented a tailwind-like color system that will be used in the upcoming redesign.
Read more [ohdear.app]
Building Oh Dear’s new design: Implementing the design
Here's a new blog post by our designer Nick on how he's revamping the looks of Oh Dear.
Read more [ohdear.app]
Building Oh Dear’s new design: Project setup
We are currently rebuilding the Oh Dear website and application frontend. In this post, you'll read more about the project setup and tools used.
Read more [ohdear.app]
Adding Real Capabilities To Systems Through Naming
Shawn McCool shares some interesting thoughts on how things should be named.
Read more [shawnmc.cool]
The value of a good database design
– tray2.se - submitted by Patrik Ahlström
You might think that the way your store your data isn't really that important. Well it's more important than you think it is. A good database design just like good clean code is the key to performance, not only for the end user but also for you the developer. A poor database model just like poorly written code will slow you down and furthermore it will slow your database queries down which results in a slow application.
Read more [tray2.se]
Recreating the GitHub UI with Tailwind
Here's Jess Archer showing how you can recreate the GitHub UI with Tailwind.
What's new in Tailwind CSS v3.0
Another impressive, feature rich release by the Tailwind team. Here's a rundown of all the new features.
We Analyzed 425,909 Favicons
The people at IconMap fetched the Tranco top 100,000 websites and analyzed their favicons
Read more [iconmap.io]
How I built a modern website in 2021
A pretty interesting read by Kent on how he rebuilt his own site from scratch. Kent is mostly JavaScript focused, so it's good to get a perspective on which technolgies and solutions you choose with such a background.
The website certainly looks very good!
Read more [kentcdodds.com]
Building a simple dashboard using Tailwind original
In this stream, Shruti Balasa show how powerful Tailwind is. She builds a simple dashboard layout in only a couple of minutes. If you want to learn more about Tailwind, consider buying a ticket for her online workshop at Full Stack Europe. You can get a 20% discount for Shruti's workshop by using…
Glowing Background Gradient Effects with Tailwind CSS
Yet another nice video by Simon on cool things you can do with Tailwind.
Building a Fancy Tile Grid with Tailwind CSS
Another amazing video by Simon!
Rebuilding iOS15 with Tailwind CSS
Simon of the Tailwind Labs team, keeps creating cool videos. In this video he recreates the iOS notifications screen.
Opinion-driven design
– stitcher.io - submitted by Brent
Brent shares a few thoughts on open source software design
Read more [stitcher.io]
A new design for Ignition original
A couple of years ago, Ignition became the default error page in Laravel.
Ignition provided a vastly improved design over Whoops: it brought Laravel specific niceties (such as showing the routing, queries) and the ability to display and even run solutions (e.g. generating an app key).
At Spatie, we think we can improve the design of Ignition even more. Our initial plan was to release this new design in tandem with Laravel 9 as a big bang surprise release. We've changed our mind on this because we'd like to have feedback from the community.
In this blog post, I'd like to share our ideas and plans for Ignition.
No, Utility Classes Aren't the Same As Inline Styles
An excellent post on the subject by Sarah Dayan.
Read more [frontstuff.io]
