#frontend

All content tagged with this tag.

How to Make a Themeable SVG Favicon

Boost your website’s style and performance with this step-by-step guide to creating a themeable SVG favicon. Learn how to design a responsive, scalable favicon that adapts seamlessly to both dark and light modes using CSS media queries and HTML integration. Perfect for web developers looking to enhance UI design and user experience.

Blog

Why Use Getters and Setters in JavaScript and TypeScript?

Discover the power of getters and setters in JavaScript and TypeScript! Learn how they enhance encapsulation, computed properties, validation, and performance, plus when to use (or avoid) them for clean, efficient code. 🚀 #JavaScript #TypeScript

Blog

Tailwind CSS: Targeting Mouse Devices Only with `mouse-only:`

Unlock smoother hover interactions with Tailwind CSS by targeting mouse devices exclusively. Learn to build a custom “mouse-only” variant that optimizes desktop hover effects while preserving a seamless experience for touch users.

Blog

Creating a Table of Contents for a Successful Design System

Craft a great design system with an effective Table of Contents. Learn how to boost Storybook documentation and usability with best practices and real-world examples from industry leaders like Apple, IBM, and Material Design.

Blog

The Ultimate Guide to BEM: From Basics to Advanced Techniques

Unlock the power of BEM (Block, Element, Modifier) with this ultimate guide. Dive into scalable, maintainable CSS techniques—from foundational concepts to advanced strategies—to elevate your web development and UI/UX design.

Blog

Discovering the Most Unknown Semantic HTML Tags: Hidden Gems for Better Accessibility and SEO

Unlock the hidden potential of semantic HTML with this guide on 10 underused tags that boost accessibility and SEO. Discover how gems like <main>, <mark>, and <time> can transform your website’s structure, enhancing content clarity for users and search engines alike. Elevate your code and optimize your site with these essential yet overlooked HTML elements.

Blog

A Guide to Accessibility Best Practices: No ARIA is Better Than Bad ARIA

Unlock superior web accessibility with this guide on ARIA best practices. Discover why “No ARIA is better than bad ARIA” and learn practical tips for using native HTML to create inclusive, user-friendly web experiences.

Blog

Translating a Custom Design System to Tailwind CSS

Transform your custom design system into a streamlined Tailwind CSS setup with this in-depth guide. Discover how to configure custom breakpoints, color palettes, typography, and shadows—with practical code snippets and a video walkthrough—to enhance responsive design and boost your front-end workflow.

Blog

Enum vs Type in TypeScript: Pros, Cons, and Best Use Cases

Discover the key differences between Enums and Union Types in TypeScript. This guide breaks down the pros, cons, and best use cases of each, helping you choose the right approach for cleaner, more efficient code.

Blog

Mastering TypeScript’s `Extract<>`: Selective Type Extraction for Better Code

Unlock the power of TypeScript’s Extract<> utility to streamline your code. Discover how selective type extraction enhances reusability, reduces redundancy, and improves maintainability with practical examples and best practices.

Blog

From Slow to Instant: How I Made Bokkah.com Insanely Fast by Caching Images with a Service Worker

Discover how Bokkah.com transformed its slow-loading images into a lightning-fast browsing experience by leveraging a custom service worker in React. Learn how caching images reduces network requests, boosts Core Web Vitals, and optimizes your web app for a seamless PWA performance.

Blog

Mastering TypeScript Decorators: A Beginner-to-Advanced Guide

Unlock the power of TypeScript decorators with our beginner-to-advanced guide. Discover practical techniques, Angular integration, and advanced metaprogramming tips to supercharge your web development skills.

Blog

Understanding the HTML `<template>` Tag: A Guide for Developers

Unlock the full potential of the HTML <template> tag with this comprehensive guide for developers. Learn how to build reusable, dynamic content with JavaScript, enhance performance, and implement best practices for modern web development.

Blog

Why Local Storage is Vulnerable to XSS Attacks (And a Safer Alternative)

Discover why relying on Local Storage can expose your web app to dangerous XSS attacks. This in-depth guide explains how sensitive data is at risk and shows why switching to HttpOnly Secure Cookies offers a far safer alternative for managing authentication tokens and user data.

Blog

Preventing XSS: Best Practices for Frontend Developers

Secure your web applications with our comprehensive guide to preventing XSS attacks. Discover essential best practices for sanitizing inputs, escaping outputs, and implementing CSP—all tailored for frontend developers to enhance web security.

Tools

Storybook: Frontend workshop for UI development

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation.