zaki1010のブックマーク - はてなブックマーク

display=swapとはなにか - MOL
Shipped! @GoogleFonts now let's you control web font loading using font-display. Say hello to the display parameter 🎉 What's font-display? https://t.co/Q7RDeESwkm pic.twitter.com/sn27ySza1B — Addy Osmani (@addyosmani) May 15, 2019 Google I/0 2019に参加してきたのだが、Google Fontsがfont-display: swap;に対応するとかで盛り上がってるのを横目で見てた（5/15の時点で対応済とのこと）。最近はCSSもなにもコードを書いていないので、世間に疎くて困るのでリハビリする。 The font display timeline 図
zaki1010 2019/05/17
css

webfont

tips
リンク
querySelectorとquerySelectorAllというかLive NodeListとStatic NodeList
先日、getElementsByClassName便利だぜ！とブログに書いたら、to-R の西畑先生よりquerySelectorAllアルヨ！と言われたので、調べてみる。 querySelector と querySelectorAll IE8 で実装された Selectors API とは何か？ - IT 戦記まぁ上記エントリにほぼ全てが書かれているので、特に今さら書くことはないのですが、自分メモのために。なにはともあれ、サポート状況をば。 DOM Core Fx3.0 は対応していないけど、IE8 は対応してるのか。素敵！
zaki1010 2017/09/15
javascript
リンク
【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL
Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていったそれはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。フラットデザイン（未完成であるけれど便利な表現）はスキューモーフィズム（同前）を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。上図のようなデザインである。発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来
zaki1010 2015/02/13
UI

design
リンク
ぼくのかんがえたさいきょうのしーえしゅえしゅ - MOL
俺ももう30だし、夏なんで、CSSフレームワークはじめました。とりあえず、UIエレメントとか作ってないし、CSSフレームワークとか言いながら、GithubのLanguage Staticsは98.3%、JavaScriptってな感じでGrunt Taskばかり充実してるような感じです、現状。とりあえず、設計方針としてはマシなCSSを書くことを目標としている。この一年、スマホアプリのHTML/CSSコーディングをやってきたわけだが、度重なるUIの変更に耐えうるCSS、そして肥大化しないCSSとは何かずっと考えていて、特に答えという答えもで見つかっていわけだけど、とりあえずはこうしたほうがBetterなんじゃないかというの自分的に固まってきたので、公開してみた。てか、最強のCSSなんて存在しないからなっ！！ t32k/maple - GitHub ありがちな落とし穴これを作るにあたって
zaki1010 2013/07/29
css

framework

Sass

grunt

compass

webdesign
リンク
1