Fatih Kalifa

Interface Engineer. Writes personal opinion about technology, software engineering, and web development.

Hello!
👋
2021
  • Published a post
    •5 mins reading time

    Authoring Custom Elements in a Next.js App

    The Intersection of Two Different Ecosystem

    Since its creation, my blog has only been a React-exclusive app, which means it only renders a React component. How I store the blog post has changed a lot—from static HTML in a hosted database to markdown files in the same git repository—but the rendering engine stays largely the same.

    Unlike most React powered blog, I don't use MDX. I write plain markdown files, but internally I call it MDC.

    Read More
  • Created an open source project
    TypeScript58

    indihmm

    Indihome real time twitter rant dashboard

2020
  • Published a post
    •10+ mins reading time

    Dark Mode on the Web

    UX, DX and Technical Exploration For Inclusive Dark Mode

    For some people, dark mode is aesthetically more pleasing. On the other hand, there's a group of people (including me) that likes to read at night under dim lighting, or even in total darkness. Having the option to use dark theme reduces strain in the eyes and makes it more pleasant to read at. I personally doesn't care that much about the aesthetic aspect of the dark mode. I think of it as an accessibility feature.

    Read More
  • Published a post
    •10+ mins reading time

    Enhance TypeScript Code Samples with Compiler Diagnostic

    Build-time Type Annotation and Syntax Highlighting using Twoslash and Shiki

  • Created an open source project
    TypeScript47

    theme-in-css

    Type-safe CSS custom properties (CSS variables) for theming purpose

  • Created an open source project
    HTML17

    oge

    Page metadata as a service

  • Published a post
    •10+ mins reading time

    Building progressively-enhanced iPadOS hover style in web

    Using framer-motion for Animation & Transition

  • Published a post
    •6 mins reading time

    Share latest post automatically in Twitter using GitHub Actions

    Utilizing GitHub Actions Path Filter and CLI Composition

  • Created an open source project
    TypeScript148

    use-less

    React hooks that help you do what you already did, with more indirection

2019
  • Created an open source project
    JavaScript3

    scarecrow

    Tanifund scraper & notification service leveraging GitHub Actions Scheduling Workflow

2016
  • Started a new job

    Traveloka

    Software Engineer - Web Infrastructure

2014
  • Started a new job

    Traveloka

    Software Engineer - Web