<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"
  xmlns:thr="http://purl.org/syndication/thread/1.0"
  xml:lang="en">
  <title type="text">ICS MEDIA</title>
  <subtitle type="text">Essential reading for web designers and front-end engineers</subtitle>
  <updated>2026-04-15T00:00:00+09:00</updated>
  <link rel="alternate" type="text/html" href="https://ics.media/en/" />
  <id>https://ics.media/feed/atom-en.xml</id>
  <link rel="self" type="application/atom+xml" href="https://ics.media/feed/atom-en.xml" />
  
  <entry>
    <id>https://ics.media/en/entry/260415/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/260415/" />
    <title><![CDATA[Using the Speculation Rules API to speed up page transitions - prerendering before a click]]></title>
    <author>
      <name>narayama</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-15T00:00:00+09:00</published>
    <updated>2026-04-15T00:43:24+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/476/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/476/" />
    <title><![CDATA[Lens flare effects in Three.js]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-10T00:00:00+09:00</published>
    <updated>2026-04-10T00:07:56+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/221216/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/221216/" />
    <title><![CDATA[Creating text particle effects with JavaScript and WebGPU]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-10T00:00:00+09:00</published>
    <updated>2026-04-10T00:36:52+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/260410/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/260410/" />
    <title><![CDATA[Using ESLint effectively with the right rules and workflow]]></title>
    <author>
      <name>nohara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-10T00:00:00+09:00</published>
    <updated>2026-04-10T00:43:24+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/13973/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/13973/" />
    <title><![CDATA[Three.js magma effect techniques for game visuals]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-09T00:00:00+09:00</published>
    <updated>2026-04-09T03:52:53+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/230629/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/230629/" />
    <title><![CDATA[Simple HTML and CSS button designs]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-09T00:00:00+09:00</published>
    <updated>2026-04-09T00:38:26+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/210708/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/210708/" />
    <title><![CDATA[Vite guide - HTML, TypeScript, React, Vue, and Tailwind CSS]]></title>
    <author>
      <name>matsumoto</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-08T00:00:00+09:00</published>
    <updated>2026-04-08T00:35:07+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/18730/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/18730/" />
    <title><![CDATA[Choosing ease in CSS]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-06T00:00:00+09:00</published>
    <updated>2026-04-06T05:12:10+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/240808/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/240808/" />
    <title><![CDATA[Using CSS :has() for forms, modals, and hover effects]]></title>
    <author>
      <name>nishihara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-06T00:00:00+09:00</published>
    <updated>2026-04-06T00:40:08+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/260402/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/260402/" />
    <title><![CDATA[Using CSS linear() for spring animations in UI]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-04-02T00:00:00+09:00</published>
    <updated>2026-04-02T00:43:24+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/15649/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/15649/" />
    <title><![CDATA[Getting started with CSS Grid, Grid Lanes, and Subgrid]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-26T00:00:00+09:00</published>
    <updated>2026-03-26T04:20:49+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/230123/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/230123/" />
    <title><![CDATA[How to underline text in CSS]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-23T00:00:00+09:00</published>
    <updated>2026-03-23T00:38:21+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/240801/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/240801/" />
    <title><![CDATA[Hover animations for text links with HTML and CSS]]></title>
    <author>
      <name>sawada-naomi</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-23T00:00:00+09:00</published>
    <updated>2026-03-23T00:40:08+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/250319/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/250319/" />
    <title><![CDATA[Using CSS text-box-trim and text-box-edge for vertical text spacing]]></title>
    <author>
      <name>sawada-naomi</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-23T00:00:00+09:00</published>
    <updated>2026-03-23T00:41:43+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/250904/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/250904/" />
    <title><![CDATA[HTML dialog element for modal UIs]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-23T00:00:00+09:00</published>
    <updated>2026-03-23T00:41:49+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/241004/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/241004/" />
    <title><![CDATA[Custom-styled HTML checkboxes using the input element]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-19T00:00:00+09:00</published>
    <updated>2026-03-19T00:40:10+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/250307/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/250307/" />
    <title><![CDATA[Customizing native select and option elements using only HTML and CSS]]></title>
    <author>
      <name>kitagawa</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-19T00:00:00+09:00</published>
    <updated>2026-03-19T00:41:43+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/250501/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/250501/" />
    <title><![CDATA[Getting started with Three.js on WebGPU]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-19T00:00:00+09:00</published>
    <updated>2026-03-19T00:41:45+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/250516/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/250516/" />
    <title><![CDATA[Creating a carousel UI with HTML and CSS without JavaScript]]></title>
    <author>
      <name>sawada-naomi</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-19T00:00:00+09:00</published>
    <updated>2026-03-19T00:41:45+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/250611/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/250611/" />
    <title><![CDATA[Getting started with p5.js for creative coding]]></title>
    <author>
      <name>oka</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-19T00:00:00+09:00</published>
    <updated>2026-03-19T00:41:46+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/11221/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/11221/" />
    <title><![CDATA[How to write modern HTML forms: A guide to the input element]]></title>
    <author>
      <name>watanabe</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T03:07:01+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/190517/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/190517/" />
    <title><![CDATA[How to debug JavaScript with Chrome DevTools]]></title>
    <author>
      <name>kawakatsu</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:31:45+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/14087/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/14087/" />
    <title><![CDATA[Using CSS font-feature-settings for better kerning in Japanese text]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T03:54:47+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/14771/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/14771/" />
    <title><![CDATA[Getting Started with the Latest Three.js Release - An Easy-to-Use 3D Library for WebGPU]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T04:06:11+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/17960/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/17960/" />
    <title><![CDATA[What HTML coding was like in the 2000s]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T04:59:20+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/200406/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/200406/" />
    <title><![CDATA[CSS shadow techniques beyond box-shadow: Alternatives and pitfalls]]></title>
    <author>
      <name>matsumoto</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:33:24+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/200825/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/200825/" />
    <title><![CDATA[JavaScript array techniques you should know]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:33:28+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/210628/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/210628/" />
    <title><![CDATA[How to use the CSS gap property with grid and flex]]></title>
    <author>
      <name>nishihara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:35:06+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/220822/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/220822/" />
    <title><![CDATA[Getting started with GSAP, part 1: Basics of JavaScript animation]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:36:48+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/220825/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/220825/" />
    <title><![CDATA[Getting started with GSAP, part 2: Timelines and scroll effects]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:36:48+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/220901/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/220901/" />
    <title><![CDATA[Building an animated accordion with HTML details and summary]]></title>
    <author>
      <name>ics</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:36:49+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/221208/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/221208/" />
    <title><![CDATA[17 HTML and CSS tips for better links, buttons, and forms]]></title>
    <author>
      <name>nishihara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:36:52+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/221223/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/221223/" />
    <title><![CDATA[Techniques for faster image loading in HTML]]></title>
    <author>
      <name>nishihara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-04-20T00:36:52+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/230426/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/230426/" />
    <title><![CDATA[WebGPU: New graphics and compute possibilities beyond WebGL]]></title>
    <author>
      <name>kawakatsu</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:38:24+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/230510/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/230510/" />
    <title><![CDATA[Introduction to the View Transition API for seamless page transitions]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:38:25+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/240603/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/240603/" />
    <title><![CDATA[8 Figma plugins for quick design tasks]]></title>
    <author>
      <name>sawada-naomi</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:40:06+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/251024/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/251024/" />
    <title><![CDATA[HDR on the web for brighter-than-white highlights and more lifelike photos]]></title>
    <author>
      <name>ikeda</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:41:50+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/251204/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/251204/" />
    <title><![CDATA[8 polished microinteractions with React and Motion]]></title>
    <author>
      <name>nishihara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:41:52+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/260116/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/260116/" />
    <title><![CDATA[CSS staggered animations with sibling-index() and sibling-count()]]></title>
    <author>
      <name>sawada-naomi</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:43:21+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/260130/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/260130/" />
    <title><![CDATA[CSS-only scroll-linked UI using :target-current, :target-before, and :target-after]]></title>
    <author>
      <name>kitagawa</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:43:21+09:00</updated>
  </entry>

  <entry>
    <id>https://ics.media/en/entry/260209/</id>
    <link rel="alternate" type="text/html" href="https://ics.media/en/entry/260209/" />
    <title><![CDATA[Using HTML command and interestfor to reduce JavaScript for modals and tooltips]]></title>
    <author>
      <name>nishihara</name>
    </author>
    <content>
      Visit ics.media to read the full article.
    </content>
    <published>2026-03-18T00:00:00+09:00</published>
    <updated>2026-03-18T00:43:22+09:00</updated>
  </entry>
</feed>