Ruqaiya Beguwala articles - 44 total
Day 15: Build a Fully Responsive Card Component Using Tailwind CSS
Welcome to Day 15 of the 15 Days of Tailwind Tips series. It's been a rewarding journey exploring...
Day 14: Animate on Hover with Tailwind CSS (Scale, Rotate, and More)
Tailwind CSS makes it surprisingly easy to add smooth, interactive animations to your UI — all...
Day 13: How to Use Aspect Ratio in Tailwind CSS (Perfect for Responsive Images & Videos)
Welcome to Day 13 of the “15 Days of Tailwind Tips” series. Today, we’ll explore a utility that’s...
Day 12: How to Add Dark Mode in Tailwind CSS (The Right Way)
Welcome back to 15 Days of Tailwind Tips — a blog series aimed at helping you build beautiful,...
Day 11: How to Create Animated Spinners Using Tailwind CSS
Welcome to Day 11 of 15 Days of Tailwind Tips As we get deeper into this series, we’re now...
Day 10: How to Create a Sticky Header Using Tailwind CSS
Sticky headers are a common UI pattern in modern web design. They help maintain context as users...
Day 9: Create a Glassmorphism UI in Tailwind CSS (Step-by-Step)
Welcome Back to 15 Days of Tailwind Tips We're more than halfway through the series, and...
Day 8: How to Add Custom Shadows and Depth in Tailwind CSS
Welcome Back to 15 Days of Tailwind Tips We're now more than halfway through this Tailwind...
Day 7: How to Create Reusable Tailwind CSS Components Using @apply
Welcome to Day 7 of 15 Days of Tailwind Tips As you continue building with Tailwind CSS,...
Day 6: Mastering Responsive Typography in Tailwind CSS
Typography plays a critical role in how users experience your interface. In Tailwind CSS, adjusting...
Day 5: Add Hover Transitions in Tailwind CSS Without Writing Any Custom CSS
Welcome to Day 5 of 15 Days of Tailwind Tips — a daily blog series for beginner and intermediate...
Day 4: How to Build a Responsive Grid Layout in Tailwind CSS
Welcome to Day 4 of 15 Days of Tailwind Tips — a series dedicated to helping developers learn and...
Day 3: Button Styling in Tailwind CSS — Create Beautiful Buttons in One Line
Welcome back to 15 Days of Tailwind Tips — a short, actionable series for beginner and intermediate...
Day 2: Tailwind CSS Color System — Semantic, Scalable & Simple
Welcome to Day 2 of 15 Days of Tailwind Tips In this series, “15 Days of Tailwind Tips...
Day 1: How to Center Anything in Tailwind CSS (Horizontally + Vertically)
Welcome to 15 Days of Tailwind Tips As a frontend developer, you’ve likely heard the...
Day 29/30 - Git Bundle – Package a Repo into a Single File for Sharing
Introduction Sharing Git repositories typically involves pushing to a remote server or...
Day 28/30 - Git Archive – Export Repo Files Without .git Directory
Introduction When working with Git, you might need to export your repository’s files...
Day 27/30 - Git Grep: How to Search for Text Across Commits and Branches
Introduction When working with large Git repositories, finding specific pieces of text...
Day 26/30 - Git Config --Global Alias: Create Custom Git Shortcuts
Introduction Git is a powerful version control system, but typing long commands repeatedly...
Day 25/30 - Git Hooks (Pre-Commit, Pre-Push) – Automate Checks Before Commits/Pushes
Introduction Git hooks are powerful scripts that run automatically before or after...
Day 24/30 - Git Diff --word-diff: See Word-Level Changes, Not Just Lines
Introduction When working with Git, the git diff command is essential for tracking changes...
Day 23/30 - Git Shortlog: Summarize Commit Contributions by Author
Introduction When working with Git, tracking contributions from different authors is...
Day 22/30 - git log --graph --oneline --all – Visualize branch history.
Introduction: Why Visualizing Git History Matters In collaborative software development,...
Day 21/30 - Git Update-Ref – Manually Update Branch References
Introduction Git is a powerful version control system, and sometimes you need to...
Day 20/30 - Git rm --cached: Remove Files from Staging but Keep Locally
Introduction When working with Git, you might accidentally stage files you didn't mean to...
Day 19/30 - Git Clean -fd: How to Remove Untracked Files & Directories
Introduction When working with Git, you might end up with untracked files and directories...
Day 18/30 - git stash --patch – Stash only specific changes interactively
Introduction git stash --patch (or -p) is Git's interactive stashing mode that lets...
Day 17/30 - Git Revert --no-commit: Revert Multiple Commits Without Auto-Committing
Introduction Git is a powerful version control system that helps developers manage code...
Day 16/30 - How to Rewrite Git History: Complete Guide to Reset vs Filter-Branch vs Filter-Repo
Introduction Git is an incredibly powerful version control system that tracks every change...
Day 15/30 - Git Commit --amend: Modify Your Last Commit with Ease
Have you ever made a commit in Git and realized you forgot to include a file or made a typo in the...