ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSS/JavaScriptを用いたユーザビリティーを意識したUI構築が専門で、3D表現・クリエイティブコーディングが得意。著書『フロントエンドの知識地図』など技術書14冊を執筆。趣味でタイムラプス撮影。

東京都品川区
Joined April 2007
ニヤニヤしながら読んだ笑 デザイナーもノンデザイナーも読んで欲しい😆😆スキューモのリッチなアイコンは好きだったな〜!! 嫌われる理由の分析も説得力がすごい😊
これは素晴らしい記事。 ウェブデザインの歴史を、皮肉混じりに適切に指摘していて、面白い! Web2.0、Bootstrap、スキューモフィズムから、現代のAI臭いデザインまで。 時代を貫通する「嫌われるデザイン」の本質…… zenn.dev/blackmose/articles/…
1
4
1,945
池田 泰延 retweeted
HTML in Canvasって新しいweb仕様の解説記事書きました。webページにもっとド派手で映える演出を加える機能ってイメージを持ってる人もいるかもだけど、そういうためだけの技術じゃないよ、って内容です この恨み・つらみCanvasで苦労した人は全員分かってもらえるはず🥹 ics.media/entry/260825/
1
60
3
278
26,310
CSSでも、フォントによるが上下の余白が細かめに調整できるプロパティがあるんですね👀 CSS:CSSでテキストの上下余白が調整可能に!text-box-trimの使い方 - ICS MEDIA ics.media/entry/250319/ しかも私も時々使いますが、Figmaの上下トリミングと近い表現もできるのよさげ。
4
38
3,195
誤って閉じない、誤ってクリックしない実装は超大事。 矩形じゃなくて三角形に実装できるとは初めてしった。 覚えたい言葉→セーフトライアングル メニューUIの誤操作を減らせ! CSSで作るヒットエリア「セーフ・トライアングル」 ics.media/entry/260803/
4
75
7,475
池田 泰延 retweeted
/ 📢 Vue Fes Japan 2026チケット販売開始! \ 2026年10月24日 (土) 開催、Vue Fes Japan 2026のチケット販売を開始しました 🎫 Evan You氏をはじめ、JavaScriptコミュニティの最前線で活躍するOSS開発者たちがに集結します 🔥 8/31 (月) 23:59まで早割が適用されますので、お買い求めはお早めに! #vuefes
2
52
22
93
34,304
池田 泰延 retweeted
最終的には根性、というか執着や執念だと思っててそれが成立するためには、クライアントワークだとしても作り手自身が本心から「これが世の中にあってほしい」と思ったものだけを提案できること。
クリエイティブ業界、とかく根性論を蛇蝎の如く嫌う一派がいるので公に口には出さないけど、一線で働いてる人間には、「でもやっぱ最後の決め手になるのは根性だよな……」って思いがあるんじゃないかな
4
1
61
10,579
少なくとも現時点のAIは、まだこれだと思ってる
33
415
163
1,948
197,955
池田 泰延 retweeted
ICSに入社をして初の担当記事が公開されました。 ics.media/entry/260618/ gridやflexのgapに罫線がひける「rule」プロパティ。 カラム落ちに対応したい 罫線のパターンを指定したい 交点に余白が欲しい 意外と手間がかかるんだよね、な表現がシンプルに指定できます。
ICS MEDIAの新着記事が公開されました。 gridとflexのgapに罫線を入れられる新しいCSS「rule」を作例とともに解説。 ics.media/entry/260618/ フッターの横並びボタンとか、カレンダーUIとかに便利です。 担当: @ryu_yama_0325
3
9
3,314
スクール生やまだまだ経験浅い人はインフルエンサーの抽象的なそれっぽい話じゃなくて、こういうの読もうな。ポートフォリオとか見せてもらうと全然出来ていないときあるぞ ics.media/entry/221208/
1
11
2
114
10,917
池田 泰延 retweeted
この演出実装にインスパイアをうけ、自作のJSライブラリ「shuffle-text」のデモを追加しました。 shuffle-text版のデモは以下の記事に掲載しています。 ics.media/entry/15498/
1
16
2
280
21,576
池田 泰延 retweeted
CSS + JSで実現する、Apple WatchっぽいUI。 境界付近でCSSのscaleを変化させるのがポイント。
6
119
13
1,726
208,405
池田 泰延 retweeted
記事を書きました! ここ数年のHTML・CSSの進化で、ハンバーガーメニューが作りやすくなっています。 <dialog>タグを中心に、ハンバーガーメニューのモダンな作り方を解説しました。 ics.media/entry/260527/
2
50
1
298
17,311
池田 泰延 retweeted
Replying to @clockmaker
Wow this blew up! you can see the full animation and code here btw codepen.io/juliangarnier/pen…
2
20
2,782
なんと便利なタグなんでしょう✨   これ、WordPress6.8で導入されたらしいけどeagernessがconservativeになってるらしい🤔これをimmediateとかに変更できるプラグインが出てるっぽいので興味ある人はぜひ💁‍♀️ wordpress.org/plugins/specul…   ICS MEDIAに落とし穴と対処の解説載ってるのでそこは要チェックや!
4
43
9,159
池田 泰延 retweeted
ICSはCreative Partnerとしてご協力させていただきました(Credit参照)。ぜひご覧ください!
【株式会社peace put様|コーポレートリブランディング】 福岡発祥のベーカリー「AMAM DACOTAN(アマムダコタン)」や生ドーナツ専門店「I'm donut?(アイムドーナツ?)」など8ブランドを展開する株式会社peace put様のコーポレートリブランディングを担当いたしました。 創業者・平子良太氏の思想とビジョンによって形作られてきた各ブランド。急速な拡大を重ねる中で、その思想が社内外に本当に正しく伝わっているのかを問い直し、姿勢や価値観がより素直に、より誠実に届く状態をつくることを両社で今回のテーマに据えました。 新しい企業ロゴは「: peace put」と「: p」の2種類で展開しています。 「: peace put」では社名の前に「すなわち」を意味するコロン(:)を配置し、peace putにつながるすべての活動が"ひとときの平和を置いていく"という理念に基づいていることを表現。 「: p」は頭文字"p"をベースに、食を楽しむfam(スタッフ)やお客さまの顔をモチーフとしたデザインで、横向きにすると笑顔のような形が現れます。街や人々にそっと幸せを届けたいという想いを、さりげなく込めています。 新コーポレートサイトでは、各ブランドの背景・世界観・現場の空気感を伝えるページを新設。 外部へのブランディングメディアであると同時に、社員が「自分はなぜここで働いているのか」を確認できる場として設計しました。 さらに、peace putの創業から未来へと続く物語を没入感ある体験へと昇華したHistoryページも制作。 ブランドの歴史を読むのではなく、「体感する」コンテンツとして仕上げています。
1
2
19
6,846
地味だけどこう言うのが職人だよね〜 躍動感が出る。
CSSで弾みを加えると ウェブのUIが軽快になります
2
13
3,610