全部入りHTML太郎 @_yuheiy Twitter profile

Pinned Tweet

全部入りHTML太郎

@_yuheiy

7 days

はドメイン移管作業の都合により停止中です

0

5

Last Seen Profiles

@geeeemorcos

@jordangotwoes

@wa_kjyy

@AshyTown_

@b92456451

@SvenZuchner

@BandarStw

@DBSchenkerFI

@brolawsrus

@vulcanium4

@ZackMlk3

@ERAUAthleticDev

@PaceSul52188815

@paradisesleeve

@PaceSul52188815

@irasiegel

@tsunoko458699

@emedemar__

@9aAInfIzhK87485

@PaceSul52188815

@IcceZin

@NguynTh44848742

@xCEC1L

@Soli_iniigo

@juanda158392211

@bokeplokalmalam

@foxlanebooks

@derpixon

@sebastiankehl

@aimimohimi0716

@EmeraldScholars

@stw_pdg

@paul_rams34

@babakodda18plus

@gmlover92

@Fidsy1

全部入りHTML太郎

@_yuheiy

4 years

ReactやVueを使っているウェブサイトはウェブ全体の1%にも満たず、それら開発者の言説のいくつかは極めてエッジケースの話でしかない。にも関わらず、非常に広い範囲に対して大きな影響力を持ってしまっている。 / The (extremely) loud minority - Andy Bell

3

173

523

全部入りHTML太郎

@_yuheiy

2 years

なぜひとはUIを操作できるのか｜yumemi｜note

なぜひとはUIを操作できるのか｜yumemi

なぜひとはディスプレイに表示されたボタンを押せるのだろうか？パソコンを毎日使う現代人にとっては、当然のことすぎてもはや疑問に思われないかもしれない。しかしデジタルな世界の変化するUIを、私たち生身のヒトが使いこなしているのは、本当に当然のことなのだろうか。なぜひとは眼で見たものがわかるのか眼で見たものをわかるという旅は、眼が光を感じるところからはじまる。眼に入った光は、硝子体を通って...

note.com

0

46

411

全部入りHTML太郎

@_yuheiy

5 months

Notionで「>」を打ったときに引用じゃなくてtoggle listになる仕様、舐めやがってと思う

0

59

334

全部入りHTML太郎

@_yuheiy

1 year

CSSの設計を長年考えてきた集大成のつもりで書いた特集記事が全章無料公開されました。CSSに興味がおありの方はぜひご一読ください。

gihyo.jp

@gihyojp

1 year

Tailwind CSS実践入門～まず作ってから、あとで共通化する「Tailwind CSS実践入門第1章ユーティリティファーストとは何か ─⁠─従来の課題を解決する大胆なアプローチ」 by @_yuheiy 公開

0

69

251

1

96

300

全部入りHTML太郎

@_yuheiy

11 months

やめろー！！！！　CSS は人を傷つけるための道具じゃねぇ！！！！　俺とCSSBattleで勝負だ！！！！

CSSBattle

The funnest CSS game for web designers & developers

cssbattle.dev

0

65

275

全部入りHTML太郎

@_yuheiy

2 years

CSS設計における、すべてがコンポーネントであるという誤謬

4

51

242

全部入りHTML太郎

@_yuheiy

11 months

リンクの内側に、別のリンク…？　ボタンの内側に、また別のボタン…？ a要素の中にa要素は入れられないし、どうやって実装する？　divにclickイベントをつける？　アクセシビリティは？そんな困ったUIを正しく実装するための答えは、11月2日の #朝までマークアップで！

2

38

244

全部入りHTML太郎

@_yuheiy

2 years

発表した / 本文のタイポグラフィとCSS – Dropbox Paper

本文のタイポグラフィとCSS

チーミー発表、2022年5月27日一般的にタイポグラフィと言うと、かっこいい書体を使って見栄えがする組み方をしたデザインなんかが連想されると思いますそういったものは、見た目のよさを目的とした文字の使い方ですが、そうでなく今回は、読みやすさのためにはどうすべきかについて話します先日のゴールデンウィークに自分のサイトをリニューアルしました

paper.dropbox.com

0

58

233

全部入りHTML太郎

@_yuheiy

9 months

img要素のsrc属性はPreload Scannerでスキャンできるので、CSSの読み込みよりも早いタイミングで画像の読み込みを開始できる。一方、background-imageはPreload Scannerでスキャンできず、CSSの読み込みタイミングまで画像の読み込みが遅延する。前者についてはこういう感じです。

みらる🖖HTMLが好き

@miral_kashiwagi

9 months

imgタグでおいてobject-fitするほうがbackground-imageより速いはなしについて具体的に何がどう速いかの文献てどこかにまとまっていますか…… img2枚をdisplay:noneで切り替えるレスポンシブよりpictureの方が読み込みリソース少ないはなしと、display:noneで切り替えるほうが速い話も見た気がする😨

1

3

33

2

33

222

全部入りHTML太郎

@_yuheiy

11 months

私のおすすめ技術スタック10選がはやってるらしいので並べてみたよ - ez-HTML - Terapad - FFFTP - ジオシティーズ - KENT-WEB - GIMP - Inkscape - foobar2000 - 午後のこ〜だ - unDonut

1

56

218

全部入りHTML太郎

@_yuheiy

1 year

いま気づいたけどこれ、「音楽、数学、タイポグラフィ」のやつだ

2

11

207

全部入りHTML太郎

@_yuheiy

2 years

CSSのfilterを使って、背景色に合わせた文字色を自動的に設定する - Blanktar

blanktar.jp

0

34

201

全部入りHTML太郎

@_yuheiy

3 years

UIの命名に使う英単語5000　プロジェクトに出る順

0

42

169

全部入りHTML太郎

@_yuheiy

3 years

日本語版『Every Layout』が出版されます。Amazonで予約受付中です。 / 『Every Layout─モジュラーなレスポンシブデザインを実現するCSS設計論』、素直さという選択 #everylayout_ja - Yuhei Yasuda

1

60

161

全部入りHTML太郎

@_yuheiy

7 months

レスポンシブデザインにおいて12グリッド的な考え方が無理筋になる理由がまとまってる /

gridless.design

get rid of the grid!

gridless.design

0

9

155

全部入りHTML太郎

@_yuheiy

6 years

「制作者のためのHTML」の発表資料を公開しました #ca11y

2

48

148

全部入りHTML太郎

@_yuheiy

1 year

新作です / yuheiy/sdenv: sdenvは、ウェブアプリケーションではなくウェブサイトを開発するためのベストプラクティスに基づいて構成されたフロントエンド開発環境です。

GitHub - yuheiy/sdenv: ウェブサイト（not ウェブアプリケーション）のためのフロントエンド開発スターターキット

ウェブサイト（not ウェブアプリケーション）のためのフロントエンド開発スターターキット. Contribute to yuheiy/sdenv development by creating an account on GitHub.

github.com

3

16

137

全部入りHTML太郎

@_yuheiy

2 years

ワシが若いころには自分のホームページのHTML/CSSがバリデーターをパスした印としてW3Cのバナーを貼り付けておったから仕様理解が促されたのじゃ

0

24

133

全部入りHTML太郎

@_yuheiy

1 year

日本語環境におけるChromeの最小フォントサイズは、現在はデフォルト値として10pxに設定されているが、Chrome 118から0px（制限なし）に変更されるとのこと

Minimum font size problem · Issue #1078 · vivliostyle/vivliostyle.js

Minimum font size problem on ruby was resolved with a workaround using the zoom property, #673 However, the problem still exists on any very small font size text other than ruby text. Workaround on...

github.com

0

32

113

全部入りHTML太郎

@_yuheiy

2 years

資料公開しました！　遅くなって失礼しました！ #dist37 / マークアップのわかり方

マークアップのわかり方

この記事は、2022年10月28日に開催されたDIST.37「マークアップな夜」での発表「マークアップのわかり方」をもとにしたものです。当日は話せなかった内容も大幅に追加しています。

yuheiy.com

1

28

112

全部入りHTML太郎

@_yuheiy

10 months

沖さんが貼ってくれなさそうなので僕が自分で貼ります！！！！！！！！ #朝までマークアップ / マークアップのわかり方

0

16

108

全部入りHTML太郎

@_yuheiy

4 years

書いた / 垂直方向のマージンにはmargin-topを優先的に使う理由 - Yuhei Yasuda

0

39

106

全部入りHTML太郎

@_yuheiy

4 months

あまり人には理解されないだろうけど、WebサイトでもWebアプリでも、Web的なクラシカルなイメージ（ハイパーメディア的）からはみ出すようなスタイルだったり振る舞いをするものを見ると、一気にハリボテ感が漂ってダサく感じてしまう。分不相応感から来る滑稽さというか、節操のなさというか。

杉本啓

@sugimoto_kei

4 months

それそれ。ブラウザで動くアプリのあの独特のニセモノっぽさって、どこから来るんでしょうね。いや、オレ、ほんとはアプリじゃなくってブラウザなんすよ、みたいな何か。

4

24

145

1

22

94

全部入りHTML太郎

@_yuheiy

2 years

CSSについて説明する機会ができるたびにこれを読み返している / The CSS Mindset | Max Böck

The CSS Mindset

CSS can be difficult to grasp if you think about it in terms of a "traditional" programming language. There is a certain mindset involved that helps to understand why it works the way it does.

mxb.dev

0

11

81

全部入りHTML太郎

@_yuheiy

6 months

Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化

1

15

76

全部入りHTML太郎

@_yuheiy

2 months

書きました / 日本語におけるtext-wrapプロパティの運用

1

20

76

全部入りHTML太郎

@_yuheiy

5 months

CSSのround()が熱い。まだChromeに実装されてないのが残念

3

7

75

全部入りHTML太郎

@_yuheiy

1 month

デザインシステムの運用が回り始めてからは、状況の変化に応じて最初に作ったものを更新し続ける流れが欠かせないけど、その度、すでに旧仕様に則って作られたものをどうするかの問題が常に付きまとう。そこで現実的な判断をすべく、状況把握のための一つの仕組みを作りました

ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する

プロダクト全体のソースコードを解析して、提供しているモジュールおよびそれを使用しているプロダクトごとに個別に自動集計する仕組みとその実装方法について解説します。

tech.plaid.co.jp

0

11

73

全部入りHTML太郎

@_yuheiy

8 months

とりあえずアウトラインを作り始めた

0

7

73

全部入りHTML太郎

@_yuheiy

2 years

WEB+DB PRESS Vol.133に特集「Tailwind CSS実践入門——まず作ってから、あとで共通化する」を寄稿しました #wdpress

後日追記: 寄稿した特集がgihyo.jpにて全章無料公開されました。

yuheiy.com

0

25

72

全部入りHTML太郎

@_yuheiy

2 months

コードを書くことの追求が生き甲斐になっているような人間にとって「そこそこでいい」というのはある意味死んだも同然で、僕がそれを身をもって感じた頃には危機的なレベルでやる気がなくなっていたけど、僕はもうやりたいようにやるしか道がないのだと開き直ってからはなんとか立ち直ることができた

0

16

71

全部入りHTML太郎

@_yuheiy

2 years

HTML要素のことをタグと呼びたくないけど状況的に要素と言っても通じないであろうときに唇を噛みしめながらタグと呼ぶ人の図

0

9

67

全部入りHTML太郎

@_yuheiy

9 months

React Aria Componentsはドキュメントも非常によくできていて、特に僕が好きなのは、どのようなインターフェースでコンポーネント化すると良いかの手本が示されているところ。コンポーネントの粒度やpropsの設計は使い勝手に大きく影響するのでここまでカバーしているのは偉大

0

5

67

全部入りHTML太郎

@_yuheiy

5 years

書いた。働き始めて以来この手の問題にはずっと気持ち悪さを感じていて、記事ではその正体について明快な言語化を試みた。タイトルからテーマを読み取って「よくあるいつもの話か」と結論付けられるかもしれないが、これまで言及されていなかった核心に記事では迫っていると我ながら思える。

シフトブレイン／スタンダードデザインユニット

@ShiftbrainStd

5 years

ブログ「レスポンシブデザインに見るデザインカンプと実装との溝」を公開しました。ツールの紹介を通して、グリッドシステムのあり方やレスポンシブデザインの意味などを考察しました。

0

57

158

0

10

62

全部入りHTML太郎

@_yuheiy

8 months

これすごすぎて引退を考えた

Devon Govett

@devongovett

8 months

Just released our React Aria Components + Tailwind CSS starter kit! 🥳 💄 Beautifully styled implementations of every component that you can modify. 🌗 Light, dark, and high contrast modes. 🎲 Multiple variants. 🛝 Pre-configured Storybook.

31

168

1K

0

5

63

全部入りHTML太郎

@_yuheiy

6 months

組織の中でUIコンポーネントを配布するために、パッケージ化するか、shadcn/uiのようにscaffold的に扱うかという話になるときに、必要になるのはこういう議論らしい / The Design System Ecosystem | Big Medium

The Design System Ecosystem | Big Medium

Brad Frost explores the landscape of a mature, end-to-end design system for big, complex organizations. Discover all the moving pieces and how they hang together.

bigmedium.com

1

17

63

全部入りHTML太郎

@_yuheiy

28 days

return awaitって書くのって、そうしないとスタックトレースに含まれないからなのか

nodebestpractices/sections/errorhandling/returningpromises.md at master · goldbergyoni/nodebestpr...

:white_check_mark: The Node.js best practices list (July 2024) - goldbergyoni/nodebestpractices

github.com

0

7

59

全部入りHTML太郎

@_yuheiy

8 months

Astroとかhtmxとかって、これまでのウェブ技術の延長線上にあるというか、期待に反しない正常進化になってるみたいなところが僕は好きだな。ベースラインを引き上げるような感じ。こういう選択肢も取れるようになっていることが、ウェブにとって意義深いと思う。

0

5

58

全部入りHTML太郎

@_yuheiy

6 months

どれだけ反対してもスクロールジャックを実装することを覆せなかったという理由で転職を決めたことがある

0

7

56

全部入りHTML太郎

@_yuheiy

9 months

何でもないような事が皺寄せだったと思う

0

14

57

全部入りHTML太郎

@_yuheiy

4 months

process.env.NODE_ENVをprocess.env['NODE_ENV']に置き換えろとtypescriptに警告されたのでやったらbundlerで置換できなくなっててウザい。お前もう話しかけてくんな

2

4

55

全部入りHTML太郎

@_yuheiy

6 months

スクロール可能な領域はtabindexを指定しなくてもタブフォーカスされるように変更されるとのこと / キーボードのフォーカス可能なスクローラー | Blog | Chrome for Developers

キーボードのフォーカス可能なスクローラー | Blog | Chrome for Developers

tabindex 値が設定されていないスクローラーと、フォーカス可能な子のないスクローラーを、キーボードでフォーカス可能にするための変更がロールアウトされます。

developer.chrome.com

0

13

54

全部入りHTML太郎

@_yuheiy

22 days

ARIA in HTMLで紹介されているASCIIアートのマークアップ例を参考にできそう

🈚️うひょ🤪✒📘 TypeScript本発売🫐

@uhyo_

22 days

【HTML・a11y練習問題】マ　縦　こ｜　書　のク　き　よア　表　うッ　現　なプ　をしてください特にアクセシビリティに配慮してください。ただし、横書きのプラットフォームで縦に書いているという面白さも含めて表現する必要があるので、CSSで縦書きにしてはいけません。

0

6

33

0

13

52

全部入りHTML太郎

@_yuheiy

8 months

僕もついにこのスタイルを採用した。マークアップがだいぶシンプルになった / 雑記記事からarticle要素を削除

1

5

52

全部入りHTML太郎

@_yuheiy

6 months

Tailwindは素直にいいなと思って使い始められる人と、相当説得しないと使おうと思えない人がいるはずで、僕自身が後者だったので、思想的な面にはかなり力を入れて書いた（書いてないのに筆者側の意見を書く人） #TailwindCSS 実践入門

1

4

51

全部入りHTML太郎

@_yuheiy

2 years

僕が趣味でホームページ作りみたいなことを始めたころには、スキルとか収入とかじゃなくて、面白フラッシュ倉庫を見るのと同じくらいの感覚でいろいろ作ったりしていて、いま思うとあれは本当に幸せな時代だった

1

3

50

全部入りHTML太郎

@_yuheiy

7 months

レスポンシブの間の見た目をいい感じになるようにずっと調整し続けていたら、いつしか日が沈み、太陽が昇り、月日が流れ、周囲の同世代はみんな結婚し、親になってしまった

0

6

48

全部入りHTML太郎

@_yuheiy

13 days

私の技術選定です

GitHub - yuheiy/sdenv: ウェブサイト（not ウェブアプリケーション）のためのフロントエンド開発スターターキット

ウェブサイト（not ウェブアプリケーション）のためのフロントエンド開発スターターキット. Contribute to yuheiy/sdenv development by creating an account on GitHub.

github.com

1

4

48

全部入りHTML太郎

@_yuheiy

6 months

Chrome で text-spacing-trim プロパティがサポートされたぞ！！

zenn.dev

0

6

48

全部入りHTML太郎

@_yuheiy

8 months

ブラウザデフォルトのフォーカスリングを明示的に適用する方法

2

8

47

全部入りHTML太郎

@_yuheiy

10 months

HTML First

Build more maintainable software, faster

html-first.com

0

5

47

全部入りHTML太郎

@_yuheiy

4 months

Web的なデフォルト感のある挙動がダサいから変えたいと多くのデザイナーが言うんだけど、僕からすれば、下手に作り込んでそこから逸脱させてしまった方がダサいんだよね。身の程をわきまえずに秩序を乱してる感じ。

1

8

46

全部入りHTML太郎

@_yuheiy

4 years

CSS設計は前提として、デザイナーの世界認識と実際のCSSとを一致させるために努めるものであって、この溝が大きいほど実装者は翻訳者としての記号接地問題に苦しめられ続ける。CSS設計をデザインから独立して考えられるコーディング規約の問題だと捉えてしまうと進歩は無い。

1

7

46

全部入りHTML太郎

@_yuheiy

3 years

Slackで昔のメッセージにスレッドで返信して、実質その相手にしか気づけないようにやり取りすることを、法の抜け穴をつくという意味で合法DMと呼んでいる

1

5

44

全部入りHTML太郎

@_yuheiy

1 year

WordPressって多くの制作者のニーズとぜんぜん違う方向に進んでるのに、とりあえず適当なレンタルサーバーに設置すれば動くという点が強すぎて、大量のいらない機能を無効化するためにたくさんのコードを書いたりしながらゴリ押しで無理やり使うみたいな運用になっているのが虚しい

1

8

44

全部入りHTML太郎

@_yuheiy

1 year

React SpectrumのSlotベースのコンポーネント設計について調べている。UIコンポーネントって普通DOMの構造ありきで作られがちだけど、そうじゃなくて、本来コンポーネントってこうあるべきだろうなと。

Layout

Documentation for Layout in the React Spectrum package.

react-spectrum.adobe.com

0

4

44

全部入りHTML太郎

@_yuheiy

1 year

ReactコンポーネントでレンダリングされるHTML要素の種類を変更可能にするためのパターン

0

5

44

全部入りHTML太郎

@_yuheiy

2 years

Twitterのトピックで表示されるWebデザインとWeb開発はマジでゴミ

0

2

43

全部入りHTML太郎

@_yuheiy

7 months

Astroでシンプルなフォームを実装するためのライブラリ / 🧘‍♂️ Simple form | Simple Stack 🌱

🧘‍♂️ Simple form

The simple way to validate forms in your fullstack app.

simple-stack.dev

0

5

42

全部入りHTML太郎

@_yuheiy

3 years

gridでposition: absoluteみたいにするこのテク、いつか書こうと思ってストックしてたのに先を越された / Less Absolute Positioning With Modern CSS - Ahmad Shadeed

0

5

42

全部入りHTML太郎

@_yuheiy

10 months

さんをつけろよデコ助野郎

takanorip

@takanoripe

10 months

全部入りHTML太郎とゆうてんさんの発表見れたので寝ます。おやすみなさい。

0

6

0

1

42

全部入りHTML太郎

@_yuheiy

1 year

子供のころ、ゲームの攻略本を読むのが好きで、ゲームのやりすぎでゲーム機を没収された日には攻略本だけを嬉々として読み込んでいた。今も技術ドキュメントはずっと読んでいられたりするんだけど、これはあのころとまったく同じ感覚でやっていることなのだと気づいた。

1

3

40

全部入りHTML太郎

@_yuheiy

2 months

@PentaPROgram 同じ画像を3箇所で繰り返すのってアリですか？　こんな感じで

QWXbooV

...

codepen.io

0

4

41

全部入りHTML太郎

@_yuheiy

1 year

音楽、数学、タイポグラフィ - シフトブレイン／スタンダードデザインユニット

音楽、数学、タイポグラフィ

先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。

standard.shiftbrain.com

0

5

40

全部入りHTML太郎

@_yuheiy

1 year

細かすぎて伝わらないtailwind cssハック。カスタムスタイルを追加する際、普通にcssファイルに記述してしまうと、エディタでそのクラスが補完されない。補完するためにはtailwind.config.jsから検知できる必要があるので、次のようにcssファイルを読み込むだけのプラグインを実装すると

1

4

40

全部入りHTML太郎

@_yuheiy

5 months

「デザイン性を重視」というワードが登場したため、反射的に「デザイン性ってなんすか？」と食ってかかりそうになったけど、耐えた

0

40

全部入りHTML太郎

@_yuheiy

3 years

object-fit: coverってもはやベースCSSに書いてデフォルトにしていい説あるな

0

2

39

全部入りHTML太郎

@_yuheiy

3 years

これだけよい反応をもらえるとはまったく予想しなかったけど、あれが受け入れられるということは、これまでCSSを書いてきた人はやはりいろいろ思うことがあったということなんだな

1

2

38

全部入りHTML太郎

@_yuheiy

6 months

Tailwindになっても、宣言をうまく組み合わせることの重要性は変わらないなと思って、このブログを思い出した / 宣言ブロックのCSS設計 - kojika17

宣言ブロックのCSS設計 - kojika17

1年に1回は更新するブログ

kojika17.com

0

7

38

全部入りHTML太郎

@_yuheiy

1 year

個人的に、Tailwind Connectで聴けてよかったと思うのが、Keynoteの冒頭でAdamが言っていた「CSSに関するあらゆる大量のリソースに片っ端から目を通した」という話。Tailwindを作っている人はどうしてここまでCSSのプラクティスを熟知しているのだろうと疑問に思っていたけれど、

1

5

38

全部入りHTML太郎

@_yuheiy

3 years

Tailwind CSSでレイアウトプリミティブを実装してみた #everylayout_ja / shifted/tailwind.config.js at tailwind · yuheiy/shifted

0

3

37

全部入りHTML太郎

@_yuheiy

6 months

明日このイベントでLTします！ / 「Tailwind CSS実践入門」出版記念イベント - connpass

「Tailwind CSS実践入門」出版記念イベント (2024/03/12 19:30〜)

技術評論社から2024/1/26に『Tailwind CSS実践入門』が発売されました https://gihyo.jp/book/2024/978-4-297-13943-8 この発売のお祝いとして、出版記念イベントを行います。この書籍の著者を囲んだTailwind CSS及びその周辺の技術についてのディスカッションで盛り上がりましょう。 # 『Tailwind CSS実践入門』書籍概要...

pixiv.connpass.com

0

6

37

全部入りHTML太郎

@_yuheiy

2 years

宣言的デザイン（翻訳）

1

16

37

全部入りHTML太郎

@_yuheiy

3 years

CSSの書き方が多様に変化していく中でもこれだけはしばらくずっと確かなものであり続けると思う / 宣言ブロックのCSS設計 | Web Design KOJIKA17

宣言ブロックのCSS設計 - kojika17

1年に1回は更新するブログ

kojika17.com

0

5

37

全部入りHTML太郎

@_yuheiy

6 years

CSSが書けない人でもレスポンシブデザインの感覚を理解できるようにするためのGUIを作っている / Grid settings designer

1

7

37

全部入りHTML太郎

@_yuheiy

4 years

自分のコンポーネント分割が良すぎて、なんも用事ないのにずっとコンポーネントのファイル一覧を眺めている

0

1

37

全部入りHTML太郎

@_yuheiy

4 years

はてなブログに投稿しました #はてなブログ CSSにおける汎用化の先送り、ユーティリティファーストCSS、レイアウトプリミティブ - yuhei blog

CSSにおける汎用化の先送り、ユーティリティファーストCSS、レイアウトプリミティブ - yuhei blog

CSSは普通、セレクタの記述から始まる。目の前にあるHTML片に対してどのようなスタイリングを施すかという前に、いかにしてそのHTML片を選択するかという意識が先に来る。あらかじめ完成したHTML文書へ向けてスタイルを適用していくのであればそれでうまくやれるのかもしれない。だが広く行われているウェブデザインの制作では、…

yuheiy.hatenablog.com

1

13

35

全部入りHTML太郎

@_yuheiy

6 months

Every Layout出版の打ち上げを今さらやりました

0

2

36

全部入りHTML太郎

@_yuheiy

4 years

ボタンを横並びにしつつそれらの幅を一番大きいものに合わせるっていうの、マジックナンバーで指定していかないと無理かなと思ってたけどgrid使ったらできた / 横並びかつ同じ幅のボタンたち

3

4

35

全部入りHTML太郎

@_yuheiy

1 year

CSSの書き方を考えることとかそれにまつわる活動全般を指して「CSS設計」と僕は呼んでるんだけど、一方でBEMやSMACSSのような決まった方法論のことを指して「CSS設計」と呼ぶ人も多いらしく、たとえば「現代においてもCSS設計は必要か」的な用法を見かける。

1

6

36

全部入りHTML太郎

@_yuheiy

6 months

@cloud10designs

ページ内リンクの実装から考える、a要素のclickイベントとその振る舞い

a要素のclickイベントをフックにして独自の振る舞いをさせたいという場面はよくあります。例えばスムーズにスクロールするページ内リンクや、シングルページアプリケーションにおけるリンクです。こういった独自の振る舞いを実装するには、JavaScript でclickイベントに対してevent.preventDefault(

standard.shiftbrain.com

1

3

35

全部入りHTML太郎

@_yuheiy

1 year

新卒時代、応募する会社を決めるために、コポサをview-source:してその質で判断していた

1

5

35

全部入りHTML太郎

@_yuheiy

4 years

はてなブログに投稿しました #はてなブログ翻訳：CSSユーティリティクラスと「関心の分離」（いかにしてユーティリティファーストにたどり着いたか） - yuhei blog

CSSのユーティリティクラスと「関心の分離」——いかにしてユーティリティファーストにたどり着いたか（翻訳） - yuhei blog

Tailwind CSS作者のAdam Wathan氏による「CSS Utility Classes and "Separation of Concerns"」の日本語訳です。翻訳に当たって原著者の許諾を得ています。 2021年10月29日に全文再翻訳しました。この数年の間で、私のCSSの書き方は、非常に「セマンティ…

yuheiy.hatenablog.com

0

14

35

全部入りHTML太郎

@_yuheiy

5 years

社内で発表した。HTMLにおける「代替」とは何なのか。代替テキスト・アクセシビリティツリー・文書構造とプレゼンテーションの分離などについて。「制作者のためのHTML」の続編っぽい。 / 「代替」の意味を探して

「代替」の意味を探して

HTMLにおける「代替」とは何なのか。代替テキスト・アクセシビリティツリー・文書構造とプレゼンテーションの分離などについて。

yuheiy.github.io

3

9

35

全部入りHTML太郎

@_yuheiy

1 year

tailwind configに次のように書くことで、 future: { hoverOnlyWhenSupported: true, }, hoverが @\media (hover: hover) and (pointer: fine) で適用されるようになる

0

6

34

全部入りHTML太郎

@_yuheiy

5 months

Storybookのstoryの使い方として、 - ドキュメント用 - 自動テスト用 - controlsで操作できる動作環境の大きく3通りがあるように思う。それぞれでstoryの書き方が変わるので、どのような方針で構成していくべきかの判断が難しい。

1

5

34

全部入りHTML太郎

@_yuheiy

7 years

ドラえもんのび太の大規模サイトフルリニューアル案件

0

11

32

全部入りHTML太郎

@_yuheiy

2 years

こういう、会ったメンツで写真を撮るなどの行為を今まであまりしてこなかったが、これからはしていったほうがよいと考えるようになった（デザおじ談）とのことで、私もそれに共感し、撮影したものを掲載します（左からデザおじ、私、ますぴー）

1

0

33

全部入りHTML太郎

@_yuheiy

11 months

HonoとかhtmxとかAlpine.jsとかTailwind CSSとか、HTML Centricな環境のために必要な構成要素がいろいろと出揃ってきて、そろそろこっち側が台頭する可能性が見えてきた

0

7

33

全部入りHTML太郎

@_yuheiy

1 year

headless ui系の実装が出揃って来たことで、逆にuiライブラリはスタイルだけ提供しておけばいいんじゃないかという気になってきた

2

4

32

全部入りHTML太郎

@_yuheiy

1 month

書きました！

PLAID_Tech

@PLAID_Tech

1 month

エンジニアブログにて、「ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する」を公開しました。プロダクト全体のソースコードを解析し、提供モジュールおよびプロダクトごとに個別に使用状況を自動集計する仕組みとその実装方法を解説しています。

1

11

67

0

3

32

全部入りHTML太郎

@_yuheiy

8 months

届きました

藤秋すばる

@f_subal

9 months

【告知】技術評論社様より『Tailwind CSS実践入門』という本が1/26に出ます！Amazonなどで予約開始されました📗 「HTML/CSSは分かるけどTailwind CSSは初めて」という方や、デザインシステムを作りたいデザイナなどを対象にしています。本の詳しい内容はこちら

0

77

246

0

3

32

全部入りHTML太郎

@_yuheiy

6 years

会社でしゃべった / ユーザー自身の道具になるためのインターフェイス

0

11

32

全部入りHTML太郎

@_yuheiy

4 years

オブジェクトの座標をそこに沿わせんじゃねええええええ / Penpot - Design Freedom for Teams

2

3

32

全部入りHTML太郎

@_yuheiy

1 year

0

1

31

全部入りHTML太郎

@_yuheiy

5 years

自分が考えていることの目次になるような場所が必要だと思った。これまでにした話を集めて分類し、要約したり補足したりした。

0

9

30

全部入りHTML太郎

@_yuheiy

7 months

副業でデザイナーデビューしました

ants race

ants race（アンツレース）は、競争社会に生きる人々が、時折り夢を見て楽しめるようなボードゲームを開発している会社です。ウチの推しがセンター！　絶賛受注販売受付中！

antsrace.com

0

1

30

全部入りHTML太郎

@_yuheiy

2 years

うおー、ホントに載ってるよ

0

1

30

全部入りHTML太郎

@_yuheiy

5 years

良い目次を作ろうとすることは良い見出しを作ることであり，良い見出しを作ろうとすることは良い文章を作ることにつながります．なぜなら，良い見出しかどうかをチェックするためには，自分の文章を客観的に振り返らなければならないからです．『数学文章作法基礎編』より

1

3

29

全部入りHTML太郎

@_yuheiy

1 year

僕自身も最初はTailwind否定派で、それから時間を掛けてあれを受け入れられるよう��なったという形なので、その分、拒絶感の原因となる考え方の違いについても避けずに正面から説明できたと思います

トミー

@SaekiTominaga

1 year

そういえば WEB+DB PRESS Vol.133 の「Tailwind CSS実践入門」、先日ようやく読みました。 Tailwind の導入で問題になりうる、クラス名がセマンティックでなくなることについて、そのデメリットも含めてきちんと触れられているのが良かった。

1

5

11

0

5

29