Diigo Bookmarks 04/21/2019

2019年4月21日 著

• Using Preload and Prefetch in Your HTML to Load Assets ← Alligator.io

  "That's because using preload or prefetch only fetches the resource, but it doesn't apply it. Instead, it keeps it in memory and is up to you to decide when to load it."

• HTML5 Landmarks Exposed | scottohara.me

  "As far as banner, navigation and main landmarks are concerned, outside of a single navigation failure with Edge + NVDA, these landmarks are exposed consistently and you may be able to safely ignore providing them roles."

• Accessibility Events | CSS-Tricks

  "We've all found ourselves inescapably opted into using the "mobile" version of a website at some point. We've been here before as users; we've made these mistakes before as developers. We know better now."

• CSS { In Real Life } | Controlling leftover Grid items with pseudo-selectors

  "By combining :nth-child() and :last-child pseudo-selectors, we can detect whether an item is a widow or not and adjust our styles accordingly."

• Adactio: Journal--Drag'n'drop revisited

  "The logic was fine, but the execution was flawed. I was being lazy and hiding the select elements with display: none. That hides them visually, but it also hides them from screen readers."

• How to build a Design System from scratch | Dribbble Design Blog

  "It's important to note that documentation shouldn't just be written once and then left alone forever. Design System documentation should be a living and breathing document that evolves over time."

遊佐未森 cafe mimo Vol.19 ～春爛漫茶会～

2019年4月21日 著

4月20日の覚え書き。19年目を迎えたこの時期恒例の遊佐未森さんのコンサート、cafe mimoに今年も行ってきました。なぜか今年は草月ホールでの公演、土日の2日連続開催ではなかったのですけど、自分は遅いほうの2日目に参加。

座席は1階C列66番。ステージ向かって右手だったおかげで、ピアノ演奏中の様子はよく見れました。しかも何の因果か、自分のすぐ前とその前の席が空席だったんですね（左右はみっちり埋まっているにも関わらず）。そのぶん見通しはすごくよかったのですけど、かえってなぜ空席なのかが妙に気になってしまって。仕事の都合なのか急病なのかそれとも......。

この日のMCのなかで遊佐さん、cafe mimoを音楽のお祭りなどと形容されてましたけど、自分もそんな感覚で2013年以来、毎年参加をしてますね。この日のお祭り感でいうと、カバー曲のコーナーでまさかの『RADIO GA GA』、ゲストのコーナーで季節感なく歌われた（褒めてます）『Silent Bells』がそれを象徴してたかな。

MG 1/100 Sガンダム/Ex-Sガンダムを購入

2019年4月21日 著

MG 1/100 Sガンダム/Ex-Sガンダム（通称「Ver.1.5」？）は、発売が決定した当初から必ず買おうと心に誓っていたガンプラ。価格的にも置き場所的にもディープストライカーはスルーしましたけど、相応のクオリティでEx-S、しかもリファイン版のカラーリングで完全変形可能なモデルとなれば、数あるガンダムのなかでもZに次いでS/Ex-Sに惚れ込んでいる自分としては、買わないわけにはいきません。

1/144サイズでリファイン版カラーのEx-Sについては、過去に完成形フィギュアのGUNDAM FIX FIGURATIONやMETAL ROBOT魂（Ka signature）のものを手にしてきましたけど、いよいよガンプラを作ることに。中学〜高校時代、リアルタイムで『ガンダム・センチネル』の連載を読んでいて、その後の人生を大いに狂わされ......もとい、少なからず影響を受けてきた身としては、感慨深いものがあります（大げさ

どこで買うか迷っているうち、Amazonでは早々に予約分が終わってしまっていたので、量販店店頭での購入に賭けていました。一応、出荷日の4月18日に会社からの帰りがけにビックカメラ新宿西口店へ見に行っていたのですが、その日はモノを確認できず。そして翌19日、結膜炎に罹患で書いた通りのいきさつから、再びビックカメラに行く用事ができたのを機に売り場を訪れたところ、無事の入荷を確認。

販売価格は税抜きで9,680円でした。ポイントが8,528円ぶん貯まっていたので、全部突っ込めば概ね1個買う値段で2個買える（雑）......というわけで、2箱買ってしまいました。自分にもっと財力があれば、少なくとも4箱は買ってS、Ex-S、Gクルーザー、Gコア/Gアタッカー/Gボマーの各状態を作り飾りたいところではありますが、そもそも箱が恐ろしく大きくて4箱も持って帰れなかったですし。いや気合があればなんとかなったかな......。

「MG 1/100 Sガンダム/Ex-Sガンダムを購入」の全文を読む

Diigo Bookmarks 04/20/2019

2019年4月20日 著

• Inclusively Hidden | scottohara.me

  "There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content?"

• Naming things to improve accessibility

  "Names are one of the things the accessibility tree exposes for its objects. What a thing's name is, gets derived from markup. There are many aspects that can influence this."

• Usablenet - Apple ADA Web Ruling Sets new standard for claims

  "In a ruling that could bring short term relief to business owners facing similar Website Accessibility cases, Judge Preska dismissed the complaint based on a lack of detail that did not sufficiently plead an injury, saying "the purported injuries described lack all the requisite specificity.""

• Optimizing Performance With Resource Hints -- Smashing Magazine

  "It's important to remember that these hints are just that; they're hints of ways the browser could optimize performance. They're not directives. The browser can take our suggestions and use its best judgement in deciding how to respond."

• Generative art with CSS

  "CSS may be less flexible than Canvas or SVG, and may also be less perfomant at times, but that's because CSS was not meant for drawing. However, many people do use CSS to create art, myself included, purely for the fun of it."

• UX Engineering - DEV Community

  "A UX Engineer (UXE) is a Front-End Engineer who sits on a cross-functional design team and helps facilitate collaboration between design and engineering."