Riad Kilani
  • Bio
  • Portfolio
  • Blog
  • Contact
  • Accessibility
  • Case Studies
  • CSS
  • Design
  • Front-End
  • HTML
  • JavaScript
  • News
  • Productivity
  • Random Thoughts
  • SEO
  • Themes
  • Trends
  • Tutorials
  • TypeScript
  • TypeSCript From The Ground Up
  • UX Engineering
  • Web Development
  • Wordpress
Home

Category: Front-End

Native CSS Is Quietly Replacing Sass, But It Isn’t Replacing the “Need” for Sass

January 18, 2026
Split hero graphic showing CSS on the left with a native --primary variable and Sass on the right with $primary and a mixin, representing modern CSS taking over common Sass use cases.

TL;DR Modern CSS has absorbed most of what made Sass essential. Variables, nesting, cascade control, container queries, and runtime theming now live natively in the language. That doesn’t make Sass obsolete. It changes its role. Sass moves from “required infrastructure” to “optional build-time power tool.” For over a decade, Sass was not just helpful. It […]

Read More

Everyday Types Explained (From the Ground Up)

January 16, 2026
Code examples showing everyday TypeScript types including primitives, arrays, and tuples

A quick note before we continue the series. It has been a minute since the last post. I have been traveling and did not want to publish the next part until I had the time and focus to write it properly. This series is meant to be slow, intentional, and high quality, and I would […]

Read More

2026 CSS Features You Must Know (Shipped Late 2025–Now)

January 16, 2026
Futuristic illustration titled “2026 CSS Features You Should Prepare For” showing modern CSS concepts like @scope, anchor positioning, scroll-driven animations, grid lanes, and accessibility-first UI.

CSS in 2026 goes beyond new syntax. Learn the features that reduce JavaScript, improve UI intelligence, and power scalable, modern design systems.

Read More

60 JavaScript Projects in 60 Days

December 31, 2025
60 JavaScript projects in 60 days challenge for learning JavaScript from beginner to advanced

60 JavaScript Projects in 60 Days: Build Skills by Actually Building Learning JavaScript does not come from watching more tutorials. It comes from building things, breaking them, fixing them, and repeating that process until concepts click. That is why I am launching a simple challenge: 60 JavaScript projects in 60 days. This challenge is designed […]

Read More

JavaScript vs TypeScript: What Actually Changes

December 30, 2025
Visual comparison of JavaScript and TypeScript showing type flexibility versus type safety

TypeScript does not replace JavaScript. It changes how your code is validated before it runs. This guide explains the real differences without hype or shortcuts.

Read More

TypeScript Basics for Beginners (From the Ground Up)

December 29, 2025
TypeScript basics explained with typed JavaScript code in a beginner-friendly learning series

TypeScript From the Ground Up is a beginner-friendly, senior-guided series designed to teach TypeScript the right way. Starting from first principles, each article builds practical understanding without shortcuts, focusing on clarity, safety, and long-term maintainability.

Read More

Learn TypeScript in 10 Minutes (For JavaScript Developers)

December 29, 2025
Learn TypeScript in 10 minutes showing TypeScript code examples with types, interfaces, and async functions for JavaScript developers

TypeScript can feel intimidating at first, but it is really just JavaScript with guardrails. If you already know JavaScript, you can understand the core ideas of TypeScript in about ten minutes and immediately start writing safer, more predictable code. This guide focuses on what actually matters: types, functions, objects, and how TypeScript helps you reason […]

Read More

Why Great UX Feels Invisible (And Why It’s Hard to Build)

November 27, 2025
Abstract illustration representing invisible UX through seamless interface flow

Invisible UX is the art of creating interfaces that feel effortless to users. Learn why it’s hard to achieve and how to design seamless, user-centered experiences.

Read More

Web Accessibility: A Complete Guide to Building Inclusive Websites in 2025

November 18, 2025
Illustration of web accessibility features including keyboard navigation, screen readers, and contrast settings for inclusive website design

Web accessibility isn’t just a legal requirement. It’s a fundamental principle of good web design. Learn how to create websites that work for everyone, including people with disabilities, and why accessibility benefits all users.

Read More

How Material Design Motion Improves Perceived Performance in React Applications

November 3, 2025
Learn how Material Design motion improves perceived performance in React applications

Strategic Material Design motion combined with React performance optimization techniques make interfaces feel faster. Master React 19’s startTransition, selective lazy-loading, and accessible motion preferences to enhance perceived performance without sacrificing user experience.

Read More

JavaScript Reducers: What They Are and Why Use Them

August 30, 2025
Light abstract background with faded JavaScript code, several green monopoly-style houses and one red hotel, and the title “JavaScript Reducers — What Are They and Why Use Them.”

Reducers take many things and fold them into one. From Array.prototype.reduce() to app-level state, here’s the simple mental model—with copy-paste code.

Read More

Up and Running with Vue.js (Fast Start for 2025)

August 29, 2025
Vue.js logo next to a minimal dashboard UI on a light abstract background with the headline “Up and Running with Vue.js.”

Get up and running with Vue.js fast: CDN or Vite setup, components and reactivity, Vue Router, Pinia, data fetching, forms.

Read More

10 Vue.js Tips & Tricks I Wish I Knew Sooner (Vue 3 Edition)

August 29, 2025
Light abstract background with a stylized Vue “V” mark, minimal dashboard UI accents, and the title “10 Vue.js Tips & Tricks (Vue 3 Edition)”.

Level up your Vue 3 apps with ten practical tips—from script setup and smart reactivity to Teleport, Suspense, async components, and performance wins. Clear examples you can drop right into your project.

Read More

Building a Block Theme in 2025

August 18, 2025
WordPress logo on a light, abstract background with an angled stack of theme snapshots and the title “Building a Block Theme in 2025.”

A calm, practical guide to building a modern block theme in 2025—what files you need, how theme.json v3 fits in, and how to ship patterns, templates, and tiny interactions.

Read More

Evolution of Front-End Development (2010–2025)

August 18, 2025
Evolution of front-end development 2010–2025 — timeline of tools, frameworks, and CSS.

A practical timeline tracing the evolution of front-end development from 2010 to 2025—what changed, what stuck, and what to ship in 2025.

Read More

Categories

  • Accessibility
  • Case Studies
  • CSS
  • Design
  • Front-End
  • HTML
  • JavaScript
  • News
  • Productivity
  • Random Thoughts
  • SEO
  • Themes
  • Trends
  • Tutorials
  • TypeScript
  • TypeSCript From The Ground Up
  • UX Engineering
  • Web Development
  • Wordpress

Recent Posts

  • Native CSS Is Quietly Replacing Sass, But It Isn’t Replacing the “Need” for Sass
  • Everyday Types Explained (From the Ground Up)
  • 2026 CSS Features You Must Know (Shipped Late 2025–Now)
  • 60 JavaScript Projects in 60 Days
  • JavaScript vs TypeScript: What Actually Changes

Tags

accessibility accessible web design ADA compliance async components Career Journey cascade layers code splitting composables composition api computed properties container queries css Design Inspiration Design Systems disability access File Organization Front-End Development Frontend frontend development immutability javascript JavaScript reducers lazy loading Material Design Modern CSS performance Personal Growth react React useReducer Redux Resume screen readers seo Suspense Teleport TypeScript UI/UX UI Engineering UX UX Engineering Vue Router WCAG web accessibility Web Development Web Performance

Riad Kilani Front-End Developer

© 2026 Riad Kilani. All rights reserved.