from bookmark to favorite - 2019.11
CSS
page floats
Things We Can’t (Yet) Do In CSS — Smashing Magazine
Paged Media approaches : page floats – Paged Media
CSS Page Floats
CSS float の時代が帰ってくるかも、print layout とかで使いたい新しい float の世界。
OK
CodePen - OK
CSS typo animation
JavaScript
top-level-await
GitHub - tc39/proposal-top-level-await: top-level await proposal for ECMAScript (stage 3)
7.7.0 Released: Error recovery and TypeScript 3.7 · Babel
babel 7.7.0 リリースで top-level-await のサポート
TypeScript v3.7.2
TypeScript v3.7.2 変更点 - Qiita
TypeScript v3.7.2 リリースで Optional Chaining / Nullish Coalescing が使えるように
Visual Studio Online
Visual Studio Online - Web-Based IDE & Collaborative Code Editor
VS Code Online in public beta.
normalize-wheel
GitHub - basilfx/normalize-wheel: Mouse wheel normalization across multiple multiple browsers.
wheel event のブラウザ間の差異を正規化する
GSAP 3
GSAP 3 Is Available Now! - Blog - GreenSock
Docs - GreenSock
GSAP Installation
GSAP 3 +++
React Conf 2019
React Conf 2019 - YouTube
React Conf 2019 video
composition-api list
GitHub - kefranabg/awesome-vue-composition-api: 🚀 A curated list of awesome things related to vue composition api
Vue3 composition-api を早期体験するためのリスト
WebGL
cables
3 分で 3D コンテンツが作れる！ 「cables」で始めるビジュアルプログラミング - ICS MEDIA
GUI でクリエイティブコーディングを実装できる cables。
ogl
ogl | Minimal WebGL framework
WebGL frreamwork
Frontend
new Microsoft Edge
Getting your sites ready for the new Microsoft Edge - Microsoft Edge Blog
1 月 15 日に Chromium を使用した Microsoft Edge がリリース
SameSite cookie
SameSite cookie recipes
Chrome 80 (202002) sameSite cookie に対応するための tips
Hotjar
Hotjar
heat map tool
Moving towards a faster
Chromium Blog: Moving towards a faster web
Chrome は速いサイトにはリワードを、遅いサイトにはバッジをつけてサイトが遅いことをユーザに明示していく。
inclusive-components
Inclusive Components
アクセシブルなコンポーネントの実装集、書籍化も
Accessibly Split Text
CSS { In Real Life } | How to Accessibly Split Text
span で分割したテキストを aria-label と aria-hidden で読み上げやすくする。
accessibility in SPAs
What I’ve learned about accessibility in SPAs | Read the Tea Leaves
SPA におけるアクセシビリティ対応について。
Image optimization
Image optimization | Fastly API Documentation
強力な fastly Image optimization
Instagram.com
Making Instagram.com faster: Part 1 - Instagram Engineering
Making Instagram.com faster: Part 2 - Instagram Engineering
Making Instagram.com faster: Part 3 — cache first - Instagram Engineering
Making instagram.com faster: Code size and execution optimizations (Part 4)
instagram performance update のすべて。
オブソリート
『オブソリート』ティザーサイト、制作の裏側 | 株式会社ジュニ
オブソリートサイトの詳細について。
Design
Sidebearings
Sidebearings
typography collection
音楽、数学、タイポグラフィ
音楽、数学、タイポグラフィ - シフトブレイン／スタンダードデザインユニット
音楽の気持ちいい調和を生む数学の概念を、タイポを軸として、スクリーンのスペーシングを考えていく
Inspiration
OPERA
MAGAZINE | OPERA（オペラ） | コスメティック公式
普通のフェード、シンプルでおしゃれすぎない美しいインタラクション。
Event
Three.js meetup
スクロール型ウェブサイトでの Three.js 演出 - Google Slides
Three.js Meetup LT: Web 上で使えるノードベースモデリングツール Nodi - Google Slides
ゲームを作る時に three.js に足りないもの - Speaker Deck
Three.js＠TypeScript
LINE DevDay
LINE DevDay 2019 Keynote - Speaker Deck
Opening DAY2 - Speaker Deck
ビジネス、テクノロジー、クリエイティヴの バランスをとるには？｜深津 貴之 (fladdict)｜ note
Presentations by LINE DevDay 2019 - Speaker Deck
design ship
100 社に聞いたデザイン投資のリアル-Designship2019-｜ Jun Saso ｜ note
Designship2019_AR / Spatial Experience Design - Speaker Deck
コンテンツを（もっと、よく）デザインしたい - Speaker Deck
失敗こそクリエイション＜完全版＞ Designship2019 ｜望月 重太朗｜ note
#DesignShip2018 全セッション聞き起こしまとめ｜ akatsuki174 ｜ note