Sponsor: Quick testing across devices with this browser built for web developers.

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.


πŸ¦‰
The term "User Experience" (UX) is a relatively new invention! Coined by Donald Norman, a famous design thinker, in 1993. Before that, similar ideas fell under broad terms like "engineering" or "usability." This shows how UX design, though drawing on older practices, became a distinct field with a focus on the entire user journey. Source.

Workspace Inspirations

@makerstations

Watches


Thanks for reading! See the next one!

Tri

Share

Let me know your thought or you find a mistake/outdated content for this post.

Get the latest update of tutorials, inspirations and useful resources for website design and development to your email box