HTML and CSS

Related work

• ask.chaipat.cc, the ask-me-anything site Key work Nov 2026

  There is no framework: the page is plain JavaScript, HTML and CSS, hosted on Vercel.

• Pre3 Mar 2024Course management system that helps students plan courses and track progress, and helps faculty manage them.
• chaipat.cc, the library of booksHis personal site: a library of books about his life, each presented as a book in its own form. A pile of books lies on a low table by a window in a room drawn in 3D, in the real weather and time of day of Ishikawa; the rest stand on a shelf. A static site in plain HTML, CSS and JavaScript, in Japanese and English.
• Kate (糧), a stitch-bound bookThe first book in the library: a stitch-bound book of his life in eight small books, about a season in Ishikawa in photographs, with a little about work. It is read right to left, with soft pages that turn, in Japanese or English.
• The Invisible (見えないもの), a pop-up bookThe second book in the library: his seven months of astronomy research at NARIT told as a journey across small planets, in a pop-up picture book after Saint-Exupéry's Le Petit Prince. Each opening raises a paper planet and shows one figure from his research archive.
• Nenrin (年輪), a picture scroll

  2022 — The first page: a small, plain personal site made in his first year at university, in HTML and CSS.

• Logo and doodles (ask.chaipat.cc)

  The logo and doodles, in src/brand.js with their styles in HTML and CSS, are the site's mark and its costumes.

• Timeline view (ask.chaipat.cc)

  It is plain JavaScript drawing SVG, styled with HTML and CSS.

• Graph view (ask.chaipat.cc)Draws the whole knowledge graph, or the classes of its ontology, as a network to search, walk and tour, opening on an overview of his key work; the layout is settled at deploy time.
• Static site deploy Sep 2025

  It publishes a one-page site, plain HTML and CSS, to GitHub Pages with a GitHub Actions workflow, which deploys only when index.html actually changes.

@prefix id: <https://ask.chaipat.cc/id/> .
@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
@prefix cj: <https://ask.chaipat.cc/ns#> .
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .

id:HTMLCSS
    a cj:Skill ;
    rdfs:label "HTML and CSS" ;
    cj:category "web" ;
    cj:shortLabel "HTML/CSS" .