April 15, 2025Mastering the CSS attr() Function: Dynamic Styling with HTML Attributes
A guide to using the CSS attr() function for dynamic styling, including tooltips, theming, and responsive design example...
Blog
On my blog, I share the knowledge and discoveries I make during my daily work. From tackling challenges and finding solutions to drawing inspiration from videos and blog posts, I aim to share helpful insights and ideas with others.
Latest Articles
April 15, 2025
April 14, 2025Deploy Your Next.js App to Cloudflare Workers with the Cloudflare Adapter for OpenNext
Discover how to deploy Next.js apps to Cloudflare Workers with the OpenNext adapter. Boost performance and scalability w...
April 7, 2025Styling Native <select> with :selectedcontent: A New Era for Custom Dropdowns
Learn about the new <selectedcontent> element and CSS base-select feature that allow full HTML/CSS customization of <sel...
April 5, 2025Mastering Responsive Web Design with Modern CSS: clamp(), min(), max(), and dvh
Advanced CSS guide on responsive design using clamp(), min(), max(), dvh units, and fluid strategies with clean HTML/CSS...
April 4, 2025Front-End Architecture: Monolithic vs. Micro Frontends vs. JAMstack
This article explores key front-end architectures (Monolithic, Microservices-driven Front-Ends, Micro Frontends, JAMstac...
April 3, 2025Top Alternatives to Vercel for Hosting Your Next.js App
Explore top PaaS & Serverless alternatives to Vercel for hosting Next.js apps. Compare Netlify, Cloudflare Pages, AWS Am...
March 31, 2025YAGNI Principle in UX Design
This article bridges a core software development practice (YAGNI) with practical UX design insights, providing a clear, ...
March 20, 2025CSS `mask-image`: In-Depth Guide to Usage and Best Practices
An introduction to `mask-image`, what it does, and why it's useful, comparisons with related properties like `clip-path`...
March 19, 2025SOLID, Clean Code, DRY, KISS, YAGNI Principles + React
Master software principles SOLID, Clean Code, DRY, KISS, and YAGNI clearly explained with easy TypeScript examples. Leve...
March 10, 2025Server Components vs. Client Components: Impact on SEO and Common Misconceptions
Explore the differences between React Server and Client Components, their impact on SEO, and common misconceptions in th...
March 6, 2025SWR vs React Query: Choosing the Right Data Fetching Library
A comprehensive comparison of SWR and React Query, two popular data-fetching libraries for React applications, highlight...
March 4, 2025Exploring Signals: A Modern Approach to State Management in React
Discover how Signals provide a modern alternative to traditional state management in React, offering enhanced performanc...
February 28, 2025Next.js App Router vs. Pages Router: A Comprehensive Guide
A comprehensive comparison of Next.js App Router and Pages Router, highlighting key differences and helping developers c...
August 23, 2024Handling Forms in Next.js 13+ with Server Actions
Learn how to implement forms in Next.js 13+ using Server Actions with loading states, validations, and server-side proce...
August 5, 2024Animate transition from display: none to display: block
Learn how to create smooth animations when transitioning elements from display:none to display:block using new CSS featu...
June 2, 2024Machine Learning References and Code Examples
A collection of useful code snippets, references, and examples for machine learning practitioners, including how to inst...
June 2, 2024Machine Learning Visualization Missing Values
A step-by-step guide to visualizing missing data in machine learning using Python and the missingno library, with techni...
June 1, 2024Machine Learning Handling Missing Values
A comprehensive tutorial on handling missing data in machine learning with Python and pandas, covering detection, visual...
May 29, 2024Machine Learning Pandas iloc Cheatsheet
A comprehensive guide to using pandas iloc indexer for data selection and manipulation in machine learning, with practic...
May 27, 2024Machine Learning: Feature Scaling
An exploration of feature scaling in machine learning, explaining why standardizing data features is crucial for model p...
May 27, 2024Machine Learning Process: A Comprehensive Guide
A detailed exploration of the machine learning process, covering the essential steps of data preprocessing, modeling, an...
May 26, 2024Machine Learning Environment: Python, R, RStudio, and Colab
An overview of essential software tools for machine learning, including Python, R, RStudio, and Google Colab, with downl...
May 26, 2024New React Compiler in React 19
An overview of React 19's new compiler that automatically optimizes applications, potentially revolutionizing React deve...