Blog

  1. JavaScript8 min read

    Shadow DOM in Practice: Slots, CSS Boundaries, and Events

    Build a small Web Component and test which nodes, styles, and events cross its Shadow DOM boundary.

    #Shadow DOM#Web Components#Custom Elements
    Shadow host containing an internal control and a slot for light DOM content
  2. Web Performance9 min read

    Chasing 100s: The Dark Side of Lighthouse Scores

    Learn when a Lighthouse 100 hides slow real-world interactions, how to reconcile lab and field data, and how to prioritize performance fixes without gaming a score.

    #Lighthouse#Core Web Vitals#Web Performance
    Purple performance gauge beside abstract analytics charts on sunlit stone blocks
  3. Web Development9 min read

    From URL to UI: How Browsers Render a Web Page

    Trace how HTML becomes visible pixels, then use a small browser experiment and a DevTools recording to distinguish loading, layout, paint, and compositing work.

    #Browser Rendering#DOM#CSSOM
    Layered illustration representing HTML structure, CSS styling, layout geometry, and final browser pixels
  4. Web Performance12 min read

    5 Web Performance Myths: What to Measure Before You Optimize

    Five plausible speed fixes can miss the real bottleneck. Learn how to inspect network timing, JavaScript work, CDN caching, LCP, and blocking CSS before changing code.

    #Web Performance#Core Web Vitals#Chrome DevTools
    Illustration of a monitor divided into contrasting fast-loading and slow-loading website designs.
  5. JavaScript9 min read

    JavaScript Event Delegation: Reliable Click Handling for Dynamic UIs

    Build delegated click handlers that work with nested elements and dynamically added rows, then debug bubbling, Shadow DOM boundaries, and cleanup.

    #JavaScript#Event Delegation#DOM Manipulation
    Conceptual illustration of one parent event listener handling interactions from multiple child elements.
Blog, Page 10 | Halil Yesilyurt