覚え書き

Diigo Bookmarks 01/15/2019

• Adactio: Journal--Code print

  "You can the combination of a @media print and generated content to provide a QR code for the URL of the page being printed out. Google's Chart API provides a really handy shortcut for generating QR codes"

• Moving to a Profile per Install Architecture - Firefox Nightly News

  "Supporting profiles per installation is a feature that has been requested by pre-release users for a long time now and we're pleased to announce that starting with Firefox 67 users will be able to run different installs of Firefox side by side without needing to manage profiles."

• Bruce Lawson's personal site : On Smart TVs

  "A news report last week made it clear: it's about collecting data off users, hitting the network a lot to phone that data back to HQ, then "monetizing" it, in some cases, advertising to viewers."

• Accessibility Tools - The History of the Web

  "The WAVE began as a research project by Dr. Len Kasday at Temple University in early 2000. After a couple of years of development, WebAIM took over the project and continued to make improvements."

• Web Standards: The What, The Why, And The How -- Smashing Magazine

  "Firstly, it's important to understand that there isn't a TL;DR for web standards. The reason they are these long and comprehensive documents is because they have to be."

• Automated Front-end Development: A Critique - Paul Robert Lloyd

  "A compelling 120-word critique regarding automated front-end development, as provided by a class attribute inside this simple Squarespace template"

• Microsoft's Browser Legacy

  "it is disappointing to see one less innovator in the web browser market. I think that we all benefit from healthy competition and real choice. However, I don't think I'm going to shed any tears for Microsoft."

Fw: オシャレ大作戦

いやー久しぶりに雷に打たれたかのように音楽にハマってしまいました。それがネクライトーキーの『オシャレ大作戦』。たまたま昨日、BAY FMを（いつものようにEcho Spot＆radicoで）聴いていた時に流れてきて、気がついたら曲の途中だったけどradicoを止めて検索し、YouTubeで見つけたMVの再生を狂ったように繰り返し、他の曲のMVも同様に見まくって、公式サイトを読み漁り、最終的にはiTunesで1stフルアルバムの『ONE!』を買ってましたからね。おそろしい。

MVに付けられたコメントでひまわりの種差し入れしたいわってのが妙にツボったんですけど、それはそれとして、アニメ声っぽいボーカルとキーボードの組み合わせの妙がとにかく鬼ヤバいです。歌詞もすごく興味深くって、『こんがらがった！』も最高なんですよ。

「Fw: オシャレ大作戦」の全文を読む

Diigo Bookmarks 01/14/2019

• When And How To Use CSS Multi-Column Layout -- Smashing Magazine

  "Multicol can be useful in any place where you have a small list of items that you want to take up less space. For example a simple listing of checkboxes, or a list of names."

• Will Adobe XD kill Sketch and InVision? - UX Collective

  "InVision's new product, DSM (Design Systems Manager) may be how InVision stays relevant going forward. InVision shows no signs of an Adobe XD integration, and still seems glued on Sketch. If this platforms opens up to Adobe XD, they could secure a much more sustainable future."

• Why we need CSS subgrid - DEV Community

  "The simplest sort of relationship is to lock the grid tracks of the subgrid along a single axis onto the tracks of the parent grid, while keeping the tracks along the other axis separate. It's also possible to go 2D and lock both axes of the subgrid onto the parent for total integration."

• Stepping away from Sass

  "the more I looked at my old Sass files the more I questioned whether it was adding value to my site, or just an extra level of complexity and dependency. CSS has evolved over recent years and the problems that lead me to Sass in the first place seem to be less of an issue today."

• Inspect - Web Development Tools for iOS

  "Inspect is a web browser for iPhone and iPad that provides desktop-class web development tools and features."

• Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] -- Smashing Magazine

  "According to psychological research, if you want users to feel that your website is faster than your competitor's website, you need to be at least 20% faster."

• Baseline Rules for Scrollbar Usability | Adrian Roselli

  "If you follow all the suggestions here you might end up with a big, ugly block on the side of your page or overflowing content area. Consider it your starting point that supports the broadest range of users."

現場のプロから学ぶ SEO技術バイブル

SEO関係の本はしばらく買ってなかったのですが、比較的最近になって読んだのが『現場のプロから学ぶ SEO技術バイブル』。書店店頭でざっと眺めた時点では、さほどいい加減なことが書かれてなさそうな印象だった（論拠が割と頻繁に注釈で示されていた）のと、かなり広範な話題を取り扱っており、SEO視点でのトレンドを手っ取り早くカバーできそうと感じたのがきっかけ。

とはいえ、いざ読み進めると出典が明示されていない箇所もそれなりにあって、結果「それはどこ情報なんだろう」と疑問に思うところがあり、それはそれで結構なストレスでした。あらゆる数字なり記述に出典を求めるのは非現実的かつ酷だとは思うのですけど......テーマがSEOだけに（謎）どうしてもこう疑ってかかる癖が抜けないというか。全部は挙げないけれど、特に強く疑問に思った箇所をピックアップ：

• p.27 本書ではHTML標準を策定しているW3Cのルールに従い、1ページに1つの<h1>を推奨......そのW3Cのルールとは一体。仕様ではなくベストプラクティスとして語られることの少なくない内容ですが、Re: h1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違いで書いた通り、同一ページにおける複数回のh1要素の登場は仕様上は問題ない認識。
• p.29 2014年10月にHTML5が勧告された際には、HTMLタグにおける装飾的な意味合いがほとんどなくなり、HTML（文書）とCSS（デザイン）の役割分担が明確になっています......いわゆる構造と表現の分離が明確化されたのは、HTML4からではないかと思いました（Introduction to HTML 4の2.4.1 Separate structure and presentation）
• p.30 絶対パス：URL全体を記載する方法......これは解説を正とするなら、絶対パスではなく絶対URI（ないし絶対URL）の誤りでは（RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax参照）。
• p.34 HTML5ではalt属性自体の省略も可能ですというのは、それ自体は正しいものの、省略可能なケースはかなり限定的であることは、The WHATWG Blog -- Why the Alt Attribute May Be Omittedまで遡らないまでも、付記されて然るべきです。でなければ、本来必要なalt属性までカジュアルに省略されてしまう懸念を感じます。
• p.151 W3Cは「1ページにつき<h1>タグは1つだけ記述できる」としているのに対し、WHATWGは「sectionごとに<h1>タグを1つ記述でき、1ページに複数の<h1>タグを記述しても問題ない」と主張......これは先頭の項で触れた通り。
• p.204 JavaScriptのlink要素......link要素ではなくscript要素の誤り？
• p.223 表6.5.0.1 身障者向けアクセシビリティ......誤記ではないにせよ、アクセシビリティ対応が障害者のためだけのものというイメージを助長する表現であり、好ましくないと考えます。
• p.367 はてなブックマークも必ず設置しましょう......はてなのSNSボタンの設置をそこまで強く推す必要はないと思っているので、違和感が強いです。
• p.409 機種依存文字を使用していないか......そもそも機種依存文字という表現、いまでも現役なのでしょうか。参考：機種依存文字とUnicode - WebStudio

他にも細かい表現、言い回しで引っかかったりはしましたので、正確なところは自分で都度調べたり考察しつつ、あくまで昨今のSEOの全体像を俯瞰する目的で読むのが良いと個人的には思いました。