Dev Design Brew 004

Sip happens ☕, but how are you? 👋

I would like to extend a very warm welcome to all new subscribers!

In today's newsletter, I have curated a selection of content from Ruby in 100-seconds, a new way of CSS media queries, streaming HTML without Javascript, and also powerful open-source apps.

Enjoy!

Inspiration Website

Allyoucan.co
The website that I'm most excited to share with you is a creative framer website that uses leverage sounds on each illustration.

Oneworldonedollar.com
It is like dribbble style comes to life. Developed using NextJs and Gsap to create smooth animation and transitions.

Reads

💎 100 seconds ruby on rail
There are a few things in this 100-second video that helped me understand Ruby better since I am not that familiar with it.

🙅 Why I don't use AI as my copilot 🤖
There are many reasons to use AI as your programming copilot. From code-sharing privacy to dulling your programming skills. Will you keep using AI in your programming work or avoid it for some reason?

🦹‍♂️ 273GB of data stolen in GitHub repo hack
The New York Times' stolen data was leaked on the 4chan message board on Thursday. The file contained 3.6 million files. The information stolen includes first and last names, phone numbers, email addresses, mailing addresses, nationality, bio, website URLs, and social media usernames.

🌐 No More Mess with CSS Media Queries!
The new CSS media query syntax revolutionizes how we define responsive breakpoints. It makes our code cleaner and easier to understand.

🕐 Tempo: The Easiest Way to Work With Dates in JavaScript
There are Date-fns, Moment js, or DayJs. Meet Tempo, is a new date package designed to be small and is the easiest way to work with dates in JavaScript and TypeScript:

🌊 Streaming HTML – Asynchronous DOM Updates without JavaScript
Developers strive for responsive web applications to provide the best user experience. The Declarative Shadow DOM and streaming HTTP bodies provide new techniques to update a page asynchronously without JavaScript, which increases responsiveness while keeping complexity low.

🤖 How Generative AI Is Remaking UI/UX Design | Andreessen Horowitz
Design mock-ups can only represent a limited set of information about a design, so teams often treat code as the source-of-truth when designing new UIs. Products like V0, MagicPatterns, RapidPages, and others are attempting to address this problem with code generation with design scaffolding.

📰 What’s Coming in WordPress 6.6 (Features and Screenshots)
WordPress has already rolled out the beta for version 6.6, which involves a lot of hard work from many contributors.

🧑‍🎨 What do developers want in a design handoff? We asked them.
Many persistent development problems are hiding under "that's just how it is". It's hard to step back and say, "How could we do this better?"

✍️ 10 UX/UI copywriting tips
Basic useful copywriting for junior or middle designers.

Tools

💼 Huly
An open-source platform, serves as an all-in-one replacement for Linear, Jira, Slack, and Notion.

📈 openpanel.dev
All the goodies from both Mixpanel and Plausible combined into one tool.

Workspace Inspirations

Watches

Thanks for reading! See the next one!

Tri