NAYAN’S ENGINEERING JOURNAL
Notes worth keeping.
Page 4 of 9.
My collection of practical guides on React, Angular, JavaScript, frontend design, performance, technical SEO and reliable delivery. Explore a topic, follow an example, and check the details.
103 GUIDES IN THE JOURNAL / 12 ON THIS PAGE
Engineering articles
Design Reduced-Motion Modes That Still Feel Complete
Keep content, hierarchy and feedback intact when people prefer less movement or switch animation off.
Design Subtle CSS Background Patterns Without Competing with Content
Use gradients for grids and stripes, control their visual weight, and keep decorative texture out of the reading path.
Design TypeScript Props Around Valid Component Usage
Write component contracts that explain required data, events and supported variations without boolean overload.
Encode Unicode Text as Base64 Without Corrupting Characters
Separate text, UTF-8 bytes and Base64 representation when handling emoji and multilingual content.
Export Canvas Images with the Right Format and Dimensions
Handle image decoding, transparency, output MIME types and browser limits in a reliable canvas export.
Find the LCP Bottleneck Before Compressing the Hero Again
Separate response delay, resource discovery, download time and rendering work when investigating Largest Contentful Paint.
Flexbox Wrapping for Toolbars, Tags and Button Groups
Use flexible wrapping to keep everyday interface groups usable when labels grow or space gets tight.
Fluid Typography with Clamp: Scale Headings Without Losing Control
Combine minimum, preferred and maximum font sizes while keeping long headings and text resizing usable.
Focus-Visible Styling That Fits Your Design and Remains Obvious
Give keyboard focus a consistent visual language across links, buttons, cards and form controls.
Format Dates Without Accidentally Changing the Day
Distinguish calendar dates from instants and make locale and time-zone decisions explicit.
Generate Browser Random Values Without Modulo Bias
Use Web Crypto carefully when mapping random bytes to password characters and other finite choices.
Generate Next.js Route Metadata from the Same Record as the Page
Prevent title, canonical and social-card mismatches when one route template renders many public pages.
Put a useful idea to work.
Try the browser utilities in my developer toolkit.