#design Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Prototype design thinking

This week, we completed the prototype design for a product, and here are some key thoughts:First, the product should precisely address users' current business pain points and deliver real value. Secon...

14.03.2025 0 Read More

How to create a sticky changelog component with Tailwind CSS

Sticky dates in changelogs improve navigation, aid version tracking, build trust through transparency, support regulatory compliance, and keep users engaged with updates.Read the full articles https:/...

14.03.2025 0 Read More

The Role of Animation in Modern Web Design: A Game Changer for User Experience

The initial impression a website makes on a user might be crucial in today's fast paced digital landscape. Websites need to be useful, sure, but they also need to be visually beautiful and interesting...

14.03.2025 0 Read More

Design looking Meh? These CSS tips got you

After 13+ years as a graphic designer and several years diving into web development, I've collected numerous CSS techniques that have consistently helped me create more polished, efficient, and visual...

14.03.2025 0 Read More

Game Design Cannibals: Who’s Eating AAA Games and Why?

I. Preface: “The Sweet Heart of a Game: The Story of One Phrase” The idea for this article came to me long ago from a phrase that, at first glance, seemed ordinary. I heard it at a confer...

15.03.2025 0 Read More

Mobile Preview Cards v1

The first version of some interactive cards made to preview mobile layouts. The mock-up used here is the "individual issue" view of a web app I was helping Oni Press design and develop that allowed ...

15.03.2025 0 Read More

Next-Level CSS: 10 Techniques to Seriously Boost Your Frontend

After over a decade in design and frontend development, I've come to appreciate the raw power of CSS. While JavaScript often gets the spotlight, CSS alone can create incredible interactive experiences...

16.03.2025 0 Read More

Domain Driven Design(DDD) - Understanding Main Concepts

Domain Driven Design(DDD) is a form of software design that focuses on understanding and reflecting the business in code. Clean Architectures in general work really well with DDD. This happens because...

18.03.2025 0 Read More

7+ Free Font Awesome Alternatives in 2025

Font Awesome has earned its reputation as a leading icon library, trusted by countless web designers for its vast collection and straightforward integration. Yet, it's not always the perfect fit for e...

19.03.2025 0 Read More

What is a Wireframe? A Complete Guide for Beginners

Introduction – Understanding Wireframes Wireframes are the blueprint of digital products, laying the foundation for websites, mobile apps, and software interfaces. Before developers write c...

20.03.2025 0 Read More

Prototype design thinking

How to create a sticky changelog component with Tailwind CSS

The Role of Animation in Modern Web Design: A Game Changer for User Experience

Design looking Meh? These CSS tips got you

Game Design Cannibals: Who’s Eating AAA Games and Why?

Mobile Preview Cards v1

Next-Level CSS: 10 Techniques to Seriously Boost Your Frontend

Domain Driven Design(DDD) - Understanding Main Concepts

7+ Free Font Awesome Alternatives in 2025

What is a Wireframe? A Complete Guide for Beginners

#reading

#popular