気になったウェブページは、ウェブ開発やデザインにまつわる知識、ソフトウェアやアプリの情報、気になった商品、広めたい話題などの記録です。

Ethical Web Principles

インターネット上の技術やプラットフォームが倫理的であるための12の原則。標準化は原則としてこれに従うことになる。今日の読み物。

My issues with shorthand properties

ショートハンド・プロパティーやめようぜ、という話。論理プロパティーで新しく出てきたものにも触れられている。CSS Minifierに任せる世界観が好み。

Reclaim the internet: Mozilla’s rebrand for the next era of tech

Mozillaの新CI。旗と緑。タイプフェイスはなんか読みづらいな。

Pagefind | Pagefind — Static low-bandwidth search at scale

静的な、つまりGitHub Pagesなどでも動かせる検索ライブラリー。MDNなどで使われている。設定不要で大体動くらしい。

明治 ザ・カカオ カカオの果汁チョコレート

カカオ味のチョコレート。おいしい。生の果実を食べてみたい。

Europeans Spend 575 Million Hours Clicking Cookie Banners Every Year

EU圏の人がクッキー・バナーのクリックに年間5億7500万時間費やしている話。データが雑な気がする。という記事にクッキー・バナーがある。

Guggenheim

グッゲンハイム財団の新ビジュアル・アイデンティティー。ロゴや、フォント、グリッド・システムまで。色使いが今風の色調。

What is the JavaScript Pipeline Operator

関数のネストをパイプっぽく書けるようになる検討中の演算子について。読みやすさだけでなく、ユニット・テストが書きやすくなるんじゃないかなどとしている。const縛りにも強そう。

MOLNART モールナルト LED電球 E26 120ルーメン - ドーナツ形 オパールホワイト

丸餅の形をしたLED電球。直径15cmで乳白色のガラス。壁にねじ止めしたレセップに付けたい気がしている。

Visual design rules you can safely follow every time

安全に利用できるビジュアル・デザインの法則。「理由があるなら破ろう」というスタンス。明文化大事。

Apple’s AirPods Pro hearing health features are as good as they sound

AirPods Pro 2の聴覚検査機能について。実用的な補聴器としての可能性なども。メガネのように一般化する未来もあるのかな。

xmit

コマンド一発でディレクトリーをアップロードできる静的ファイル・ホスティング・サービス。無料。サインインはパスキーのみ。あらゆるファイルにカスタム・ヘッダーを指定できる。APEXドメインが面倒そう。

世界に広がるインクルーシブデザインの足跡

ジュリア・カセムの追悼シンポジウム。講演と議論の二部構成。京都だがYouTube Liveで視聴できる。

A Local-First Case Study

SveltKitとYjsを使ったローカル優先アプリの制作について。作った旅のしおりアプリのようなものも既存のライブラリーの組み合わせでどうにでもなると言う。

Introducing Speed Brain: helping web pages load 45% faster

Specuration-Rulesヘッダーを自動生成するCloudFlareの新機能か。ユーザーの行動などに応じて先読みすべきページを自動決定して、prefetchまたはprerenderさせる。開発者は何もしなくて良いのは面白い。

SwatchPAY!で自由自在

SwatchにNFC決済ができる製品が追加。Mastercardのコンタクトレス決済らしい。日本ではまだ。

Dark Mode Usage Statistics Statistics

ダーク・モードの利用状況。どこかの発表をまとめたのか、食い違うデータがあるように見える。ただ82%のスマフォがそうという結果があることは衝撃。

PAPIER BOARD

紙製のホワイトボード。蛍光ピンクから淡い中間色まで様々な色がある。薄いので画鋲などで設置可能。普通のホワイトボード用マーカーとイレーサーを使える。

DANDELIGHT with dome

タンポポの綿毛にLED光源を組み込んだ照明器具。綿毛は本物。逆にデュラセルの乾電池は偽物。組み立てるのも楽しそう。

Is CSS Grid really slower than Flexbox?

FlexboxとGridのレンダリング速度を比較。Gridの方が速いという。同じように並べるだけなら直感的な結果だけど、Gridの方が複雑なことを行うので結果は変わるだろうし、気にするべきことではないと思う。

SVG triangle of compromise (resolved)

HTMLから参照した外部SVGをHTMLで使っている外部CSSでスタイルする方法。use要素とsymbol要素を組み合わせる。同ドメインという制限がある。

Getting stuck: all the ways position:sticky can fail

stickyの注意点。ここでもoverflowプロパティーのclipが役立つ。意図せずはみ出し、一部が操作不能になってしまうウェブサイトはよく見かける。

BLANKEY JET CITY 特設サイト

Blankey Jet Cityのストリーミングが解禁。他、全アルバムがアナログで再販される。

European Accessibility Act (EAA): Top 20 Key Questions Answered

2025年に施行される欧州アクセシビリティー法についての20の疑問と回答。WCAGは2.1 AA。他「アクセシビリティー・オーバーレイはウェブサイトをアクセシブルにしない」と回答している。

util: support `--no-` for argument with boolean type for parseArgs

util.parseArgs()で--no-fooをfooの否定と解釈する機能が追加。Node.js v22.4.0から。後方互換性あり。

sibprogrammer/xq

HTMLやXMLをごにょごにょするjqみたいなCLIアプリケーション。CSSセレクターで要素の中身や、属性値、タグも含めて取り出せる。フォーマッターは空白が入りやすく日本語には向いていない。

Omnivore

「後で読む」アプリ。オープン・ソースで自分でホストすることも可能だが、ウェブアプリとしても提供されている。RSSリーダーもあり、その場合リンク先から全文を切り出してくれるようになる。

Should I remove this blog from Google Search?

AI絡みでGoogleからウェブサイトを削除するべき時期かもしれない話。削除すると、事実上インターネットに存在しないことになりそうだし、そうでない方法(たぶんcaptcha)はユーザーに優しくなさそうで悩ましいとしている。削除したい気もするが、したところで……というあきらめの境地にいる。

特別展示『海の人類史 – パイオニアたちの100万年』

インターメディアテクで行われる海と人間の関わりを総覧する展覧会。でかいポスターでロゴを見に行きたい。

What does aria-hidden=true actually do to interactive elements?

操作可能な要素にaria-hidden=trueするとどうなるかという話。実装依存で挙動不審なので、inert属性を使い封印してやる方が無難という。inert属性を使ったことがない。

Neatnik

別ページにメニューを置いているウェブサイト。各ページのハンバーガー・ボタンからこのページに飛ぶ。閉じると元のページに戻る。サブドメインのせいで遅い気がする。

POSTER LIGHT

ポスターであり、かつウォール・ライト。ポスターも照明器具も画鋲で壁に取り付けるだけ。電源はUSB-A。昼間も良いのは良い。

Design Engineering at Vercel: What we do and how we do it

Vercelでのデザイン・エンジニアリングについて。デザイナーやエンジニアの副次的な肩書や上級職ではなく、横断的に動く立場が与えられるようだ。GLSLシェーダーが基本スキルだぜ。

Nomad Tracking Card

充電可能なカード型トラッカー。クレカ2枚くらいの厚さ。Appleの探すに対応。充電はワイヤレス限定。送料を入れると8500円。次期AirTagの厚さ次第で買いたい。

Batch Brew Coffee – The Ultimate Guide to Batch Brew Coffee

バッチ・ブリューについて。よくあるコーヒーメーカーとの違いがまだよくわかっていない。最近のマシンは抽出温度などにおいて進化しているようだ。

TAMIYA PLAMODEL FACTORY TOKYO

タミヤの旗艦店が移転。床から天井まで箱が積まれる。子供の頃に買ってもらえなかった楽しい工作シリーズを買いに行きたい。

“Web components” considered harmful

ウェブ・コンポーネントという言葉は仕様に出てこないし、定義のあるtemplate要素とかShadow DOMとか呼ぼう、という話。CSSでごにょごにょするためだけのカスタム要素を「ウェブ・コンポーネント」と呼んでいいのか、などで合意形成が難しいのではないかという観点。わからなくもないけど、逆に仕様を作って欲しい気がする。

Design Spells

ちょっとしたアニメーションを収集したウェブサイト。広い画面ではサムネイルにオンマウスで、狭い画面ではサムネイルの下に、それぞれキャプションが出る。RSSとかのリンクがあるフッターに辿り着けないウェブサイトだった。

Sonos Ace

Sonos初のヘッドフォン。イヤーカップとヘッドバンドをつなぐチューブがかっこいい。イヤーカップのクッションはマグネット装着で、交換可能。この値段だと探すに対応して欲しい。

ルール？本

2021年のルール？展が書籍化。展覧会後のフォローアップもあるようだ。

Protecting your email address via SVG instead of JS

SVGを使ったクリック可能でコピー不能なメールアドレスをウェブページに表示する。スパム用にメールアドレスを取集するクローラーはHTMLしか見ないないので、参照リソースのSVGに隠すと見つかりにくく、JavaScriptが無効でも機能する。すぐにSVGもクロールされるようになりそう。

Full text RSS is back

全文RSSへの復帰。Astroの制限らしい。簡単にできないというのは知らなかったが、フレームワークとして問題ありそう。こういう記事を共有することで、世の短すぎて概要にすらなっていないRSSへ無言の圧力をかけていきたい。

DESIGNTIDE TOKYO

Designtideが12年ぶりに復活。会場は三井ホール。源ノ角ゴシックを使って欲しい気がする。

Are Inline Styles Faster than CSS?

CSSをインライン化すると速いという話。SPAだと正しそう。実際にはHTMLのサイズやCSSのキャッシュくらいでも結果が大きく変わるだろうし、ブラウザーの方が賢く進化してくれそう。

Change Request: Warn when `.eslintignore` detected with flat config

ESLintでFlat Configにすると、.eslintignoreがサポートされない(ので警告を出してほしい話)。すでに解決済みでv9系列では警告が出る。30分を無駄遣いした。

fs: expose glob and globSync

Node.js v22からfsモジュールにglobが追加。fast-globくらい速いらしい。v22のLTSは10月くらい。

退屈な建築で都市を満たすことがもたらす世界的危機

無機質で単調な建物であふれる都市の抱える問題についてのトーマス・ヘザウィックへのインタビュー。目に入りやすい低中層階に個性を出すべきと言う。建物の保存性を上げるために外観を工夫するというのは、我田引水っぽい主張に見えてしまう。また、メンタルヘルス上の問題には、直線的で平坦な道路の方に問題があると考えている。

Here’s What Apple Retail’s New Machine to Update iPhones in the Box Looks Like

未開封のiPhoneを更新する機械が導入されるという噂。充電もしつつ更新するらしい。古いモデルの修理で本体交換になった時とかにもうれしそう。

Why I Lost Faith in Kagi

Kagi Searchの購読やめた話。創設者が、財務や、AIとバイアスの関係、個人情報の認識などにおいて偏った意見を持っており、それが製品(Search)に反映されていると感じたことが理由のようだ。失ったものを「信仰」としている点でこういった問題の難しさが垣間見える。

Making version noir

ノワール・コミック風のウェブサイトの作成過程。未完成としているが、すでにすごくいい。

「d払いタッチ」がApple Payに対応しました。

d払いの支払いシステムがAppleウォレットに登録できるように。単なるiDとVisaの仮想カード。Visaは事前にd払いの設定から利用ロックを解除する必要がある。

CAINZ DIY MARKET

ねじ止め不要の組み立て家具キット。後に大きさをカスタムして注文できるようにもなるらしい。

The Jesus And Mary Chain - jamcod (Official Video)

The Jesus and Mary Chainsの7年ぶりになる新譜からのシングル。アルバムは発売延期だったが、無事03/22に発売された。バンド結成40周年だ！

Thoughts on embedding alternative text metadata into images

画像の代替テキストをメタデータとして保持することについて。代替テキストは脈絡によって変わることを考慮すべきという主張。AIを考慮した考察は面白い。

Universal Android Debloater GUI

Rustで書き直されたAndroidから不要なアプリを削除しまくるツール。ルートを必要としないので、最悪でも工場出荷時の状態に戻せる。

Dead Simple Sites

死ぬほどシンプルなホムペ。左寄せ増えてきた印象がある。

It’s American Press

フレンチ・プレスと形状は一緒だが、圧力抽出なので、お湯を入れたらすぐにプレスでき、短時間で抽出できる。ろ紙がいらないエアロプレスとも言えそう。16500円とかなり高い。

util: add styleText API to text formatting

Node.js v21.7.0で出力テキストに色を付けたりする関数が追加。一度に一つ。カラフルにするのはそこそこ面倒そう。

A New Chapter for A Book Apart

A Book Apartが新規出版を停止。買えなくなったりはしない。5冊くらいは買って読んだ。

An HTML Switch Control

Safari 17.4にスイッチが独自実装。input要素のtype属性がcheckboxの時にswitch属性を追加することで実装されており、互換性が確保されている。四角くしたい時などはappearanceプロパティーをnoneにするようだ。

Own Your Web – Issue 10: Links Worth Sharing

個人ウェブサイトでブックマークを管理しよう、みたいな話。理由は弱いが、気持ちはわかる。

htmz

a要素のリンク先やform要素の送信先からの応答でURLフラグメントに指定したIDの要素を置き換えるだけのもの。htmxの汎用性を犠牲にした代わりに特殊な文法をなくしている。

[css-content] AX: Add support for alt text syntax · WebKit/WebKit@1b3e497

contentプロパティーでのaltっぽいやつがSafariでサポートへ。残るはFirefoxのみ。

Release 2.1.1 · microsoft/WSL

WSL 2.1.1がpre-releaseされる。一部環境でスリープ時に時計がずれる問題が直るらしい。

TRIXIG トリクシグ スクリュードライバー/ドリル、リチウムイオンバッテリー, 12V

イケアの新型電動ドリルドライバー。取り外しと買い足しが可能なバッテリーはUSB-Cで充電できる。

Using abbr Element with title Attribute

title属性付きabbr要素の解釈状況について。バラバラなので普通に文章で書いたほうが無難と主張。バラバラだからこそ標準に寄せたい。

Release v2.2.1 · hail2u/vim-css3-syntax

text-spacing-trimプロパティーへ中黒の空間が削除できるようになるtrim-allが追加されたり、values-4からmix()が消えたりした。パッチ・リリースは記事を書かないこととする。

ツヴィリングナイフブロック

包丁を収納すると同時に砥げるナイフ立て。ちょっと欲しいが、買った後に後悔しそうで迷う。

YS-L/csvlens: Command line csv viewer

lessのような操作感のCSVファイル・ビューワー。フィルター機能が便利っぽい。

Fixing Annoying Blue Standby Lights

青いLEDの光を隠しつつ、赤外線リモコンを阻害しない解決法について。寝室のエアコンで似た問題があるので試したい。

Managing your passkeys

GitHubのパスキー管理について。WindowsのFirefoxでは保存できないが、読出しはできるのでEdgeで保存すればFirefoxでもパスワードレスでログインできた。

「Windows Subsystem for Linux」v2.0.5、試験的ネットワーク機能が「WSL2」の正式機能に

WSL2のネットワーク機能でミラー・モードが使えるようになっていた。雑なサーバー作業が一気に楽になる。

Google-hosted malvertising leads to fake Keepass site that looks genuine

国際化ドメインを使ったKeePassの偽サイトがGoogleの検索結果広告に。支払先はGoogleの認定広告会社など判別は困難。DDGに出戻っているが、そういう問題でもなさそう。

ほんたす

無人の書店。入退場の管理はLINEアカウントで行う。現金以外は大体使える。駅構内書店だと最適解なのかもしれない。

uBlockOrigin/uBOL-home

既定では全ウェブサイトのデータへ読み書きが不要なuBlock Originの公式派生アドオン。DNSブロックや内蔵トラッキング防止機能と組み合わせ、必要そうなウェブサイトだけで有効にしていく。

Web Environment Integrity has no standing at W3C; understanding new W3C work

GoogleのWEIに対するW3Cの見解。特に機能そのものには反対してはいない。レビュー・プロセスを整えれば、自ずから決定されるという立場か？

net: improve network family autoselection handle handling by ShogunPanda

v20.4.0に取り込まれたnetモジュールのパッチ。autoSelectFamily由来で落ちるバグがこれで修正されたっぽい。

ペダルを漕がない「電動サイクル」 免許不要で改正道交法対応

キックボードじゃない方の特定原付。14インチあると原付駐車場に停めやすそう。

User Inyerface

入力フォームの悪い例で遊ぶゲーム。16分23秒だった。ボタンが押せそうなのに押せないToSがイラつく。

Thoughts on Svelte(Kit), one year and 3 billion requests later

Svelte 3の話。良いところは多いが、コミュニティが小さすぎて、詰まった時に同様の事象を乗り越えた人が見つからないなど。他人に渡して手入れしてもらうものには向いていないと思っている。

Squarespace Enters Definitive Agreement to Acquire Google Domains Assets

Google DomainsがSqarespaceに売却へ。値上がりしそう。Cloudflare一択になりつつある気がしないでもない。

Comic Mono

Comic Sans風の等幅フォント。一瞬だけコードが読みやすそうに見える。ターミナルには良いのかもしれない。

NO_COLOR: disabling ANSI color output in various Unix commands

コマンドライン・ソフトウェアのカラフルな出力を無効にする環境変数NO_COLORとそのサポート状況について。Vimだけカラフルにしたい的な希望が実現できそう。

RICOH Light Monitor 150/150BW

15.6インチの無線モニター。タッチも可能。Miracastを久々に聞いた。

JAPAN ART BRIDGE（ジャパンアートブリッジ）

万世橋の高架下にできた、アートの展示や販売をする場所。JR東日本による。

Stop Using Hamburger Menus

ハンバーガーやめろという主張。新たな根拠はなく、あまり強くない。フッターにすると、無限スクロールが使えなくなる問題とかはありそう。でも賛成したい。

:root isn’t global

:rootはグローバルではなく、::selectionなどから参照できない。互換性を考えると::selectionなどをどうにかした方が影響が少ない気がする。

We Need To Talk About Vercel

Vercelはその費用的な面以外にも様々なコストがあるのではないか。フロントエンドへの対応に会社のリソースが多く割かれており、CDN側での問題への対応が遅いと主張。

Path completion isn’t working with the `srcset` attribute

VS Codeでsrcset属性においてパス補完が動かないバグ。リグレッション？

Amazon to flag ‘frequently returned’ products you maybe shouldn’t buy

Amazon本家が「よく返品されている商品」を明示するように。捏造レビューが多い商品を見分けられる？

HTML-validate

オフラインで動作するHTML検証ツール。3000ファイル超で30秒程度とそこそこ速い。ルールは微妙。

ウッドレザー by サンノプコ

木くずと植物由来のポリウレタン樹脂から作る合成皮革。PVCなどと比べて放湿性が高い。

How to connect Static Hosting to Github - Porkbun Knowledge Base

Porkbunの提供する静的ホスティングにあるGitHubのブランチをミラーする機能。GitHub Pagesから逃げる先を探している。

Laptop Dock

多面体に切り出された木製のノートパソコン立て。重石はステンレス、クッションはウール・フェルト。

The Troublesome Life and Lamentable Death of Success Criterion 4.1.1

WCAG 2.2で4.1.1 (妥当なHTMLであることを要求)が廃止される経緯について。もはや支援技術はHTMLをパースせず、意味がないのではないか。初見では驚いたが、理解できた。

竹材　フリーラック３段

竹製で軽いオープン・ラック。値段がすごい。

Nokia G22 with eco design and QuickFix repairability

自分でバッテリー交換が行えるスマフォ。128GBのモデルで210ドルくらい。更新保証が3年なのが微妙。

Noya

テキトウに文章とワイヤ・フレームを配置すると、画像とコードを生成してくれるツールらしい。こういうツールを作ると楽しそうだが、使っても楽しくなさそう。

目黒区民センター及び目黒区美術館を一体とした解体に反対の署名をお願いします

目黒区美術館の解体案が出たことに対する反対運動。周辺も含め贅沢な空間なので残っていて欲しい。

003047 GENERAL SOCKET _ BAR 70

引掛けシーリングからE26に変換する棒状のアダプター。コードではないので、地震が起きても揺れない。一方、500gあるので引掛けシーリングへの荷重が気になる。

Bite-Sized Accessibility

150単語以下の短文でアクセシビリティーについて学べるウェブサイト。今後に期待。

dns0.eu

GDPR互換のPublic DNS。広告ブロックまではないが、怪しいドメインはフィルタリングする。運営元はNPO法人。

Effect of below-the-knee compression stockings on severity of obstructive sleep apnea

日中に着圧ソックスを履くと、睡眠時無呼吸症候群が軽減されたという研究結果。血流改善の効果が睡眠中にも残る？

Insulation: first the body, then the home

冬季における家の断熱と厚着の効率を比較。天然素材と合成素材の比較あたりが勉強になる。夏の断熱の問題もあるので、冬の暖房費は節約できる程度に読むと良さそう。

VATTENKAR デスクトップ・シェルフ

机の天板などに挟んで固定する小さな棚。棚の前後位置は変えられるが、棚の高さは変えられない。挟める高さは1cmから5cmまで。

Release Notes for Safari Technology Preview 162

SafariでCSSのネストが実装。margin-trimプロパティーも来ている。

Nanoleaf Lines

棒状のLEDライトをつなげて幾何学模様の照明を作成できるキット。24個くらい欲しい。

elbywan/wretch: A tiny wrapper built around fetch with an intuitive syntax.

プロミス・チェーンでエラー・ハンドリングが可能なfetchラッパー。404などもスパッと書ける。

IKIKI グランドチェア

アウトドア向けローチェアをシュッとさせた椅子。分解可能。木部はオイル仕上げ。

Release v2.0.0 · hail2u/vim-css3-syntax

vim-css3-syntaxのv2.0.0。古いランタイム・ファイルに含まれるCSSシンタックス・ファイルに対応しない。

METガチャをゲットだぜ！ メトロポリタン美術館所蔵の冨嶽三十六景やゴッホなど名品がカプセルトイに

メトロポリタン美術館の所蔵品がガチャポンに。カバ欲しい。

Anker 521 Power Bank (PowerCore Fusion, 45W)

充電器とバッテリーがセットになったFusionの新作。USB-Cが2つで15V-3Aの給電が出来る。

Migrating from Vue 2 to Svelte

Vue 2から3ではなくSvelteに移住した理由と手法。よりHTMLとJavaScriptに近い点が強く評価されているようだ。

Counting unique visitors without using cookies, UIDs or fingerprinting.

Last-Modifiedヘッダーを使ったクッキー・レスかつサーバー・レスな訪問をカウントする仕組み。プライバシーを保護するためには、クッキー・レスとハッシュ化では不十分なので、このような手法を考案。

code to detect missile launches like tonight’s North Korean ICBM test in GPS data

GPSへの影響を元にミサイル発射を検知する仕組み。

Mr. n

伏せたU字型のテーブル・ランプ。枠の外側がすべて発光する。

EXCLUSIVE: The Inside Story of Why the Bucks Can’t Wear Cream Uniforms Anymore

バックスのユニフォームが変わった理由。コートとユニフォームの色が似ていると、コートに透写するデジタル広告のシステムが不具合を起こすため。クリーム色だった理由は、地域の建物によく使われているからだったらしい。

WebKit Features in Safari 16.1 | WebKit

Safari 16.1の新機能について。やはりPasskeysか。「もはや『タブレット・サイズ』などというものはない」という点は、これをきっかけに広まって欲しい。

Experimenting A New Syntax To Write SVG

自家製ツールのためにCSSのような書き方でSVGを書けるように。ちょっとしたSVGをバンバン書く必要があるなら使い出がありそう。学習コストは低い。

Braun font

Braunのコーポレート・フォント。丸と直線。

Firefox 105.0, See All New Features, Updates and Fixes

Firefox 105でWindowsでもスワイプで進むと戻るができるように。ついに乗り換える機運。

Atkinson Hyperlegible Font

ロービジョン向けに文字の識別性を高めたというフォント。誇張され具合が個性になっている。

Constellation Table Light by Jeffrey Stone on Gantri

カクカクした形状のテーブルライト。テーブルライトをずっと探している。

TS STORE

様々な紙製品を扱うオンラインストア。2トーンのトレイがちょっと欲しい。

inAppBrowser.com

アプリ内ブラウザーで変なコードが仕込まれているかどうか確認するウェブサイト。アプリ内ブラウザーを禁止する設定が欲しい。

Anker 737 Power Bank

Ankerの新作モバイル・バッテリー。USB-C×2を同時利用で、最大140W出る。250mLの缶くらい。日本未発売。

無言館を作った男、窪島誠一郎に聞く

戦没画家の作品が収められている無言館の設立者・館長へのインタビュー。もう一度行きたいところのひとつ。

When animation is an accessibility problem

アニメーションがユーザーへ与える影響が大きいことへの警鐘。影響を科学的に証明することは難しく、「とても目障り」などという指摘へは容易に反論できるが、アクセシビリティーの観点から考え直すべきという主張。

足なり直角　裏返しても履ける　３足組靴下

左右と表裏がない靴下。夢で見たやつ。今はそんなに欲しくない。

ひげそり用かみそり

無印良品のカミソリ。貝印のXfitっぽい。真っ白のカミソリは珍しいので試したい。

iPad・タブレットVESAブラケット

モニター・アームにタブレット端末を取り付けるためのアダプター。ガス圧式のモニター・アームだと軽すぎて使えないこともあり、注意が必要。

mymind is the extension for your mind.

Google Keep的なメモ・アプリ。追加すると画像や文章を解析して自動で整理してくれる。

手のひら静脈認証(身体認証)の新規申込受付終了のお知らせ

三菱の静脈認証がなくなる方向へ。冬に失敗しやすかった。廃止ではないので、使わないようにするには削除が必要。

かわるかたち　いろいろな素材、さまざまな表現

アール・ブリュットの巡回展。来週から。ポスター欲しい。

イッタラ展 フィンランドガラスのきらめき

Bunkamuraでイッタラの140周年記念展覧会。9月半ばから。会期が短い。

Vim: version9.txt

Vim 9.0の変更点。Vim9 scriptくらいで、非互換の変更点はほぼなし。

Replace the outline algorithm with one based on heading levels

HTML仕様のアウトライン・アルゴリズムが見出しレベル・ベースのものに差し替え。まだ読んでいない。スクリーン・リーダーの実装に近づけたようで、すぐやれる人がちゃんとしようということかも。

Replace CAPTCHAs with Private Access Tokens

ボットと思われるアクセスに対してCAPTCHAを出すようなウェブサイトへの自動認証機能がiOS16に。FastlyとCloudflareは対応済み。

Sponsoring dependencies: The next step in open source sustainability

得たスポンサーの10%を依存パッケージへ還元したり、循環させる仕組みの提案。圧倒的に流量が足りないので、循環しなそう。また、功利的な関係よりも、個人的な好悪からスポンサー網をつなげたい。

マティス展

2023年春の東京都美術館で行われるマティス展。楽しみ。

Dark Mode Toggles Should be a Browser Feature

ダーク・モード切り替えはブラウザーの機能であるべきという主張。CSS側でもJavaScript側でも複雑なコードになり、APIの至らなさが目に余る。合わせてスクリプトからメディアを変更できるようになっていて欲しいと言うが、これは読み取り専用じゃないとまずそう。

Millions of electric cars are coming. What happens to all the dead batteries?

電気自動車のバッテリー廃棄の現状について。リサイクルしやすいものが出始めている。

OutHorse Your Email

旅行中などの自動応答メールを馬がタイプしてくれるサービス。でかいキーボードも、タイプしているところもかわいい。

GeeScorpion

サソリのような形状のモニター・アーム付きの椅子。29インチまでの液晶ディスプレイなら、3つまで取り付けられる。総重量200kgなので、設置したらそうは動かせないし、床が抜けそう。

POSTERS

葛西薫などによるポスターを、サイズを指定して買えるウェブサイト。過去の展示会や商品のためのものから、ここにだけあるオリジナルまで。

CSS forces

ウェブページのレイアウトにおける問題を、文字や余白などが持つ「圧力」でとらえる。コンテナーに流し込むシステムへ、コンテンツの関係性を考慮するシステムを統合させていくべきではないかという主張。見出しの行送りの調整などを還元できそうな概念。

How I fell in love with low-js

SPAを色々書いてきたうえで、クライアント側ではhtmxくらいで済むのではないかという主張。「browsers are great at navigating pages」は肝に銘じたい。

Firefox 100.0, See All New Features, Updates and Fixes

Firefoxも100に。既定でスクロールバーが幅をとらないようになった。

FEED THE 3OO

ウクライナのいろいろな動物園や水族館に寄付できるようにしたウェブサイト。こういう問題もあった。

Motto

購読で借りる電動アシスト付き自転車。バッテリーがフレームにある類で、かっこいい。真っ黒。

Use the Microsoft Edge Secure Network to protect your browsing

Edgeに組み込みVPNが提供へ。無料では1GBまで。実体はCloudflare。

FMV Mobile Keyboard

Bluetooth接続のタッチパッド付きキーボード。充電池内蔵。

Google Admin Toolbox

Googleの提供する便利ツールたち。8.8.8.8のキャッシュを消すツールがここにあった。

Formation Wedge

Bower & Wilkinsのホタテ貝型スピーカー。部屋の端に置くのに向いていそう。明らかに高い。

Nord Design System

Nordhealthという会社で使われているデザイン・システム。Componentsが充実している。weakやsharpなど直観的な単語を使ったDesign Tokensの命名規則はちょっと良さそう。

Design Thinking is Bullsh*t.

デザイン思考の問題提起。極度な単純化、付箋のみへの依存、成功例の欠落など。バズワードまみれという批判は、一般向けのカリキュラムだからだと思うので微妙な所。

Magic Earth

ナビゲーションと乗り換え機能もある地図アプリ。ウェブ版も欲しい。

MegaBlock

ツイートを指定して、その投稿者といいねしたユーザーをすべてブロックするツール。逆のツールの方が幸せで平和なタイムラインを作れそう。

KeePassXC 2.7.0 released

KeePassXC v2.7.0がリリース。Windows HelloやTouch IDでデータベースのロックを解除できるように。

そのお時間、ますます便利な「NHK プラス」と！

NHKプラスがスマートTVに提供されるように。4月からテスト配信。

Salomon CROSS ADVANCED

サロモンの全天候型スニーカーの新作。シームレス・アッパーで白ソール。

Why winter saps your electric car’s driving range

厳冬期における電気自動車のバッテリーについて。2/3くらいになるものもある。エンジンがかからない時は、充電しながらエンジンをかける。

紙カミソリ

本体が紙製の使い捨てカミソリ。販売、携帯時は平らで、使用時に組み立てて使う。

AirTagと不要な追跡に関するアップデート

AirTagの犯罪への悪用についての見解と今後の予定。音を不正に消されたAirTagへの対策に、一緒に動いていると思われるデバイスが鳴るようになる。

Node v17.5.0

Node.js v17.5.0でfetchなどが追加。FormDataもくれ。

森永ウインドーラジエーター

窓枠に設置し、熱のカーテンを作る補助暖房器具。遮熱カーテンよりすごそうだけど、1日ずっと使うと150円/部屋と、かなりのコスト。

MODEL 4151 / BLACK

Thornet 4151の復刻版。ソープ仕上げのモデルもある。

taniarascia/react-advanced-form: An example of a schema-based form system for React.

スキーマでフォームを定義するだけのReactコンポーネント。既存の入力要素の値を元に、他の入力要素を動的に追加、または削除できる。

大阪・中之島からクリエイティブコンテンツを 発信するスペシャルウィークプログラムが開催

中之島で行われるシンポジウムなど。天目茶碗の色合いについての講演など。ポスターがかっこいい。

eyeo wins landmark copyright court decision; protects digital rights and sets important legal precedent for who ‘owns’ HTML

ドイツで提起された、広告ブロッカーによるHTMLコードの改変が認められるかどうかの裁判。ブロッカー側が勝ち、広告をブロックするためには、掲載サイトの許可が必要という事態にはならなくなった。

「危険SMS拒否設定」(無料)の提供について

3月にドコモのSMS拒否機能へ危険なURLを含むものが追加。同意なしに自動で適用される。SMSのプライバシーについての記載は見つからない。

Why we’re loving the bold new Lexus logo design

レクサスの新しい文字ロゴについて。車メーカーのロゴ更新が続く。

1000円以下で！　高機能モニターフードの作り方。

ディスプレイの周りに付ける遮光フードをDIYする。黒のプラスチック段ボールを使っており、手軽に作れそう。

TILE KIOSK

多治見のタイルを1枚から買えるウェブサイト。焼き魚用に細長いやつが欲しい。

Test Your Product on a Crappy Laptop

製品をクソマシンでも確認するべきという主張。こういう確認には激安タブレットなどが向いているのかもしれない。

Easily follow websites that don’t have RSS feeds

FeedlyでRSSのないウェブサイトを購読できるように。Pro+メンバー限定。JavaScriptが必須のウェブページでは動かないので、力不足に見える。

オムロン 体重計 HN-300T2

オムロンのBluetooth自動転送機能つき体重計。体重のみだが、5000円を切る価格。

Cloudflare Images has a lot of issues

画像の保持・処理・最適化・配信サービスであるCloudflare Imagesの多くの問題について。全体的には素晴らしいものだが、値段がリクエスト数で決まるため小さい画像で不利になることや、オリジナル画像が取り戻せずロックインされるなど、いくつか回避できない問題がある。

コダック、Bluetooth対応のスマホ用インスタントプリンターを本日12/3発売

Bluetooth経由でスマフォの写真を印刷できるモバイルプリンター。1000万画素のカメラでもある。黄色。

JSON Modules in JavaScript

Chrome 91からサポートされたJSON Modulesについて。Node.js v17.1からもサポートされるが、まだ実行時にフラグが必要。

4K Desktop wallpaper generator

グラデーションと波形を組み合わせた壁紙ジェネレーター。リロード。

The Pixel 6 just launched, but Pixel 6a leaks already look great

Pixe; 6aの噂。ヘッドフォン端子がなくなってしまう！

Remember Windows Media Player? Microsoft is finally replacing it

Win11の新しい動画・音楽プレイヤーが出る。Win11に更新する気が起きないので、Win10にも欲しい。

Letting users tick a ‘none’ checkbox

複数チェックボックスには無回答などの選択をクリアする項目を追加するべき。選択せずに済むようにすると、間違えて送信した時に区別がつかないなどの問題があるためと主張。

The secret of the macOS Monterey network quality tool

macOS 12に追加されたnetworkQualityというスピードテスト・アプリケーションについて。ダウンロードとアップロードを同時にテストするので、より現実的な結果になりそうという。

海老名の工房で作られる チョコレート専門店「CHOCOLATERIE SANDGLASS」

チョコレート屋。ザッハトルテを食べたい。

Do You Need That CSS?

面倒になってCSSを消しまくった話。CSSを書くと、ページ・サイズだけでなく、複雑性や不確実性が積み重なっていくことを意識すべきと主張。

6.8.2 Interaction with details

details要素を利用すると、ページ内検索の検索語を盗めてしまう問題について警告がされた。一文字ずつdetails要素を作り、そのtoggleイベントを監視することで、検索語を作る？

vim/runtime/syntax/css.vim

VimのデフォルトCSSシンタックスで、キーワードにハイフンが含まれるようになった

Writing clean JavaScript tests with the BASIC principles

きれいなJavaScriptのテストを書くためのBASIC原則。具体的な書き直し方も。書く人向けと読む人向けが混ざっている。

New Nest Cam will get web portal, manual clips eventually

新型Nest CamがHome App専用だったのが、ブラウザーからも見られるように。買うか。

Denigma

コードを英語で解説してくれるツール。Cから、JavaScript、React、Dockerfileまで。サードパーティーのコードや、残っている謎のコードなど、責任者がいないコードを読む時に便利そう。

Line length revisited: following the research

行の長さの定石に反する研究の紹介。多少長くても読む速度は変わらない研究や、スクリーンと印刷では違いそうという研究など。

Bringing instant page-loads to the browser through speculative prerendering

JSONで記述した多数のURLを投機的に先読みする仕組みについて。flagsでprerender2を有効にすると使用できる。

GitJournal

GitリポジトリーにYAML Front Matter付きMarkdownを保存するメモ・アプリ。GitHubなどにpushできる。Android版は無料からだが、iOS版は400円から。

rsync.net

sshでrsyncなクラウド・バックアップを提供するサービス。2.5¢/1GBなので、ほぼGoogle Oneと同じ。

Managing a custom domain for your GitHub Pages site

GitHub PagesのIPv6サポートが再開。APEXドメイン向けのアドレスも記載されている。

Reducing The Need For Pseudo-Elements

疑似要素をなるべく使わないようにするために。ボタンの一辺を三角にする例などで解説している。もう黒魔術扱いにしても良いような気もする。

W3C Design System

W3Cのウェブサイトで使われるデザイン・システム。SassでCUBE CSSを使い書かれる。要PHPだが、手作業で導入できないこともなさそう。

Firefox 92 for developers

Firefox 92の開発関係の変更点。ついにsystem-uiが実装された。

mgdm/htmlq: Like jq, but for HTML.

引数に与えたCSSセレクターでHTML断片を切り出せるCLIツール。属性値のみを一覧できたり、整形できたりし、かなり使い出がありそう。

Why accessibility overlays do not improve site accessibility

ウェブサイトのアクセシビリティー・ツールバーなどは、深刻なアクセシビリティー上の問題に対応できるような物ではないことが致命的で、予算の制約があったり、一時的な解決方法としてなら許せるものという主張。訴訟対策的な印象がある。

Refactoring optional chaining

オプショナル・チェインの使いどころが間違っているような場合にどうするか。?.()を書いた人は、まだ見たことがない。

insin/tweak-new-twitter

Twitterのサイドバーを消したり、時系列順に戻したりするブラウザー拡張。右下のDMのやつを消したかったので、使ってみている。

abode TT

天然木の机。組み立て式だが、ねじ等は不要。

Why the New Contrast Method APCA

なぜWCAG 2.xの1.4.3ではなく、APCAなのか。1.4.3がオレンジの上に白(や黒)でめちゃくちゃになる例や黒の上に赤でそこそこ間違う例へのリンクもある。

JavaScript Method Chaining… It’s All So STUPID!

JavaScriptのメソッド・チェーンの間違った使い方が多すぎることについて。fetchの例は、ちょくちょくやらかすやつだった。

Android COVID Card vaccination record rolling out: California

Google Payにワクチン接種証明カードを追加する機能へカリフォルニア州が対応した。物理証明書のスクリーンショットで登録できるようだ。

Savee

画像を保存して公開できるサービス。Pinterestに近いが、ほぼ画像のみ。

Welcome the SYMFONISK picture frame with WiFi speaker

IKEAとSonosの壁掛けスピーカー。パネルが変えられる。スマートではない。

003313 DUCT RAIL FAN Φ60

ダクトレールに取り付けられるシーリング・ファン。ひと回り小さいものもある。

Expand <details> for find-in-page and fragment navigations

ページ内検索やページ内アンカーで、details要素が開くように仕様で決められた。検索は、ユーザーにとって重要そう。

You want enabling CSS selectors, not disabling ones

CSSセレクターの書き方を直観的にし、コード量を減らす。上書きを減らすと開発者ツールですっきりするという理由で、僕もここ半年くらいはこういう書き方にしている。

Safari isn’t protecting the web, it’s killing it

Safariのリリース・サイクルと実装哲学について。Appleは何も考えていないユーザーのことを主眼に置いていると思うので、的外れという気もする。

TC39 proposal for accumulating errors

親エラーを設定できるError.causeプロパティーの提案。Chrome 93で実装される。

New in ARIA 1.2: ARIA IDL attributes

ARIA 1.2で定義されたIDLインターフェイスについてと、実装状況。ele.roleはChrome 91で通らないのか。

Introducing Email Protection: The easy way to block email trackers and hide your address

DuckDuckGoからメールのトラッカーを削除するサービスがベータ・リリース。無限メアドにもなる模様。

How to remove items from an object with object destructuring and the spread operator

オブジェクトから複数のプロパティーを一度に削除する。知らなかったし、読めなかった。いらないそうな変数ができちゃうのが気に入らない。

WEXLEY

黒のツルっとした鞄。USBポートがあるものもある。

Access Guide

WCAG 2.1をより理解するための解説集。夏休みの課題図書っぽい。

Average colors of the world

衛星画像を元に国ごとの平均的な「色」を計算し、地図に反映させたもの。「岩山が多いしな」とか「氷河ばっかだった」とか考えながら見ていた。

Safari 15 on Mac OS, a user interface mess

Safari 15のアドレス・バーとタブ・バーの一行化などについて。「スクリーンの高さは十分にある」というのは同意できないけれど、ちょくちょくGUIの構成が変わるのはうっとうしいと思う。

Introducing Astro

必要なものを必要な時だけというコンセプトの静的ウェブサイト生成ツール。既定ですべてのJavaScriptが削除される。

“耳をふさがないイヤホン”に完全ワイヤレスモデルが登場、15,000円で今夏発売

耳に挟むambieの完全ワイヤレス。落としにくいのは良さそう。

Why Prefetch Is Broken

prefetchとキャッシュ・パーティショニングの相性の悪さについて。as=documentがパーティショニングを考慮していなかったので、iframe要素用にキーワードを新設しようという主張。

東京大壁画

丸ビルと新丸ビルにでかい壁画。「総面積7000平方メートル」と言われてもピンとこないがでかいぞというのは伝わる。

Idiosyncrasies of the HTML parser

HTMLパーサーの本。まだ50%くらいしか書かれていない。

Building websites for Safari Reader Mode and other reading apps.

リーダー・モードの類を考慮したウェブサイトの作り方。何があるのか、何が出てくるのかわからないので、HTMLを普通に書こうという話でもありそう。

Google Chrome testing RSS-powered ‘Follow’ button

Chromeがフィード・リーダーの搭載をテスト開始。RSSなどがなくても購読できるっぽい。

Best practices for cookie notices

クッキー注意勧告の作り方。FOUTを避けるよう(ウェブフォントが適用されないよう)注意するなどは盲点かもしれない。

I Mailed an AirTag and Tracked Its Progress; Here’s What Happened

手紙にAirTagを入れてみたが、見つけるためは自力になりそうという結論。またストーキングに悪用できそうという懸念は払しょくできないようだ。

input type=contry

国を入力するフォーム要素が欲しい話。ラベルとソート順の問題が常にあるので、標準化されていると楽そう。

拡大する「あと払い」の国内最新事情

「あと払い」の仕組みと現状。購入機会の増加を促進する。

Danner D316904 SHANIKO LACE

ダナーのホールカットの革靴。オイルドレザー、フラットなソール、広いつま先と、好みがそろっている。

Realign 2020: Realigned

再構築ではなく、再調整。“it’s a website so it has to be accessible”って書いてあった。

Understanding Easing Functions For CSS Animations And Transitions

タイミング関数群の使い方と書き方。prefers-reduced-motionでアニメーションを完全にやめるのではなく、step()を使うというのは考えたことがなかった。

ドコモとリクルート、「dポイント」で連携。じゃらんなど12サービスに導入

リクルートのサービスでがdポイントが使えるように。リクルートポイントもdポイントになってほしい。

Layout Love compound and modular grids for your websites

合成グリッドのアイディアを販売。4+5グリッドは興味深い。

Opting your Website out of Google’s FLoC Network - Paramdeo Singh

ウェブサイトがFLoCへ与していないことの表明方法について。meta要素でも可能としているが、本当なのだろうか。

MAMORIO CARD

Mamorioのカード型タグ。充電可能なのはすごい。

カタカナの店舗ロゴを掲げるブラジル発のカフェブランド 「ザ・コーヒー」が現地で急成長しているワケ

コンパクトな営業形態のカフェ・チェーンの話。カタカナはかっこいいな。

Upcoming changes to FeedBurner

FeedBurnerのメールで購読機能が削除へ。サービスそのものは新しいインフラへ移転した上で継続するようなので、まだまだ生き延びそう。

Wyze Cam Outdoor Bundles

バッテリー内蔵で無線の全天候型監視カメラ。バッテリーは3か月ほどもつらしい。

How dark patterns in web design trick you into saying ye

ダーク・パターンと法的規制について。CCPAにはすでに条項がある。

Apple’s Find My network now offers new third-party finding experiences

iPhoneを探すアプリがサードパーティーに開放。すごいし、Chipoloがサポートされているし、iPhoneに戻りたくなった。

89 Blog Posts in a Single HTML File

全コンテンツを1つのHTMLファイルに書き、:target疑似クラスを使って特定のコンテンツのみを表示する仕組み。マイクロブログとかならいいかもしれない。

Designing with a fluid space palette | Utopia

描画領域と余白をシンクロさせる概念について。実装が厳しいので、単純に2種類の係数とかにしたいため、結局calc()で単位なしを計算できたらなーというところに戻る。

Font Brief

印象からフォントを検索するサービス。ウェブサイトの印象に、最適なフォントを見つけられるとも言える。

68k.news

Netscape 1.1でも見られるGoogleニュースのヘッドライン。Mozillaのreadabilityライブラリーを使っているみたいだ。

Knucklesheads’ Club

Googlebotにのみ与えられている特権について。相当数のrobots.txtが既定でクロールを禁止していることによる。新興検索エンジンが不利な立場に置かれており、適切な競争が阻害されていると主張。

Skipping skip links

Skip to the Contentは意味がないのでやめよう、という主張。ラベルの問題があり、ナビゲーションはフッターにあるべきという。フッターに置くと、逆にSkip to the Navigationが必要になりそう。

Good, Better, Best: Untangling The Complex World Of Accessible Patterns

sr-onlyやvisually-hiddenが常に最適解ではないという話。aria-labelledbyで複数のIDを参照するやつは使ったことがない。

Fontshare

Indian Type Foundryの無償で商用でも利用できるフォント。Variableフォントがかなりある。

A safer default for navigation: HTTPS

Chrome 90からアドレスバーでドメインのみを入力したときなどがhttps:になる。Ctrl+Enterも。https:がつながらなかったら、http:へ転送。

音波通信体温計 MC-6800B

オムロンのスマフォと連携できる体温計。マイク経由で体温データをスマフォに転送する。

Keep multi-line formatting for destructuring assignment · Issue #2550 · prettier/prettier

書き方で整形が変化する問題。3年以上議論されているが結論が出ていなかった。

Prettierは書き方によって整形結果が変わる

1行で書いた時と複数行で書いた時で、整形結果が違うケースがあることを知った。仕様なのかどうか調べる。

It’s High Time to Replace JPEG With a Next-Generation Image Codec

複数の画像をまとめる仕組みを持っていたり、可逆だったり、JPEGをそのまま置き換えられたりするJPEG XLと、既存の画像コーデックとの比較。スゴイナー。

Highlighting columns in HTML tables

colgroupとcol要素を使った表の列へのスタイルについて。id属性と:target疑似クラスを使うと、インタラクティブにハイライトできることは知らなかった。

Nobody designs for small iPhone devices anymore

小さい画面で変なになるアプリたち。知ってて見ないふりをしていそう。

Debugging layout shifts

CLSのデバッグ方法について、自前でやる方法と開発者ツールで見る方法。最後の方にどういうものがCLSを起こすのかが、具体的に例示されており、まずはこれを知り、開発者ツールの使い方を覚え、自前で書く、と記事の逆順でこなすとよさそう。

Rethinking the JavaScript ternary operator

三項演算子を再考する。関数型プログラミングの存在が、式より演算子が優位にある証拠。do演算子をBabelプラグインを入れて使おう！　たいな結論にも読めた。

Gorillas’ nav: a case study

Gorillasの新ウェブサイトのナビゲーションについて。JavaScript無効だとdetails要素を使っている。blurだ！

Blogstreak

静的ウェブサイト向けに拍手やコメントの機能を提供するサービス。ウェブサイトへの導入はWeb Componentを使う。

Use transparent borders and outlines to assist with high contrast mode

透明な枠線やアウトラインがWin10のハイ・コントラストで色付きに強制されることを利用し、box-shadowプロパティーによるフォーム要素のフォーカスを、より適応させる。頭が柔らかい。

How to enhance your design with the gestalt principles of proximity

近接の要因の重要性について。ウェブサイトとアプリに分けて具体例もある。意識せずにやっていることが多いが、コードの説明に使えるのできちっと知った方がいいと主張。

Add experimental support for CSS Color 5 color-contrast()

引数に与えた色のリストから、もっともコントラストが強い色を選択するcolor-contrast()の試験実装。WCAG2のコントラスト計算のようだった。

ミズノヘルシーインテリア

インテリア性を重視したトレーニング・グッズのライン。天板が回るサイドテーブルは普通に便利そう。

Webmention.io

Webmentionの集計他を代替してくれるサービス。rel=meを使ったIndieAuthでログインし、集計されたデータはfetch()を使って受け取る。

Please support Web Monetization if you want less ads on the web

Web Monetizationとは何か、なぜ利用すべきか、Coilでどう払うのか、Upholdでどう受け取るのか、どういう制限があるのか。それぞれが限定された情報しか持たないので、プライバシー上のリスクが低い。受け取る側はともかく、支払い側の負担は大きいのが難点？

BuyMySideProject

小さなSaaSプロダクトを売り買いするところ。主に開発をあきらめたサイド・プロジェクトを対象にすることで、Product Huntとは差別化する。

One way road to beer

イギリスでロックダウン等の酒盛り制限が解除されるまでをカウントダウンするだけのウェブサイト。いい色。

What’s New In DevTools (Chrome 89)

Chrome 89のDevToolsの更新内容について。DevToolsのSettingsから、APCAでコントラストを計算する機能を有効にできるようになっていた。

Typography Principles

タイポグラフィーの原理についてクイズ付きで。左右スクロールと上下スクロールが組み合わさっていて、遊び要素が強い。

How to style broken images with css

img要素の参照先が見つからなかった時にCSSでゴニョゴニョする方法。img要素では、見つからない時だけ疑似要素が使える。

State Partitioning

Firefox 85から導入されはじめたパーティショニングという概念について。既定では一部しか有効にならない。cdnjsやGoogle Fontsなどのキャッシュについても再考をうながされそう。

Android 12 DP1: Dark theme no longer AMOLED black

Android 12 DP1のダーク・モードが、完全な黒ではなくなっている。完全な黒縛りがなくなるといろいろよさそうな気がしないでもない。

The Fantasy of Opting Out

オプトアウトには金銭に限らない高い代償を伴うので、現実的ではないという主張。全体主義が、思考能力を奪い、自立性を抑え、と段々テンションが上がっていく記事。

Is CSS float deprecated?

floatプロパティーを本来の用途で使おうという話。shapes-1が死にかけているという点でも重要。

Braun Mini M-1000

ブラウンのコンパクトな充電式シェーバー。かっこいいな！

Changes to LastPass Free

LastPassの無料プランが変更になり、PCとスマフォで共用することができなくなる。大変そう。

Animating variable fonts with CSS

Variable Fonts向けのfont-variation-settingプロパティーはアニメーションできる。Variable Fontsはまだ使ったことがないけど、使いたくなってきた。

Legibility in User Interfaces Guide

読みやすさについて。Lorem Ipsumやめような的なことが最後に書いてあった。

SVG: The Good, the Bad and the Ugly

SVGの現状について、機械にも人間にも扱いづらいので、中間フォーマットが必要なのではないかという主張。人間には一応Inkscapeなどがあるので、機械ではJSONなどで描きたいというのはわかる。

Fluid & space-aware components

コンポーネント別に文字サイズのスケーリングを管理しつつ、描画領域に応じて基本文字サイズも調節し、互いに協調させる試み。やりたいことはわかる。

What Do You Actually Agree To When You Accept All Cookies

クッキーを受け入れ入れると647のプライバシー・ポリシーを読んだことに同意しなければならないロイター通信(イギリス版)のウェブサイトを例にした、クッキー受け入れダイアログの現状について。全拒否ができることを強制しないとどうにもならなそう。

Laura Kalbag – Subscribe

公開しているRSSについてのページ。RSSそのものの説明や、その利点、フィード・リーダーなども紹介する。

Anker PowerSolar 3-Port 24W

充電が再開するようになったAnkerの新しい太陽光充電器。3ポートになったが、Aのまま。

Disqus, the dark commenting system

Disqusは、あなたのウェブサイトの訪問者を商品化するし、あなたがお金を払っても、それは変わらない。11個のトラッカーは多いな。

Fluid typography with CSS clamp

ルート要素ではなく、見出しや段落それぞれで流動的に文字サイズを制御する仕組みの一例。描画領域に対する占有度を要素ごとに決められる仕組み、と解釈できそう。

My product is my garden

のんびりできたり、作業に没頭できたり、スケールしないものを作っている話。同時に日銭を十分に稼いでいるのはすごい。

Introducing Private Click Measurement, PCM

iOSやiPadOSで導入される、クッキーやデバイスIDに変わる、プライバシーを重視した広告トラッキング手法について。広告導入者側ではHTML属性を使い、広告提供者側では特定のURLへリクエストを投げる。デフォルトで有効、オプトアウトは可能。

Avoiding Wasted Space on Your Website

いわゆるabove the foldの使い方や、コンテンツの区切りについて。全体で部分的にコンパクトに情報を見せようという主張のようだ。

The context dilemma: design tokens and components

CSSにおいて、デザイン・トークンとデザイン・システムの間を埋めるBEMの利用について。色の定義と、色の参照を分けると、DRY-nessと一貫性を両立できる、ということだと捉えている。

Uniwidth typefaces for interface design

インターフェイス向きなUniwidthタイプフェイスの例。インターフェイスに利用すると、安定した幅を得られるため、枠におさめやすくなる？

Google Search testing full desktop dark mode

Googleがデスクトップでの検索でダークモードの実験を開始した。いよいよウェブサイトでも自動切換えが必須になりそう。

Responsive Design 2.0

バイデン政権版のホワイトハウスのウェブサイトから見る、レスポンシブ・ウェブ・デザインのこれから。「テーミング」の日本語が欲しい。

Daqi Concept JinGoo

鳥かごに鳥っぽいBluetoothスピーカー兼照明器具は入っているもの。コートハンガーを買ったら欲しい。

It’s time we say goodbye to pixel units

px単位等を使うなという主張。都合の良いところのみを切り取っている(なめらかなアニメーションのためのpx単位とかに触れていない)ので、floatプロパティーと同じく使うべきところは使うべきで、ゴミではない。

The importance of @font-face source order when used with preload

font-faceルールとrel=preloadの書き方による影響について。無駄な先読みや重複ダウンロードの避け方とその確認が詳しく書かれている。WOFF2のみにする方がよさそう。

Designing for Privacy

プライバシー保護のための設計について、基本方針、その対象、導入のコツなど。トレード・オフという言葉でゼロ・サムにしないことあたりはたまに忘れる。

三菱UFJ銀、Pontaポイント導入。メガバンク初の共通ポイント

三菱銀行の利用でPontaポイント。月に100ポイントくらい貯まりそうには見える。

Ensuring the correct vertical position of large text

OSのフォント・レンダリングの違いによる位置ずれを解消するfont-faceデスクリプターについて。CLSを防ぐためのものかと思っていた。

7 visual design lessons from Dmitry Novikoff based on Big Sur Icons

Big Surでのアイコンについて。電化製品のバックライト付きのボタンのような構造になっているととらえ、制作もそれに準じた構造にするといい？

Make your own independent website

1991は「個人がウェブに」という年だったが、2021年は「個人それぞれのウェブ」という年なのではないか。Webmention推しっぽい。

A fresh new avenue for Google to kill your SaaS startup

AIによって仕分けられてしまう、Google Safe Browsingの影響について。ドメインを使い分けたり、切り替えたりして、カルマ的な何かがたまらないようにするしかないと主張。

Stretched and repeated, Dysfluent Mono is a typeface that embodies what it means to have a stammer

吃音のビジュアル化を可能にするタイプフェイス、Dysfluent Mono。重なりや、伸び、欠けで表現される。

Using javascript’s async/await and requestAnimationFrame to render the Buddhabrot

requestAnimationFrameをPromiseでラップし、awaitすると、アイドル時に終わるsleep()が簡単に作れる。頭がいい。

Newsletters

昨今のニュースレターの人気は、ウェブサイトがダメすぎるからで、作るのを簡単に、RSSのブラウザーへの再統合を、Web Monetaization API頑張れ、などが必要という考察。ウェブがアプリのためのものになってしまったというのはちょっとわかる。

A message to web developers, from a screen reader user

スクリーン・リーダーのユーザーからのお願い。はい。

Get Started With TypeScript the Easy Way

雑なTypeScriptの始め方。JavaScriptとJSDocで書いて、VS Codeで恩恵だけ受ける。

6 Tips For Choosing the Right Typography for Your Logo Design

文字ベースのロゴを作る時に。5のところに載っているロゴがよかった。

The Devil’s Albatross - An algorithmic layout technique

折り返しFlexboxを中央寄せする時に使う疑似要素の作り方。flex-basisプロパティーの値に、狭い画面では非常に大きな値にして折り返させ、広い画面では負の値にして間を埋めさせる？

HTMHell - Markup from hell

世にあるHTMLコードの問題点の指摘と、その改善案。問題がどのように表面化するかも書いてあることが多い。

Houdini.how

CSS Houdiniを使ったおもちゃ。なつかしい気配は感じる。

ソニー WH-CH510

ソニーの最安Bluetoothヘッドフォン。

The future of CSS: Higher Level Custom Properties to control multiple declarations

カスタム・プロパティーを制御するカスタム・プロパティー。僕はどちらかというとロジックレスにしたいので、否定的に観測している。

Exclusive Design

インクルーシブのためのエクスクルーシブ。デフォルトがクソだったりするし、デザイン理論はデザイナーのためだったりするし、僕たちはもっとできるはず。

Sticky CSS Grid Items

グリッド項目の位置を半固定する。または、グリッドによる自動サイズ調整を制御する方法。

HTML and CSS techniques to reduce your JavaScript

JavaScriptで頑張っていたことを実現するCSSやHTMLについて。こういう啓蒙は年末から年始が良さそう。

A typographer and designer’s guide to elegance

タイポグラフィーにおける優雅さとは。女らしさなどに限ったものではない。

eki clock / ホワイト (TIL16-01 WH)

札幌駅構内通路にある時計を掛け時計にしたもの。放射状に数字が配置される。

Notion is a UX Disaster

Notionの使い心地への不満。入力にまつわる問題は開発の優先度が低そう。

Open Source Stash

著名なプロダクトのオープンソースな代替プロダクトを探せるウェブサイト。主にデジタル・プロダクトを作る人向けのものが中心。

IODATA WN-DX1300GRN

壁コンセントに直接差す無線LANルーター。同じものを買えば、メッシュも構成できる。インジケーター・ランプが消せる！

LG、アームスタンド式の34型ウルトラワイド液晶ディスプレイ「34WN780-B」

ディスプレイ・アームが標準の液晶ディスプレイ。普通のスタンドが欲しくなったらつらそう。

Surge

任意のディレクトリーを静的ウェブサイトとして公開するツールとホスティング・サービス。独自ドメインは使えるが、HTTPSにはできない。小さいウェブページを公開するには良さそう。

Guidance for changing the default branch name for GitHub repositories

GitHubでは2021/01に設定から既定のブランチ名をリネームできるようになる。あわてて作業する必要はなかった。

Cloudflare Pages

任意の静的ウェブサイト生成ツールと協調できるウェブサイト公開システム。IPv6で提供される。無料だと500ビルド/月の制限があるため、うちのウェブサイトは微妙そう。

Are your Anchor Links Accessible?

自身を参照するページ内リンクを見出しに含めた時の問題点とその解決への長い道のり。CSSをどう書くかという問題が残っているけど、ラップしてflexboxにして、orderを変えるとかか。

Green by Default

負荷が低いものや方法を既定で提供するべきという主張。そうありたいとは思うものの、という大人の意見を言いそうになる。

hMatoba/piexifjs: Read and modify exif in client-side or server-side JavaScript.

EXIFを読み書きするライブラリー。ファイル名に撮影時刻があるけど、EXIFにないファイルを修正するのに使った。

user-scalable=no and suppressing zoom suppression

user-scalable=noの現状について。まだ既定で有効になってしまうため、直せるなら直した方がいい。

Deep dive into Rome: Linting, compiling, and bundling

何でもやっちゃうRomeの現状について。インタラクティブに修正や問題の無視設定ができたり、設定コマンドがあったりする。

Sign-up form best practices

サインアップ・フォームを作る時に確認すること。「パスワードの貼り付けを許可しよう」しよう！

A Utility Class for Covering Elements

要素を覆うスタイルのユーティリティー・クラスの書き方について。親要素にスタイルが必要なことによる工夫、論理プロパティーによる簡略化と、グリッドを使った再実装。

Command Line Interface Guidelines

より良いCLIプログラムにするために。フラグの設計やヘルプだけでなく、将来性の確保や環境変数の取り扱いなどについても。

Prettier Playgournd: a element and unquoted URL with slash

a要素のhref属性に引用符がなくスラッシュを含む場合、をPrettierがパースできない。HTML仕様では大丈夫だったような気がする。

Git - git-remote Documentation

Gitのremoteサブコマンドについて。GitHub側で変更した既定のブランチをローカル側でもきちんと反映させるにはupdate-refではなくremote set-head origin --autoを使う。

Known DNS Providers

公開DNSサーバーのリスト。広告ブロックやアダルト・フィルターなどの機能についての情報もある。

Why it’s good for users that HTML, CSS and JS are separate languages

HTMLとCSS、JavaScriptが分かれているとユーザーに便益がある。統合された新言語が開発者に多くの利点をもたらすことは否定していないので、開発効率でぶん殴れそう。

Debugging CSS

CSSのデバッグ方法についての本。著者はAhmad Shadeed。

npm install doesn’t create the .bin directory with a v6 package-lock

npm v7でnpm v6時代に作られたpackage-lock.jsonがうまく読めず、.binディレクトリーが作られないバグ。消して作り直すしかなさそう。

ClockworkPi

プラモデルみたいに組み立てるディスプレイ付きの小型パソコン。熱転写プリンターだ！

"Yes or No?" — One Checkbox vs Two Radio Buttons.

チェックボックス1つかラジオ・ボタン2つか。チェックボックスが最適と考えられるはい・いいえでも、ラジオ・ボタンの方がいい時もあるのではないかという幅広い意見が見られる。

Loopo (ルーポ)

コクヨのモニター・アーム。上下のみだが、表面処理がオフィス家具っぽくない。

JavaScriptのIntl.Segmenterで文章の意味分割を行う

文を単語や助詞で分割する標準APIのIntl.Segmenterについて。独自実装だったIntl.v8BreakIteratorより使いやすくなった。

Better JS scheduling with isInputPending()

操作中かどうかを調べるisInputPending()について。読み込みまでの早さと操作可能になるまでの早さを両立させるためのAPI？

Upptime

GitHub Actions/Issues/Pagesを利用する死活監視サービス。GitHub as a Serviceが増えてきた。

Design to Save People from Themselves

ユーザーが自分のミスで取り返しのつかない事態にならないようになっていそうなUIの例。タップ・ターゲットとかも含めるのか。

Firefox 83 introduces HTTPS-Only Mode

Firefox 83で設定できるHTTPS限定モード。C-Enterでhttpsになってほしかったのでうれしい。

Introducing Simple Search

Google検索結果ページにオーバーレイで検索結果のみを表示する拡張。無理やり広告やコンテンツを隠したりしないので、安定して動きそうだし、本来の結果ページにもすぐにアクセスできる。

楽天ポイント、Suicaチャージに近日対応

楽天ポイントの交換先にSuicaが追加される。昔はどこもやっていたし、そろそろ復活していくのかもしれない。

Unexpected, Useless, and Urgent

なぜメールやメッセージ・アプリ、Twitterより、RSSリーダーの方が好きなのか。メッセージそのものとそれらがまとめられる受信箱という2つの方向から。

Markup | 2020 | The Web Almanac

HTTP Archiveによるウェブページ調査のマークアップの章。style属性がどれくらい増えているかとか知りたかったけどわからなそう。

A UX Analysis of Xbox Passkey

Xboxの6桁コード入力における問題点と改善案。限られた入力手段しかない相手にどう使いやすくするかと言い換えても良さそう。

Clickjacking Attacks and How to Prevent Them

クリックジャッキング攻撃の種類や具体例、防御法について。小手先の対策にはすでに対策があるので真面目に作る。

Someone just fixed the new Gmail logo

新しいGmailのロゴを直した人の話。重なる部分がおかしいという指摘はなるほどだけど、直ってはいない。

Override webpage resources with local copies using Microsoft Edge DevTools

ChromeやEdgeでリソースを書き換えるSources/Overridesの使い方。ユーザー・スクリプト(スタイル)代わりに使える。

moto g pro

モトローラのミッドレンジ端末。SIMフリーでAndroid Oneは貴重そう。

Copying is the way design works

デザインとコピー(真似や盗用の)にまつわる、コピーするけどされると怒る人や、コピーは学び、または権利という人、中国のコピー概念と欧米での似た事例などのお話。結果への評価が高すぎる印象を受けた。

Goodbye IFTTT

IFTTTへの感想とnoderedとiOS Shortcutへの移行について。IFTTTの様々な制限は課金するにはちょっとアレなので、これを機にもっといろいろできるやつに移行したというような話。

“The CSS Universal Selector Is Slow And Should Be Avoided” — Yet Another Lie!

ユニバーサル・セレクターは遅くないし便利という主張。対象が明確ではないことの方が保守する上で問題だと思っているため、あまり使わない。

Vanilla Music Player for Android

Androidのオフライン音楽再生アプリ。ネットワークへのアクセスを要求しない。

The Power of a Link

既定でrel=nofollowのソーシャル・メディアは、スパムと共に有用なハイパーリンクも殺すのではないかという主張。去年くらいにGoogleは方針を変えたような気がする。

CSS Custom Highlight API Module Level 1

ハイライトする疑似要素とAPIを定義するCSS仕様。複数選択やスペルチェックなど、コンテンツとは別に疑似的な範囲が必要なもの向け。

高精度ワイヤレスタッチパッド TTP-BT01/BK

130x80のマルチタッチ・トラックパッド。標準ドライバーで動作する。

The most useful accessibility testing tools and techniques

アクセシビリティーをテストする様々なツールや方法の紹介。自動化するものからTabキーを押そう！　いうものまで。

deps: update V8 to 8.6

Node.js v15で更新されたV8の内容。Promise.any()、String#replaceAll()、論理代入演算子など。

Sass vars, CSS vars, and semantic theme vars

SassとCSSの変数の併用について。ないものはSassでやりつつ、両者をうまくなじませる運用を行う。

molefrog/wouter

React Routerのよく使われる機能のみにしぼり、かつ依存なしのため小さいルーター・ライブラリー。Route、Link、Switch、Redirectなどわかりやすいコンポーネントのみで構成される。

fs: add rm method

Node.js v14.14.0でrm的なfs.rm()が追加される。recursiveでディレクトリーを削除でき、forceでエラーを無視できる。

STANLEY クラシック プアオーバー グリーン ドリッパー フィルターレス

ペーパーフィルター不要のドリッパー。600mLまで入る。

On not choosing WordPress for the W3C redesign project

W3Cの新ウェブサイトがWordpressではなくCraft CMSが採用されることになった理由について。Gutenbergエディターのアクセシビリティー上の問題による。

The everlasting charm of illustrator Dick Bruna’s Miffy

今年発売されたディック・ブルーナの伝記兼作品集の作者へのインタビュー。Amazonで2500円くらいっぽい。

Shark EVOPOWER SYSTEM

ハンディ部分がコンパクトなスティック型掃除機。充電ドックになった台がよさそう。

userpixel/micromustache

mustacheのサブセット(partialなどがない)。HTML向きではないが、速く、省メモリー。

SmartEarrings by peripherii

イヤフォン機能付きイヤリング。おしゃれなイヤフォンといったアプローチではない。

Optimizing for Core Web Vitals

web.devのCore Web Vitals関連の情報をeBook化したもの？

Mable

三菱UFJ銀行のお金管理アプリ。Moneytreeを経由してデータは入出力される。

Presenting v7.0.0 of the npm CLI

npm v7の新機能や破壊的な変更点、インストールについて。すぐにlatestにはならないので、インストールは明示的に行わなければならない。

Aeklys by Starck

フィリップ・スタルクによるスマート・リング。主に支払い用だが、充電不要で、鍵開けとかもできるようにもなるらしい。

Please stop using CDNs for external Javascript libraries

JavaScriptライブラリーをCDN経由で使うのをやめてほしいという訴え。ちゃんと使わない人が使っているので、届かなそうな声ではある。

How to enable DNS-over-HTTPS (DoH) in Windows 10

Win10のBuild 19628以降で可能になるOSレベルでのDoHサポートの設定方法。なかったことにされないといいな。

Torchlight III - Nintendo Switch Announce Trailer

Torchlight IIIのSwitch版予告動画。これはやりたい。

Create and view tasks in the Google Calendar mobile apps

ToDoがカレンダーアプリに表示できるように。これで過去と未来の繰り返しタスクが確認できる。

Calculate dominant colour

shapパッケージで画像の支配色を調べられるように。v0.26.0から使える。

npm Release: v7.0.0-beta.7

npm v7ではrunサブコマンドに--ignore-scriptsオプションが追加され、pre/postを無視できる。前にイシューを立ててた気がしたのでうれしい。

The Only #hacktoberfest Help I Need is Someone to Close Spam #hacktoberfest PRs

hacktoberfestのPRについての叫び。やはりみなinvalidタグをつけるようだ。

a11yresources

アクセシビリティー関連の記事やツールのリンク集。デザイン・パターンあたりは必見。

The Rounded User Experience

角丸にする意味。柔らかい見た目にすることで「押しても大丈夫」と感じられると主張。ブーバキキは音の感じと形の感じなので、ちょっとアレだけど、経験上、CTAは確かに角丸の方が押されやすい。

Google Pixel 4a smartphone in review: It’s not about the megapixels

Pixel 4aのレビュー。欠点はないものの、顔認証や無線充電など、ない物はないので、そこをあきらめられるかどうか。

hail2u.net – Blacklight Search Results

ウェブサイトにプライバシーを侵害していそうなものがあるかどうかを調べてくれるサービスを自分のウェブサイトで実行した結果。Google Analyticsがあるかではなく、プライバシーを侵害しそうな機能が有効かを調べる。

ECMAScript proposal: Method .item() for Arrays, Typed Arrays, and strings

何番目のそれを参照できるitem()について。array.item(-1)はかなり欲しい。

What happens if I do not upgrade to IFTTT Pro?

IFTTTのProプランに更新しない場合の既存ユーザーへの影響について。10月7日時点で最近使われた3つのアプレット以外は停止される。

BGJar

SVGの背景画像を生成できる。世界地図を思いついたのがすごい。

Use long flags when scripting

dotfileなどでは長いオプションを使った方がいいという主張。npm-scriptsで長いオプションを使う派なので、ちょっとわかるけどdotfileではどうだろう。

Designing With Reduced Motion For Motion Sensitivities

prefers-reduced-motionの使い方と具体的にモーションを減らすとはどういうことかを解説する。実装の比較動画もある。

Forms best practice

フォーム設計のガイドラインと参考になるウェブページ、実装例の一覧。基本ともいえるが、おざなりにしがちなチェックリストとしても機能する。

モンベル コンパクトヘッドランプ

単三1本で済むIPX6のヘッドランプ。

Element not found after install KB4571756 · Issue #5880 · microsoft/WSL

KB4571756をインストール後にWSL2が起動できなくなる問題について。

From Posters to the Web: The Link Between Print and Digital Design

昔のポスターデザインと今のウェブデザインの関係性。どのようところが再現され、なぜ再現するのか。

Styling Complex Labels

プラン比較に使うラベル付きラジオ・ボタンをうまく頑張るやつ。大きなクリッカブル領域を確保しつつ、label要素の制限をいかに回避するかという話になる。

Android 11's Pixel-first features are here

9/8に配信が開始されたAndroid 11のPixel専用機能について。アプリ・スイッチャーからスクリーンショットを保存できるなど。

トライアローグ

横浜と愛知、富山の美術館の収蔵品が集まる展覧会。これが終わると横浜美術館は2年間、改修工事に入る。

Document Policy

HTTPヘッダーを使って、主にブラウザーの機能や振る舞いを制限し、セキュリティーやパフォーマンスを安定させるための統合的な仕様？　Chromeでは86から。

オールインワンレザーセラム・モイスト

一回で汚れ落としから保湿、つや出しが完了する、オールインワンの革製品クリーナー。

Site.js

外部依存なしに小さく完結するウェブサイトを作成するための環境を自動設定・自動更新するためのツール。

A tale of webpage speed, or throwing away React

Reactを使うとTTIがどうしようもないので、今風にAJAXするやつ(Intercooler)と今風にHTMLを更新するやつ(TwinSpark)でいいんじゃないかという主張。

Better convenience methods for HTML

Object.assign()を使って属性をまとめて指定しながら要素を作成する方法など、あまり知られていないHTML操作についていくつか書かれている。

Accordion Icons: Which Signifiers Work Best?

アコーディオン・メニューのアイコンはどれがいいか、または必要なのか。右寄せのアイコンが左寄せのラベルと離れていることに問題がありそうという結論になっているように読める。

Why Do We Interface?

なぜインターフェイスを介するのか、または、なぜデザインするのか、についての薄いオンラインの本。

What’s New In DevTools (Chrome 86)

Chrome 86の開発者ツールでは、font-faceデスクリプターでローカル・フォントを無視するエミュレーション機能が加わった。

LÄTTSÅLD レットソールド 花瓶/カラフェ2点セット

ペンギン親子の花瓶。

theheadless.dev

Puppeteerなどの具体的な使い方を解説。

The Step-by-Step Guide for Pairing Fonts in UI Design (with examples)

フォントの選び方、組み合わせ方。退屈な作業に耐える。

Design Principles

様々な企業や人が様々な形で公開してきたデザイン原則を、統一された書式でまとめている。

Standards

ロゴやコーポレート・カラー、フォント、アイコンなどを利用する時のガイドラインを生成する仕組み？

Designing Adaptive Components, Beyond Responsive Breakpoints

描画領域基準のレイアウトから、コンテンツの状態に応じた自動レイアウトへと脱却すべきだという主張。

Web Content Accessibility Guidelines (WCAG) 2.2 Draft for Review

WCAG 2.2の新ドラフトでは、クリッカブルな領域のサイズやフォーカスの見た目などが加わる。勧告予定は来年。

Helping people spot the spoofs: a URL experiment

Chrome 86からURLバーの表示がドメインのみになることについてと、その無効化の方法。

A new way to explore generative design systems

SVGの多様な属性を利用し、ロゴを自動生成する。

Google、AirDrop的なファイル共有「Nearby Share」をAndroid展開

Androidでのファイル転送。WebRTCも使うらしい。

Changes to SameSite Cookie Behavior - A Call to Action for Web Developers

FirefoxでのSameSiteクッキーの実装予定と動作確認について。

Windows 10: HOSTS file blocking telemetry is now flagged as a risk

hostsでMS関係のドメインをブロックしようとするとWindows Defenderに怒られる。

滋賀県翻訳・多言語対応ガイドライン

単純な置き換えを超えた多言語対応を行うためのガイドライン。読みやすい。

4 Design Patterns That Violate “Back” Button Expectations

ユーザーは、オーバーレイのダイアログを閉じる時や、ソートしたのを戻す時などにも戻るボタンを使うので、pushState()を使って履歴を残すといい。残さない方がいい場合についても。

COICOP(目的別家計消費分類)による組替集計と国際比較に向けて

家計支出の分類の国際標準。少し古く、今は大項目に保険および金融サービスが追加されている。

Getting to know utility-first CSS

ユーティリティー・ファーストCSSの好きなところ、嫌いなところ、気になるところ。自分で書くよりフレームワーク化されたものを使うべきではないかという考え。

Do you really want a User Centered Design approach?

ユーザー中心設計の歴史、原則、重要性などを認めつつ、盲目的に採用する必要はないという主張。

Using Flexbox and text ellipsis together

テキストをspan要素で区切ってFlexboxで配置することにより、中間をtext-overflow: ellipsisする。

ナイキ ACG リアクト テラ ゴービー

ツートーンの防水スニーカー。セール中。

Performance monitoring with Lighthouse CI

自動テストにLighthouseを組み込む例を、ローカルとGitHub Actionsを使って解説。

github/renaming: Guidance for changing the default branch name for GitHub repositories

新しいリポジトリーのデフォルト・ブランチ名がmasterからmainに変わる。Gitは設定しないと変わらない。

Creative Stage Air

5000円と安価なサウンドバー。

21.1.3.28 String.prototype.toUpperCase()

toUpperCase()はUnicode Default Case Conversionのアルゴリズムを使うが、toLowerCase()は独自アルゴリズムを使うため、toUpperCase()の方が安全な可能性が高い。

Making Content Usable for People with Cognitive and Learning Disabilities

認知能力に問題がある時もウェブページやウェブアプリを使えるようにするためのアドバイス。

@property: giving superpowers to CSS variables

Chrome 85からCSSファイルでHoudiniできるようになる。型があるため、フォールバックのされ方が通常のカスタム・プロパティーとは違い、使いやすい。

Beyond screen sizes

描画領域幅だけでなく、様々な設定、環境、通信状況、機器へ調整できるようになっているため、どこからどこまでやるのかをちゃんと決めなくてはならない。

Towards native security defenses for the web ecosystem

最近のブラウザーで使えるTrusted TypesやFetch Metadata Request Headersなどを利用した、ウェブアプリのセキュリティーを向上させる基礎知識。

Reflect

細かい設定やテスト・コードなしに、ウェブアプリの操作を記録して、クラウド上でリグレッション・テストを行ってくれる。

パンプシェード

本物のパンに防腐・防カビ加工を施してランプシェードにしたものを扱うオンラインショップ。

#a11y: Accessible or ironic?

キャッチーでユニークなハッシュタグは、スクリーンリーダーに読めるかどうかだけでアクセシブルかどうか判断すべきではない。

Collected Notes.

Markdownで書いたメモを公開できるプラットフォーム。Webhookがある。

Observable

データを扱うコードや、データの視覚化を簡単に編集・共有できるようにしたプラットフォーム。

Creative Boom

このウェブサイトを開いているタブ(やブラウザー)をインアクティブにするとファビコンが変わる。

justdomains/blocklists: Domain-ONLY Filter Lists (for use with DNS / Domain blocking tools)

他のツールの複雑なブロック規則を、ドメインを列記しただけのテキスト・ファイルに変換して公開しているプロジェクト。

css-media-vars from PropJockey

カスタム・プロパティーを空文字で上書きするメディア・クエリーを定義済みにしておき、それを参照することでインラインでメディア・クエリーを書けるようにするCSSライブラリー。

Stay awake with the Screen Wake Lock API

Chrome 84からデフォルトで有効になる、スクリーンの暗転(ロック)を防ぐAPIについて。

Git-backed CMS for Gatsby, Gridsome, Eleventy, Hugo, VuePress, Jekyll, etc.

静的ウェブサイト生成システムと組み合わせるGitにコミットするだけのCMS。無料プランあり。

新卒研修とアクセシビリティ

資料のアクセシビリティーについてと、Markdown (または制限されたHTML)の可能性について。

Style Stage

CSS Zen Garden風の試み。

BoCo、骨伝導を採用した完全ワイヤレスイヤホン「PEACE TW-1」

耳に挟む骨伝導の完全ワイヤレス・イヤーフォン。

DNP、読む速度を約2倍にする自動レイアウト技術

文節を考慮して行を分割しつつ、段落各行を斜めにすることで、文章を速く読めるようにできるという仕組み。

Style Factory (スタイルファクトリー)公式サイト

地元にできるカインズの工具レンタルDIYストア。

Quick Tips for High Contrast Mode

Windowsのハイコントラスト・モードの挙動とハマりがちなCSSの書き方、および対処法について。

Unit Testing is Overrated

ユニット・テストでは確認できないあたりに不具合は現れるという主張と筆者のアプローチについて。

viewBox: Your window into the magical world of SVG.

SVG関係のリンクをまとめてくれるニュースレター。

Always bet on HTML

(コメントなし)

大阪中之島美術館VI計画

(コメントなし)

Make me think!

(コメントなし)

Performance - CSS Painting vs. CSS Houdini Paint API

(コメントなし)

HTML - Simplified code

(コメントなし)

Go is Boring...And That’s Fantastic!

(コメントなし)

The Whimsical Web

(コメントなし)

Why your website’s logo doesn’t need to be bigger

(コメントなし)

Linear – The issue tracking tool you’ll enjoy using

(コメントなし)

Bookstore browsing is a thrill no algorithm can match

(コメントなし)

Code Notes: A Gatsby theme for publishing code-related notes to your website

(コメントなし)

Make your PWA feel more like an app

(コメントなし)

Semilattice

(コメントなし)

No - Safari 14 Does Not Block Google Analytics

(コメントなし)

Is WebP really better than JPEG?

(コメントなし)

The Punctuation Guide

(コメントなし)

Tiny Lesson: Sketching, the timeless design tool

(コメントなし)

Design Doc: Use JavaScript instead of TypeScript for internal Deno Code

(コメントなし)

8-Point Grid

(コメントなし)

Liberty’s modern rebrand pays homage to its 145-year history

(コメントなし)

Dieter Rams Wallpapers

(コメントなし)

Written communication is remote work super power

(コメントなし)

How To Write Alt Text And Image Descriptions For Photojournalism Images

(コメントなし)

Time to upgrade your monitor

(コメントなし)

Inclusively Hiding & Styling Checkboxes and Radio Buttons

(コメントなし)

Massimo Says: Hopefully one of the finest AI text generators out there.

(コメントなし)

A redesign at last

(コメントなし)

Shaping an icon

(コメントなし)

Is Dark Mode Such A Good Idea?

(コメントなし)

Brutalist Templates

(コメントなし)

Perceptually Smooth Multi-Color Linear Gradients

(コメントなし)

A Tiny, Static, Full-Text Search Engine using Rust and WebAssembly

(コメントなし)

CUBE CSS - Piccalilli

(コメントなし)

Science Fiction Movie Lettering

(コメントなし)

Building the most inaccessible site possible with a perfect Lighthouse score

(コメントなし)

Fuck I Wish I Knew That

(コメントなし)

Solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.

(コメントなし)

Making RSS more visible again with a /feeds page

(コメントなし)

Svelte 3の仕組みとその手触り

(コメントなし)

Equivalent Experiences: What Are They? — Smashing Magazine

(コメントなし)

Accessible Images For When They Matter Most

(コメントなし)

More variable font options for the macOS system-ui font in Chromium 83

(コメントなし)

リンクのURLを欄外に配置して印刷する

(コメントなし)

絵文字をスクリーンリーダーに読み上げさせてみた

(コメントなし)

Push-button installer of macOS on VirtualBox

(コメントなし)

クリステル ひのき・スチームセット24cm

(コメントなし)

Using calc to figure out optimal line-height

(コメントなし)

The Science Behind Web Vitals

(コメントなし)

GREASE: Generate Random Extensions And Sustain Extensibility

(コメントなし)

Postcards from Isolation

(コメントなし)

If I could bring one thing back to the internet it would be blogs

(コメントなし)

Reef: A lightweight library for creating reactive, state-based components and UI.

(コメントなし)

How to Build HTML Forms Right: Accessibility

(コメントなし)

Deno: A secure runtime for JavaScript and TypeScript.

(コメントなし)

Timelines are not always lines: An evaluation of different timeline shapes

(コメントなし)

ico: ICO file format parser and builder

(コメントなし)

Responsive Type and Zoom

(コメントなし)

Jake Dow-Smith Studio

(コメントなし)

The Website Obesity Crisis

(コメントなし)

generic-components

(コメントなし)

Why Restaurants Are So Fucked.

(コメントなし)

新刊『欧文書体のつくり方』発売

(コメントなし)

Box Line Text

(コメントなし)

無印良品 紙箱 Ａ５サイズ用・ベージュ

(コメントなし)

Quietly satisfying web design

(コメントなし)

Peak–end rule

(コメントなし)

アクセシビリティカラーヘルパー

(コメントなし)

@supports selector() feature query function

(コメントなし)

Wekan: Open-Source kanban

(コメントなし)

OCNバーチャルコネクトサービス(IPoE接続)対応端末

(コメントなし)

在宅ワークがはかどるデスク環境の整え方

(コメントなし)

NixOS Linux

(コメントなし)

Inside arun.is · Design

(コメントなし)

Minimalism Renewed

(コメントなし)

Barcode Detection APIでブラウザ上からQRコードを読み取る

(コメントなし)

It’s Okay to Look the Same

(コメントなし)

ScreenToGif - Record your screen, edit and save as a Gif or video

(コメントなし)

Add support for :is() with the same logic for the existing :matches()

(コメントなし)

Inspiring high school students with HTML and CSS

(コメントなし)

Element.focus vs aria-activedescendant

(コメントなし)

ESLint: runtime-deprecation on '~/.eslintrc'

(コメントなし)

Design Jargon, Simplified

(コメントなし)

Superhighway 98

(コメントなし)

How People Read Online: New and Old Findings

(コメントなし)

LCH colors in CSS: what, why, and how?

(コメントなし)

My findings after browsing the web without a User-Agent header for one week

(コメントなし)

Understanding Default Parameters in JavaScript

(コメントなし)

Zwilling Enfinigy: 電気ケトル

(コメントなし)

4か月ブログを毎日書いてみて変わったこと

(コメントなし)

Name It, and They Will Come

(コメントなし)

Making Sure Content Lives On...

(コメントなし)

IMAP API: Self hosted application to access IMAP and SMTP accounts over REST

(コメントなし)

Grav - A Modern Flat-File CMS

(コメントなし)

Mutik: A tiny (495B) immutable state management library based on Immer

(コメントなし)

No more ads, tracking and other virtual garbage

(コメントなし)

Utopia - Fluid Responsive Design

(コメントなし)

The Responsive

(コメントなし)

Inconsistent user-experiences with native lazy-loading images

(コメントなし)

Wide Gamut Color in CSS with Display-P3

(コメントなし)

Firefox continues push to bring DNS over HTTPS by default for US users

(コメントなし)

Custom Data Format: Evolving HTML and CSS language features

(コメントなし)

Stop Using Encrypted Email

(コメントなし)

What Is Japandi?

(コメントなし)

Link Targets and 3.2.5

(コメントなし)

Understanding Map and Set in JavaScript

(コメントなし)

The Light Phone

(コメントなし)

Baretest — An extremely minimalistic alternative to Jest

(コメントなし)

Proposed Group: Inclusive Design for the Immersive Web Community Group

(コメントなし)

Solid Vs. Outline Icons: Which Are Faster to Recognize?

(コメントなし)

Dark Mode vs. Light Mode: Which Is Better?

(コメントなし)

Redesign: Scales and Hierarchy

(コメントなし)

Google Play での Google Creative Lab の Android アプリ

(コメントなし)

Weawow - Weather forecast and Beautiful Photos

(コメントなし)

Flow Browser | The parallel, multithreaded HTML browser

(コメントなし)

Sunsetting support for data-vocabulary

(コメントなし)

Qwant

(コメントなし)

Mailspring - The best free email app

(コメントなし)

NixNet DNS

(コメントなし)

A short history of body copy sizes on the Web

(コメントなし)

ungoogled-chromium

(コメントなし)

Tasks - Astrid To-Do List Clone

(コメントなし)

Phantom: 最高級のワイヤレススピーカー- Devialet

(コメントなし)

How to remove Start: ms-resource:AppName/Text from Start menu

(コメントなし)

Everyone has JavaScript, right?

(コメントなし)

Why <details> is Not an Accordion

(コメントなし)

Join us on our new journey

(コメントなし)

Don’t Learn to Code — Learn to Automate

(コメントなし)

ポリエステルハニカムシェード・上部開口タイプ

(コメントなし)

Official GNU Bash Logo

(コメントなし)

BlahDNS

(コメントなし)

Shaving Cream - Orange Amber (Calus Porto)

(コメントなし)

Gource - a software version control visualization tool

(コメントなし)

The importance of decentralisation

(コメントなし)

Moving towards a faster web

(コメントなし)

Triporous™

(コメントなし)

シリコン ミニがまぐち ミッフィー ホワイト

(コメントなし)

The Evolution of Material Design’s Text Fields

(コメントなし)

Skeuomorphism Isn’t Dead

(コメントなし)

The problems of shared mutable state and how to avoid them

(コメントなし)

Using the Platform

(コメントなし)

CPDoS: Cache Poisoned Denial of Service

(コメントなし)

A love letter to my website

(コメントなし)

What nobody tells you about documentation

(コメントなし)

Pipedream

(コメントなし)

それぞれの初期モデルを着想源とした『INSTAPUMP FURY BOOST™』の第2弾

(コメントなし)

The Freelance Life

(コメントなし)

Heading levels

(コメントなし)

The term “Responsive Web Design” has failed

(コメントなし)

Navigating to File Urls

(コメントなし)

n8n.io - Workflow Automation

(コメントなし)

Space, Grids, and Layouts

(コメントなし)

Why much of the internet is closed off to blind people

(コメントなし)

Text Rendering Hates You

(コメントなし)

Intercept, debug & mock HTTP

(コメントなし)

Wunderlist founder offers to buy back app from Microsoft

(コメントなし)

BEEM Lamps: The Future of LED Lighting

(コメントなし)

Initial thoughts on standardizing form controls

(コメントなし)

ヤマハ発動機 カセットボンベ発電機

(コメントなし)

Evolving “nofollow” – new ways to identify the nature of links

(コメントなし)

Turn off DoH, Firefox. Now.

(コメントなし)

Basic Types of Buttons in User Interfaces

(コメントなし)

From FOMO (Fear of Missing Out) to JOMO (Joy of Missing Out)

(コメントなし)

Thoughts on Rich Harris’ “Metaphysics and JavaScript”

(コメントなし)

How to name Sass color variables

(コメントなし)

Live Caption: Making digital media more accessible with a single tap

(コメントなし)

Less… Is More? Apple’s Inconsistent Ellipsis Icons Inspire User Confusion

(コメントなし)

GRAMAS COLORS TPU Clear Shell Case for Google Pixel 3a

(コメントなし)

Open Foundry

(コメントなし)

Starbucks Creative Expression

(コメントなし)

GitHub supports Web Authentication (WebAuthn) for security keys

(コメントなし)

Simple DNSCrypt

(コメントなし)

How to: Reset C by GE Light Bulbs

(コメントなし)

WebKit Tracking Prevention Policy

(コメントなし)

CSS From Scratch

(コメントなし)

Spying on HTTPS

(コメントなし)

Amphora.

(コメントなし)

The birth of Inter

(コメントなし)

Yelp is Screwing Over Restaurants By Quietly Replacing Their Phone Numbers

(コメントなし)

DNS-over-TLS

(コメントなし)

1.1.1.1 Connection Information

(コメントなし)

What webmasters should know about Google’s “core updates”

(コメントなし)

超効率的・筋トレ！ エキセントリックな自体重トレで全身の筋肉を刺激する8種目

(コメントなし)

iPhone、iPad、iPod touch を売却、譲渡、下取りに出す前にやっておくべきこと

(コメントなし)

Chrome doesn't honor `media` attribute for `link[rel="icon"]` and `link[rel="manifest"]`

(コメントなし)

クッションケース・スナップ式　Ａ４サイズ用・黒

(コメントなし)

Adblocking: How About Nah?

(コメントなし)

The Possibility Gap: It’s Time to Label This Dark Pattern

(コメントなし)

The accessibility of placeholder links

(コメントなし)

Color Inputs: A Deep Dive into Cross-Browser Differences

(コメントなし)

BEAMSならではの目線で日本各地を紹介する “BEAMS EYE ON” シティガイドが登場

(コメントなし)

StopTheMadness

(コメントなし)

Developers don't understand CORS

(コメントなし)

Trusted Recursive Resolver

(コメントなし)

21wallpaper

(コメントなし)

Design your own sofa

(コメントなし)

Six Attributes of Beautiful Systems

(コメントなし)

HTML is the Web

(コメントなし)

The Secret of Good Electron Apps

(コメントなし)

Write Dumb Code

(コメントなし)

terminal/SettingsSchema.md at master · microsoft/terminal

(コメントなし)

Sustainable Web Manifesto

(コメントなし)

matthewp/haunted: React's Hooks API implemented for web components

(コメントなし)

Amazon.co.jp: お客様のフォローの更新情報

(コメントなし)

Birdfont

(コメントなし)

Dive into IndexedDB

(コメントなし)

Apple is Listening

(コメントなし)

TIMEX × BEAMS / 別注 Original Camper スケルトン 3針ウォッチ

(コメントなし)

Additional Point of Sale Terms of Service

(コメントなし)

fontello/wawoff2: WebAssembly build of Google's woff2

(コメントなし)

Self-Host Your Static Assets

(コメントなし)

moto g7

(コメントなし)

RIP No-Show Socks

(コメントなし)

nextdns

(コメントなし)

Can “Indie” Social Media Save Us?

(コメントなし)

Google Fonts is Adding font-display

(コメントなし)

アマゾンの置き配について

(コメントなし)

Listen to the sound of IKEA and Sonos

(コメントなし)

Repositories held for ransom by using valid credentials

(コメントなし)

CC Search is out of beta with 300M images and easier attribution

(コメントなし)

Why Turning on HTTP/2 Was a Mistake

(コメントなし)

Perflink

(コメントなし)

COS × Mamou-Mani

(コメントなし)

Console Standard

(コメントなし)

あたらしいオリベの定番のこと

(コメントなし)

Anthology of Mute Buttons in Voice Chat Apps

(コメントなし)

Orange You Accessible?

(コメントなし)

The First Smartwatch to Read Your Blood Pressure Is an Ugly Marvel

(コメントなし)

ネイチャーモード　ボタニカル　モイストクリーム　＜ヘア&ハンド＞

(コメントなし)

ID・パスワードを入力してもログイン前の画面に戻ってしまう方へ

(コメントなし)

Name It, and They Will Come

(コメントなし)

Important update about the Gmail service

(コメントなし)

One Page Love v3

(コメントなし)

Optimizing CSS by removing unused media queries – Zoover Engineering – Medium

(コメントなし)

Why we’re changing Flickr free accounts | Flickr Blog

(コメントなし)

The Architecture No One Needs

(コメントなし)

Stimulus: A modest JavaScript framework for the HTML you already have.

(コメントなし)

Stop building websites with infinite scroll!

(コメントなし)

PureScript

(コメントなし)

The Intl.RelativeTimeFormat API  |  Web  |  Google Developers

(コメントなし)

Clarendon (クラレンドン) | D-BROS MAGAZINE

(コメントなし)

CSS Previous Sibling Selectors and how to fake them

(コメントなし)

fs: implement recursive (mkdirp) functionality by bcoe · Pull Request #21875 · nodejs/node

(コメントなし)

The Repair Association

(コメントなし)

Unbuttoning Buttons | scottohara.me

(コメントなし)

Google’s cyber unit Jigsaw introduces Intra, a new security app dedicated to busting censorship | TechCrunch

(コメントなし)

The Most Important Rule in UX Design that Everyone Breaks

(コメントなし)

Money Tracker | Personal finances tracking web app

(コメントなし)

Money Tracker | Personal finances tracking web app

(コメントなし)

Form Design Patterns Book by Adam Silver

(コメントなし)

‎Dark Sky Weather on the App Store

(コメントなし)

Content and Design Are Inseparable Work Partners – UI Conference – Medium

(コメントなし)

International | Everlane

(コメントなし)

Thoughts on Offline-first | Trys Mudford

(コメントなし)

Probably Overthinking It: This blog has moved

(コメントなし)

Werner’s Nomenclature of Colours

(コメントなし)

TakeShape - Content Management The Way it Should Be - Be happier when projects come together, faster!

(コメントなし)

4G Mobile Phone - MP02

(コメントなし)

The Rise and Demise of RSS

(コメントなし)

Chrome's NOSCRIPT Intervention - TimKadlec.com

(コメントなし)

The beauty of accessible design – Design at IBM – Medium

(コメントなし)

Stop solving problems you don't yet have

(コメントなし)

How to get dark mode working with CSS – freeCodeCamp.org

(コメントなし)

Alternatives to Google Products (Complete List) | Restore Privacy

(コメントなし)

Removing jQuery from GitHub.com frontend | GitHub Engineering

(コメントなし)

Tell HN: Using Gmail? You will be force logged into Chrome | Hacker News

(コメントなし)

How to Design for the Modern Web – Commit Log – Medium

(コメントなし)

The Reporting API  |  Web  |  Google Developers

(コメントなし)

The design’s in the details – Design at IBM – Medium

(コメントなし)

Troy Hunt: Here's Why Your Static Website Needs HTTPS

(コメントなし)

Pure Wallpaper by Alex Muench - Dribbble

(コメントなし)

Securing Web Sites Made Them Less Accessible – Eric’s Archived Thoughts

(コメントなし)

jesseduffield/lazygit: simple terminal UI for git commands

(コメントなし)

Inclusive Components

(コメントなし)

5 steps to speed up your image heavy website – codeburst

(コメントなし)

Hacking user perception to make your websites and apps feel faster

(コメントなし)

Farewell, Google Maps | In der Apotheke

(コメントなし)

Windows Timeline Support - Chrome ウェブストア

(コメントなし)

Growth Rock » The Link Bar, an Ecommerce Mobile Homepage Navigation Alternative (to the Hamburger Menu)

(コメントなし)

Supercharging the Git Commit Graph – Microsoft DevOps Blog

(コメントなし)

How and Why We Unit Test Our Sass | Sparkbox | Web Design and Development

(コメントなし)

Mubert. World's first online composer of electronic music

(コメントなし)

Designing Web Content for watchOS | Erik Runyon

(コメントなし)

Friday Facts #246 - The GUI update (Part 3) | Factorio

(コメントなし)

パスワードの代わりにスマートフォンを使ってログインする - iPhone と iPad - Google アカウント ヘルプ

(コメントなし)

Customizing Password AutoFill Rules | Apple Developer Documentation

(コメントなし)

OneBlade. The new way to trim, edge, and shave | Philips Norelco

(コメントなし)

Killer Wireless xTend software turns your laptop into a network extender - NotebookCheck.net News

(コメントなし)

SPÄNST スペンスト テーブルトップ 架台付き - IKEA

(コメントなし)

Macbook Pro frying USB peripherals | Hacker News

(コメントなし)

Blloc | Back to the root

(コメントなし)

sonarwhal, a linting tool for the web

(コメントなし)

The eight rules of good documentation - O'Reilly Media

(コメントなし)

ENEBY Bluetooth speaker Black 30x30 cm - IKEA

(コメントなし)

Mailinator(tm) Blog: Mailinator launches disposable SMS

(コメントなし)

ambie『wireless (ワイヤレス) earcuffs (イヤカフ)』 4月5日(木)発売 | ambie (アンビー)/耳を塞がず音を楽しむ、新感覚「ながら」イヤホン

(コメントなし)

1.1.1.1 — the Internet’s Fastest, Privacy-First DNS Resolver

(コメントなし)

feedBase

(コメントなし)

XPS 15 2-in-1 with Dell Cinema and Next-Gen InfinityEdge | Dell United States

(コメントなし)

Chris's Wiki :: blog/web/FirefoxNoNightly

(コメントなし)

Lunacy, Sketch for Windows

(コメントなし)

#deletefacebook | TechCrunch

(コメントなし)

Creating User-friendly forms – Prototypr

(コメントなし)

Houzzのロゴが新しくなりました！

(コメントなし)

Protecting Against HSTS Abuse | WebKit

(コメントなし)

We Write CSS Like We Did in the 90s, and Yes, It’s Silly · An A List Apart Article

(コメントなし)

Bringing Back Skeuomorphic Design – Prototypr

(コメントなし)

New in Chrome 65  |  Web  |  Google Developers

(コメントなし)

室温別の理想の寝具｜眠りのレシピ｜ふとんなどの寝具なら東京西川公式サイト

(コメントなし)

関東圏で3店舗目、神奈川県で初の直営店 「PATRICK LABO みなとみらい」が3月9日オープン | PATRICK:OFFICIAL SITE

(コメントなし)

HP Spectre x360 13t (i7-8550U, FHD) Laptop Review - NotebookCheck.net Reviews

(コメントなし)

People Don’t Scroll (and Other Page Length Myths) – UX Planet

(コメントなし)

enerpad AC-27K | コンピュータ関連製品の代理店事業 ｌ 株式会社リンクスインターナショナル

(コメントなし)

ライカ ゾフォート // ライカ ゾフォート // フォトグラフィー - Leica Camera AG

(コメントなし)

チェンジセット 227295 – WebKit

(コメントなし)

スイス本社で創業者に聞く。 なぜフライターグは世界で唯一無二のバッグをつくるに至ったか？ | feature | HOUYHNHNM(フイナム)

(コメントなし)

Here’s how Google Chrome’s new ad blocker works – Ctrl blog

(コメントなし)

mdn/browser-compat-data: This repository contains compatibility data for Web technologies as displayed on MDN

(コメントなし)

Google Clips - ワイヤレス スマートカメラ - Google ストア

(コメントなし)

Why we transitioned from Medium back to our own blog - Baremetrics

(コメントなし)

Intl.RelativeTimeFormat Spec Proposal

(コメントなし)

Home | Laws of UX

(コメントなし)

symlinked gitignore file fails with "fatal: cannot use <path> as an exclude file" · Issue #1392 · git-for-windows/git

(コメントなし)

Razer，薄型ノートPC「Blade Stealth」の4コアCPU搭載モデルと，外付けグラフィックスボックス「Core」の第2世代モデルを国内発売 - 4Gamer.net

(コメントなし)

IKEA Image Library | Home Page

(コメントなし)

Don’t do it at runtime. Do it at design time. – freeCodeCamp

(コメントなし)

The Dell XPS 13 9370 is the full refresh we've been waiting for - NotebookCheck.net News

(コメントなし)

A Message to Our Customers - Apple

(コメントなし)

Eliminate npm "update available" message - Stack Overflow

(コメントなし)

“username or password incorrect” is bullshit – Hacker Noon

(コメントなし)

Apple ID を変更する - Apple サポート

(コメントなし)

Razer Blade Stealth (QHD i7-8550U) Laptop Review - NotebookCheck.net Reviews

(コメントなし)

The Initial Better Ads Standards - Coalition for Better Ads

(コメントなし)

PSA: iPhone slow? Try replacing your battery! : iphone

(コメントなし)

Accessible Links Re:visited | Filament Group, Inc., Boston, MA

(コメントなし)

Steam コミュニティ :: グループへのお知らせ :: Steam Blog

(コメントなし)

iOS 11 Horror Story: the Rise and Fall of iOS Security | Elcomsoft Security Blog

(コメントなし)

HP quietly installs system-slowing spyware on its PCs

(コメントなし)

Tapwater

(コメントなし)

stylable.io

(コメントなし)

RSS: there's nothing better

(コメントなし)

My web app died from performance bankruptcy @ tonsky.me

(コメントなし)

Media Queries Based on Element Width with MutationObserver

(コメントなし)

An analysis of the interactions on iOS 11 – uxdesign.cc

(コメントなし)

Chipolo CARD

(コメントなし)

Blue by Blueair | ブルーエア空気清浄機 | Blueair

(コメントなし)

PlayWood

(コメントなし)

On `this` in Javascript

(コメントなし)

keraf/NoCoin: No coin is a tiny browser extension aiming to block coin miners such as Coinhive.

(コメントなし)

Microsoft Edge for iOS and Android: What developers need to know - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

(コメントなし)

PixelNN

(コメントなし)

Post a boarding pass on Facebook, get your account stolen | Michal Špaček

(コメントなし)

デンマークの人気デザイナーHay夫妻とのコラボレーション 最新コレクション「YPPERLIG/イッペルリグ」が登場 - IKEA

(コメントなし)

30 Teams in 30 Days: Wolves influx of veterans may be right tonic for budding young core | NBA.com

(コメントなし)

CNN - Breaking News, Latest News and Videos

(コメントなし)

New in Chrome 61  |  Web  |  Google Developers

(コメントなし)

eビリング : eビリングとは | 料金・割引 | NTTドコモ

(コメントなし)

Getting started with Puppeteer and Chrome Headless for Web Scraping

(コメントなし)

ブランド一覧 - YouTube

(コメントなし)

民藝の日本｜高島屋

(コメントなし)

感震ブレーカーの普及啓発(METI/経済産業省)

(コメントなし)

Availability of Google Domains - Google Domains Help

(コメントなし)

Laverna - keep your notes private

(コメントなし)

BISTRO

(コメントなし)

Data of Thrones – Choose Your House | Yaguara

(コメントなし)

Google Analytics is used to track users. · Issue #2785 · mozilla/addons-frontend

(コメントなし)

New Authy Desktop Beta Available for macOS and Windows – Authy

(コメントなし)

Home · ORIGIN ART · Online Store Powered by Storenvy

(コメントなし)

Community update: Unsplash branded license and ToS changes - Creative Commons

(コメントなし)

nBox | Secure your email address with an inbox dedicated to registrations.

(コメントなし)

Improving input responsiveness in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

(コメントなし)

Microsoft Modern Keyboard with Fingerprint ID | Microsoft Accessories

(コメントなし)

GERTON 脚 伸縮式, クロムメッキ - クロムメッキ - IKEA

(コメントなし)

Amazon.co.jp: FULTON 400SHB ソーホースブラケット 鉄 2個: 産業・研究開発用品

(コメントなし)

TORIZARA 1pc / ONLINE SHOP / Floyd

(コメントなし)

リバティプリント100枚レターブック / PIE International

(コメントなし)

Out of the (Drop)Shadows | Scott Jensen Design

(コメントなし)

ファッションギークへの道 白T編 - Hanes Red Tag - | Fashionsnap.com

(コメントなし)

ファストファッションの真のコスト - Google Arts

(コメントなし)

【重要】フレッツ・まとめて支払い／NTT料金と合わせてのお支払い 回収代行手数料の設定について：BIGLOBE会員サポート

(コメントなし)

捨てない経済──北欧発「リペア・エコノミクス」への挑戦 « WIRED.jp

(コメントなし)

Omer Gil: Web Cache Deception Attack

(コメントなし)

ES proposal: Rest/Spread Properties

(コメントなし)

TAKU, The Monitor Stand PC Case by Steve Shen — Kickstarter

(コメントなし)

Safari 11.0

(コメントなし)

TISSUE BOX CASE【ティッシュ ボックス ケース / ホワイト】 | 100per...

(コメントなし)

10 Reasons Why All Designers Should Start Writing More

(コメントなし)

999.9 selected by HAYASHI-MEGANE:999.9新型眼鏡ケース

(コメントなし)

The npm Blog — Statement on npm‑cdn.com and npm‑js.com

(コメントなし)

Pinboard Blog

(コメントなし)

SUNNY Newlinda / サニー｜FilMelange (フィルメランジェ)公式通販

(コメントなし)

All Thumbs, Why Reach Navigation Should Replace the Navbar in iOS Design

(コメントなし)

Pipes

(コメントなし)

Samsung’s Bizarre Emojis – Hacker Noon

(コメントなし)

calc(<number> * <percentage>) does not work as expected - Microsoft Edge Development

(コメントなし)

tonybeltramelli/pix2code: pix2code: Generating Code from a Graphical User Interface Screenshot

(コメントなし)

If You Want to Be Creative, Don’t Be Data Driven – Microsoft Design – Medium

(コメントなし)

PayPal sues Pandora over confusingly similar logos

(コメントなし)

AXIS(アクシス) 2017年 06 月号 [雑誌]

(コメントなし)

Mixfont | A modern font generator

(コメントなし)

Blockstack, building the decentralized internet

(コメントなし)

Xperia Touch G1109 | ソニーモバイルコミュニケーションズ

(コメントなし)

No AirPods For Old Men : the Ugly Truth of AirPods in Japan – Ata Distance

(コメントなし)

Is My Password Secure? NIST Advises Against Periodically Changing Passwords

(コメントなし)

Kill Google AMP before it KILLS the web • The Register

(コメントなし)

Non-linear interpolation in CSS · MadebyMike

(コメントなし)

Amazon.co.jp: Thievery Corporation : Temple of I & I - ミュージック

(コメントなし)

Employers, let your people work from home > The MidnightDBA Star-Times

(コメントなし)

Pre-orders Start Today for The Razer Core - The World's First Plug and Play Thunderbolt 3 External Graphics Enclosure | Razer™

(コメントなし)

価格.com - インテル NUC7i5BNK 価格比較

(コメントなし)

Let them paste passwords - NCSC Site

(コメントなし)

Cone - Live Color Picker

(コメントなし)

JSON Feed: Home

(コメントなし)

Release Notes for Safari Technology Preview 30 | WebKit

(コメントなし)

Tiffin: a boardgame based on Mumbai's miraculous lunch-delivery network / Boing Boing

(コメントなし)

maru

(コメントなし)

ブーツモービル L.L.Bean Bootmobile Japan Tour 2017

(コメントなし)

Tim Cook’s refusal to help FBI hack iPhone is validated by ‘WannaCry’ ransomware attack – BGR

(コメントなし)

Nex Evolution – The ever-changing smart band

(コメントなし)

Ouga

(コメントなし)

WebSub

(コメントなし)

Moment – Automatically track your and your family's daily iPhone and iPad use

(コメントなし)

Smelvetica - a font for a more civilized time.

(コメントなし)

iotaCSS - Smart open source SASS based OOCSS framework built for scale.

(コメントなし)

Interface Lovers | Home

(コメントなし)

IDEE SHOP Online　ACT MOBILE LAMPデザイン家具 インテリア雑貨：

(コメントなし)

Stop using CSS in JavaScript for web development – Hacker Noon

(コメントなし)

Make some magic with CSS blend modes

(コメントなし)

Object Rest/Spread Properties

(コメントなし)

Behind HuffPost's New Logo And Look | The Huffington Post

(コメントなし)

BeoSound Shape - Off The Wall Music | Bang

(コメントなし)

127103 17SS■BOSTON/ボストン EVA ブラック｜ALL｜BRAND｜BIRKENSTOCK｜サンダル通販｜ビルケンシュトック公式サイト

(コメントなし)

Shopify Polaris

(コメントなし)

Backpack Mini | RAINS - Defying Danish Weather Since 2012

(コメントなし)

Bacca | Handmade wooden laptop & instruments stands

(コメントなし)

give-one.org

(コメントなし)

Your Preview of Microsoft To-Do

(コメントなし)

Instant recall - The Verge

(コメントなし)

LOT

(コメントなし)

Paul Smith Shop Online｜Paul Smith (ポール・スミス)通販サイト

(コメントなし)

Plug&Paid - The fastest way to sell online

(コメントなし)

Amazon.co.jp: Rhye : Woman - ミュージック

(コメントなし)

Introduction - across-tabs - Wingify Engineering Labs

(コメントなし)

Amazon.co.jp: METAFIVE(高橋幸宏×小山田圭吾×砂原良徳×TOWA TEI×ゴンドウトモヒコ×LEO今井) : META - ミュージック

(コメントなし)

Kamuro｜Collection｜dress (ドレス)

(コメントなし)

Differences between ARIA 1.0 and 1.1: Additions to "role" - SSB BART Group

(コメントなし)

Scrolling on the web: A primer - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

(コメントなし)

GHOST IN THE SHELL : Ash Thorp

(コメントなし)

洗って使えるペーパータオル 商品紹介｜スコッティ　ファインシリーズ｜スコッティ

(コメントなし)

Vitra | S-Tidy

(コメントなし)

ラミー　スクリーン | ラミー・LAMY

(コメントなし)

PRODUCT | ED ROBERT JUDSON

(コメントなし)

Carbon Design System

(コメントなし)

New Web Features in Safari 10.1 | WebKit

(コメントなし)

Style Guide Audience | Brad Frost

(コメントなし)

Create and Order CUSTOM MAP POSTER

(コメントなし)

CSS Custom Properties in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

(コメントなし)

シルク・コットン・カシミア混紡クルーネック | Banana Republic

(コメントなし)

Men's Apex Flex GTX Rain Jacket (Gore-Tex) | The North Face

(コメントなし)

Amazon.co.jp : Bach: The Well-Tempered Clavier, Books I & II - ミュージック

(コメントなし)

レザーバッグ本革紙袋 | 丸ヨ片野製鞄所

(コメントなし)

JANINGE チェア アームレスト付き - IKEA

(コメントなし)

Infini-Key Clip

(コメントなし)

Arrow by Kai Klostermann — Simple Desktops

(コメントなし)

Inclusive - Microsoft Design

(コメントなし)

Accessible design patterns

(コメントなし)

みんなのはさみ mimi

(コメントなし)

An AMP validator you can cURL

(コメントなし)

Swatch® 日本 - Gent (ジェント) PUNTAROSSA GR172

(コメントなし)

Va11yS: Verified Accessibility Samples

(コメントなし)

MirOS: MirOS ξ

(コメントなし)

As a Designer I want better Release Notes

(コメントなし)

2017年3月3日 - ✘╹◡╹✘

(コメントなし)

Designing inclusively – Simple = Human – Medium

(コメントなし)

Dieter Rams: As Little Design As Possible – Kinfolk

(コメントなし)

MARGARET HOWELL - BASIC SHIRT - Shirts - Shop - Men

(コメントなし)

Netflix’s new design documentary series “Abstract” spreads the wrong idea about design — Quartz

(コメントなし)

bluetooth ロケーター Chipolo

(コメントなし)

Find the perfect editor, designer or marketer | Reedsy

(コメントなし)

Getting started with variable fonts | Clagnut

(コメントなし)

Do responsive sites have to be so tall on mobile? | Viget

(コメントなし)

Download & Save Instagram Videos, Pictures, and Posts - Backup your Instagram posts!

(コメントなし)

DTI 光 シンプルプラン

(コメントなし)

OCN 光 「フレッツ」(プロバイダサービスのみ) | NTTコミュニケーションズ 個人のお客さま

(コメントなし)

フレッツ光　格安プロバイダ。最大2か月の無料体験付き - INTERLINK

(コメントなし)

プロバイダ乗り換え｜フレッツ光のプロバイダはASAHIネット

(コメントなし)

Jean-Marc Denis - Black

(コメントなし)

CSS and progressive enhancement | justmarkup

(コメントなし)

【SWISS DESIGN Kiosk】スイス デザイン キオスク

(コメントなし)

お手入れ方法 ｜ 無印良品

(コメントなし)

Crab Multi Tool ｜ Kikkerland.jp

(コメントなし)

BEAMS LIGHTS(ビームス ライツ)Manual Alphabet×BEAMS LIGHTS / 別注 ステンカラーコート(コート ステンカラーコート)通販｜BEAMS

(コメントなし)

The Iconography of Sharing – Microsoft Design – Medium

(コメントなし)

SimpleNote-API-v2.1.3.pdf

(コメントなし)

More Readable CSS with CSS Custom Properties

(コメントなし)

Tuna - Typeface

(コメントなし)

Maintaining Accessibility in a Responsive World | Filament Group, Inc., Boston, MA

(コメントなし)

New Interaction Behaviors in iOS 10 | WebKit

(コメントなし)

Bukket - All-in-One Screen Capture and Recording app

(コメントなし)

Sync Settings

(コメントなし)

The Rules for Modern Navigation | UX Booth

(コメントなし)

CSSRooster – A Bot that Writes Class Names for HTML Tags by Huula

(コメントなし)

ナイキ アプテア エッセンシャル メンズシューズ. Nike.com【公式通販】

(コメントなし)

Opinions of Leaders Considered Harmful

(コメントなし)

Joseph Joseph M-Cuisine™ Rice Cooker | Microwave rice cooker

(コメントなし)

mysecretwood.jp

(コメントなし)

Announcing Windows 10 Insider Preview Build 15019 for PC - Windows Experience BlogWindows Experience Blog

(コメントなし)

RESIDENT EVIL 7 biohazard Deluxe Edition – Games on Microsoft Store

(コメントなし)

LittlePlane - SVG stencils for wireframes

(コメントなし)

Using entities as separators in breadcrumb navigation | Stuff & Nonsense

(コメントなし)

Amazon.co.jp: Lamb : Backspace Unwind - ミュージック

(コメントなし)

Amazon.co.jp: BONOBO : MIGRATION - ミュージック

(コメントなし)

Mixed Content and Responsive Images - Snook.ca

(コメントなし)

Apple: 'Find my AirPods' function coming soon

(コメントなし)

Intel Officially Launches Baby Canyon NUCs with Kaby Lake: Thunderbolt Makes a Re-entry

(コメントなし)

Wool Mowbray - The Official KANGOL Store

(コメントなし)

The Typekit Blog | Introducing Source Serif 2.0

(コメントなし)

モンベル ｜ オンラインショップ ｜ ランバーパックボトルケージ

(コメントなし)

Section 508 Refresh (Part 1) | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and access

(コメントなし)

Announcing Windows 10 Insider Preview Build 15014 for PC and Mobile - Windows Experience BlogWindows Experience Blog

(コメントなし)

Align SVG Icons to Text and Say Goodbye to Font Icons

(コメントなし)

Silence speaks louder than words when finding malware | Android Developers Blog

(コメントなし)

Sola, K.K.「monoca」

(コメントなし)

Swatch® United States - Gent PIXELISE ME GW180

(コメントなし)

Slack – Windows Apps on Microsoft Store

(コメントなし)

| photo | Tue, Jan 10. 2017 - 氾濫原

(コメントなし)

Tiny Trends #1: Non-Rectangular Headers – UX Power Tools – Medium

(コメントなし)

SLOW COFFEE STYLE マグ 400ml ネイビー　［KINTO ONLINE SHOP］

(コメントなし)

商品詳細 - UAS チノ テーパード｜UNITED ARROWS(ユナイテッドアローズ)公式通販

(コメントなし)

Radstone Merino Wool Crew Neck Jumper - Updated Fit

(コメントなし)

Pinboard とはてなブックマークを同期する - portal shit!

(コメントなし)

Mini Metros — Transit Oriented

(コメントなし)

Using Gravatar as a Spam Indicator

(コメントなし)

SLOW COFFEE STYLE SPECIALTY 03 マグ 320ml ネイビー x ホワイト

(コメントなし)

Bug 82489 – SVG Inline content incorrectly sizes

(コメントなし)

Performance Calendar » Root domain on a CDN? Don’t expect optimal performance.

(コメントなし)

camacho/yarn-or-npm: Execute scripts with Yarn or npm

(コメントなし)

ROOMBLOOMでお部屋と暮らしを塗り替える

(コメントなし)

6 Outstanding Release Notes Examples (And How to Use Each)

(コメントなし)

Hands-on: AirPods versus Powerbeats3, Apple’s new wireless W1 earphones compared | 9to5Mac

(コメントなし)

ジーロンラムクルーネックセーター MEN｜KNIT｜Bshop (ビショップ)｜Bshop ONLINE STORE

(コメントなし)

Performance Calendar » Image Optimization

(コメントなし)

peekier - A new way to search

(コメントなし)

SVG 2 Status

(コメントなし)

Fraser Speirsさんのツイート: "Our new deployment has been running for about 18 weeks now and kids are starting to run out of iCloud sp

(コメントなし)

Developers’ side projects – Joel on Software

(コメントなし)

Front End Center — Why Inline SVG is Best SVG - YouTube

(コメントなし)

Your Guide to Mobile Publishing Formats: AMP, Facebook Instant Articles, and Apple News | Viget

(コメントなし)

BEKANT デスク 昇降式 - ホワイト - IKEA

(コメントなし)

2017 チョークボーイ　レタープレススタンドカレンダー - Paper Mint Online Shop

(コメントなし)

Calendar “ZOO”｜ good morning inc.

(コメントなし)

ウォッシュドコットン クルーネックTシャツ [CREW HS](54116111701) | Tシャツ・カットソー | ウエア | メンズ ｜ BLUE WORK ｜ トゥモローランド 公式通販

(コメントなし)

ソシオメディア | OOUX – オブジェクトベースのUIモデリング

(コメントなし)

COLOR OF THE YEAR 2017 - Greenery

(コメントなし)

Today WiFi on the App Store

(コメントなし)

How not to design web forms | Webflow Blog

(コメントなし)

What the Heck Is Inclusive Design? ◆ 24 ways

(コメントなし)

Home - Documentation

(コメントなし)

Accessibility Whack-A-Mole · An A List Apart Article

(コメントなし)

True Key | 面倒なパスワード管理は不要です

(コメントなし)

Gomix

(コメントなし)

Tenon.io

(コメントなし)

なぜプレゼンで失敗するのか - 詩と創作・思索のひろば

(コメントなし)

Google Developers Blog: AMP Cache Updates

(コメントなし)

Firefox 52 for developers - Mozilla | MDN

(コメントなし)

Here by Dean Putney — Simple Desktops

(コメントなし)

文庫版 塗仏の宴 宴の支度 (講談社文庫)

(コメントなし)

“日本のものづくり”にこだわった、カットソー素材のスニーカー『PATRICK by C』。 | EYESCREAM.JP - For Creative Living

(コメントなし)

TAKATA Lemnos online shop |

(コメントなし)

Symlinks in Windows 10! - Building Apps for WindowsBuilding Apps for Windows

(コメントなし)

Performance Calendar » Lighthouse: Lighting the way to better web performance

(コメントなし)

Prototypo | Create your own font in a few clicks

(コメントなし)

Downloads Make It Even Easier to Watch Netflix on the Go

(コメントなし)

アクロス ザ ヴィンテージ　オーバーダイボタンダウンシャツ｜ACROSS THE VINTAGE | アクロスザヴィンテージ公式通販

(コメントなし)

Amazon | ツチノ 家具用 すべるクリアー脚キャップ パイプ用 21mm 4個入 | キャスター

(コメントなし)

The new MacBook Pro is kind of great for hackers – Medium

(コメントなし)

コンシールダウンジャケット (メンズ) ｜ オンラインストア ｜ スノーピーク ＊ snowpeak

(コメントなし)

Telegraph

(コメントなし)

Colibri: Modern browser without tabs

(コメントなし)

Daft Science | Coins

(コメントなし)

Apple News Format Reference: HTML Markup for Apple News Format

(コメントなし)

How a page is qualified for reading mode in Microsoft Edge? - Stack Overflow

(コメントなし)

iA Writer 4 | iA

(コメントなし)

Go fonts - The Go Blog

(コメントなし)

Introducing Firefox Focus – a free, fast and easy to use private browser for iOS | The Mozilla Blog

(コメントなし)

Iittala - Origo Plate 20 cm orange - Iittala.com

(コメントなし)

Google AMP、「効果てきめん」と媒体社から驚きの声：「それはまったく常軌を逸している」 | DIGIDAY［日本版］

(コメントなし)

The Myth of Invisible Design – Medium

(コメントなし)

Announcing Perch and Perch Runway 3

(コメントなし)

Cotton Heavyweight Thermals - Indera Mills

(コメントなし)

Primitive for macOS

(コメントなし)

Unbox the Web!

(コメントなし)

エンジニア立ち居振舞い：重箱の隅をつつかない - 面白コンテンツ探求日記

(コメントなし)

風呂蓋があれば風呂 Kindle はうまくいく - portal shit!

(コメントなし)

Right Light — Free Photos for Commercial and Personal Use

(コメントなし)

Island Generator

(コメントなし)

Office UI Fabric

(コメントなし)

Bram Steinさんのツイート: "@zachleat @caniuse Safari 10 on Sierra supports WOFF2, but not on El Capitan and lower."

(コメントなし)

Pinboard.in App – Windows Apps on Microsoft Store

(コメントなし)

JANSJÖ LEDウォール/クリップ式 スポットライト - ホワイト - IKEA

(コメントなし)

True

(コメントなし)

CSS Architecture for Design Systems | Brad Frost

(コメントなし)

Sony Japan | ニュースリリース | ソニービル建替前のカウントダウンイベント 「It's a Sony展」開催

(コメントなし)

マグボトルフック｜通販のベルメゾンネット

(コメントなし)

50 Shades of #FAFAFA – Medium

(コメントなし)

Apple iPhone Grabs 104% Of Smartphone Industry Profit In Q3 | Stock News & Stock Market Analysis - IBD

(コメントなし)

スイッチプレート ／ Swich Plate SEMPRE.JP

(コメントなし)

Route - PRODUCT | DAHON OFFICIAL SITE - ダホン 公式サイト

(コメントなし)

Redesigning Waxy, 2016 edition – Waxy.org

(コメントなし)

Stop the spammy notifications!

(コメントなし)

git revertで複数コミットを巻き戻す方法 - $shibayu36->blog;

(コメントなし)

クリーニングの宅配はリネット 【送料無料・最短２日後届け】

(コメントなし)

AirPods - Apple (日本)

(コメントなし)

Trekking Socks Walkie | FALKE

(コメントなし)

BARBOUR バブアー ラムズウールグローブ:エイアンドエフ　オンラインストア【公式通販サイト】

(コメントなし)

PILLAR BRACKET(ピラーブラケット) by PINKFLAG

(コメントなし)

How the Web Became Unreadable

(コメントなし)

Google Has Quietly Dropped Ban on Personally Identifiable Web Tracking - ProPublica

(コメントなし)

Quantity queries and Flexbox part 2 | Charlotte Jackson, Front-end developer

(コメントなし)

Anker | PowerPort 5 | White

(コメントなし)

トライレッグチェア3本脚 ナチュラル(CH01) SEMPRE.JP

(コメントなし)

Instagram's got a new office. It looks like Instagram. | WIRED

(コメントなし)

Monsieur DressUp Collar | Shop

(コメントなし)

Oversharing with the browser’s autofill / Stoyan's phpied.com

(コメントなし)

Node v6.8.0 (Current) | Node.js

(コメントなし)

Nuage - Buy, import and manage domains like a boss.

(コメントなし)

賢いワイヤレスヘッドホン--アップル「AirPods」レビュー - CNET Japan

(コメントなし)

I Left My System Fonts in San Francisco • furbo.org

(コメントなし)

A (not so) short note on ARIA to the rescue | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)

(コメントなし)

Magic randomisation with nth-child and Cicada Principle | Charlotte Jackson, Front-end developer

(コメントなし)

muji white down feather pillow

(コメントなし)

Introducing “Public Status Pages” – Yay! | Uptime Robot - Blog

(コメントなし)

savekhaki navy cotton trousers

(コメントなし)

Your Body Text Is Too Small – Medium

(コメントなし)

Google ウェブマスター向け公式ブログ: 顧客のサイトを AMP 化するための 8 つのヒント

(コメントなし)

Usability Testing of Inline Form Validation: 40% Don't Have It, 20% Get It Wrong - Articles - Baymard Institute

リアルタイム・バリデーションのメリットよ落とし穴。エラーを出す・更新するタイミングが重要。

Open Color

色覚異常でも差が知覚可能なカラーパレット。13色の10パターン。

tomorrowland gray wool sweater

Bought: グレー

jins black copper glasses

Want: MMF-15A-28894

healthknit nay cotton t-shirt

Bought: #healthknit nay cotton t-shirt

The Thumb Zone: Designing For Mobile Users – Smashing Magazine

親指の届く範囲とウィジェットの関係について。フルスクリーン・メニューやポップアップ・ダイアログとの相性の悪さなど。

Heads Up

(コメントなし)

samuelwilkinson navy glass table lamp for plumen

Want: #samuelwilkinson navy glass table lamp for #plumen

falke light gray cotton nylon socks

Want: #falke light gray cotton nylon socks

unitedarrows white cotton t-shirt

Bought: #unitedarrows white cotton t-shirt

The (frustrating) User Experience of defining your own ethnicity

民族選択メニューについて。性別も含め、こういった多様性が著しいものの選択肢を正しく作るのは難しい話。別の考えた方が良さそう。

コストコ参拝 - portal shit!

コストコの会員になっちゃった話。家から車で15分だけど便利ではないな。

Gmail Supported CSS Properties & Media Queries  |  Gmail & Inbox Sender Resources  |  Google Developers

GmailのHTMLメールでサポートされるCSS機能一覧。メディアクエリーではmin-heightなどはサポートされない。

Google Apps Developer Blog: Your emails, optimized for every screen with responsive design

GmailでMedia Queriesが一部サポートへ。一部というのが非常に面倒くさい。

Designing Future-Proof UI – Medium

将来も安定しそうなUIのデザインについて。UXを重視しすぎず、一般的なパターンを無視しないことなど。

buddyoptical black nickel glasses

Want: #buddyoptical black nickel glasses

racal black umpire cap

Bought: #racal black umpire cap

Say Hello to Twenty Seventeen 👋🏽 – Make WordPress Core

Twenty Seventeenのプレビュー。擬似2カラムの時代が来た。

The Goldberg Variationen

(コメントなし)

Death Bear - Nate Hill

別れた恋人や死んだ家族などを偲ばせる品物を洞窟に隠してくれる熊。

HTMLで文字エンコーディングを指定する

HTMLでの文字エンコーディング指定のガイド。翻訳した。

Text size in translation

単語のローカライズする時の幅の変化について。単語数でかなり変わってくる。

Autoprefixing, with CSS variables! | Lea Verou

Custom Propertyを使ったプリフィックスの自動付加。良さそう。ダメそうに宗旨替え。

Designers Guide to Web Performance Optimization – Jon Yablonski

ウェブ制作におけるパフォーマンス改善について、その概念、哲学から手法、実践まで。ただただ速くするより、performance budget設定するのはすごく良くて、最近意識してやってる。

コロンビアブラックレーベル 2016年9月デビュー｜Columbia Black Label

Columbiaの街着ライン。

How bad features are born - GoSquared Blog

腐った機能の生まれる理由。機能のとらえ方に問題がある。

New Google tool cuts JavaScript code down to size | InfoWorld

V8の内部が変わって高速化と省メモリ化が期待できる話。

vectors

Wallpapers: vectors

HTML Standard

フォーム要素のキーボード・レイアウトを変える属性。2016/09/01現在、実装なし。

I Wanted To Type a Number | Filament Group, Inc., Boston, MA

type=numberで死ぬ話。キーボードやばい、最初の0消されるの辛い、丸められるの何なの、という感じで、inputmode属性くださいとなっている。

Building an Adjustable Height Standing Desk [Video]

鉄の棒と連結ソケットを組み合わせて作るスタンディング・デスク。

klattermusen navy polyamide shell jacket

Want: #klattermusen navy polyamide shell jacket

urbanears black plastic in-ear headphone

Bought: #urbanears black plastic in-ear headphone

Brompton Bikes

フルカスタマイズ可能な折りたたみ自転車。工具不要で畳め、駅のロッカーに入るくらいに小さくなる。高い……。

How Nextdoor reduced racist posts by 75% | Fusion

近所の犯罪者っぽい人を密告できる(多分)ウェブサービスで、人種差別に利用されないように投稿の条件を厳しくした話。批判にそれなりのコストを要求することがポイントか。

MarkApp: Building apps with HTML

JSコードを何も書かずに使えるウェブページを彩るライブラリーたち。

Beyond Accelerated Mobile Pages – Trinity Mirror Digital – Medium

AMPより頑張ったウェブページの方が速いぞという話。極端すぎるが、AMPの提供が常に最適解ではないのではないかという問題提起はわからないでもない。

What You Need to Know About Accelerated Mobile Pages (AMPs) - Whiteboard Friday - Moz

AMPについて基本から。手書きのやつ、パクるとせつめいしやすそう。

We’re Bullish on AMP – Track Changes

AMPは良いがGoogle以外にクロールしているところがないこととGoogle以外に積極的に利用しているところがないのが問題という話。アプリから利用する時にGoogleを通さないと威力が十分に発揮できないというのは若干問題ありそう。

How to design words – Medium

ワーディングの話。ちゃんと書くと読まないので読めるように簡潔にしよう。

Official Google Webmaster Central Blog: Helping users easily access content on mobile

インターステシャル広告のあるページのランクが下がるように。アナウンスしちゃダメじゃん……。

Instapaper is joining Pinterest

InstapaperがPinterest配下へ。サービスは続行、ただしパーサー・サービスは終了。

「GeForce GTX 1060」レビュー。249ドルの新世代ミドルクラスGPU，その性能はGTX 980並みで，消費電力はGTX 960並みだった - 4Gamer.net

PascalミドルレンジのGTX 1060。ベンチマーク上ではGTX 980と性能はほぼ拮抗で、省電力、180mmくらいの短いのもすでに出ている。3万円前後で買える。

rect要素を使わずに全面を覆う背景を設定する - 週刊SVG

:rootセレクターを使ったSVGへの背景の指定。viewBoxをはみ出すサイズでrect要素作ったりしてる。

Xbox One S — Minimally Minimal

Xbox One Sのデザイン。

Design.blog

Automattic社のデザイン。

HTML 5.2: Changes

HTML 5.1から5.2での変更点。

Configuring a publishing source for GitHub Pages - User Documentation

masterブランチやmasterブランチのdocs/ディレクトリーをGitHub Pagesとして公開する方法。任意のディレクトリーを公開したいやつだ。

Renting software sucks

購読型アプリケーションの問題点。価格バランスやあまり使わないツールの購読管理が辛いというあたりと、使わなくてはいけないという強迫観念的なもの。

rimowa ecru polycarbonate suitcase

Want: #rimowa ecru polycarbonate suitcase

dcs red steel table lamp

(コメントなし)

Pinclip アッシュコンセプト【オフィシャル】　デザインプロダクトshop

Want: #plusd stainless pushpin with paperclip

Warpaint Announce New Album Heads Up, Share “New Song” | Pitchfork

Warpaintの新譜が2016/09/23に出る。先行シングルのタイトルがNew Songなの、これが若さかみたいな感じする。

remirelief gray cotton t-shirt

Bought: #remirelief gray cotton t-shirt

New! Uptime Robot Mobile App (For iPhone and Android) | Uptime Robot - Blog

UptimeRobotの公式モバイル・アプリがリリース。

CSS WG Blog – Color Function Syntax Update

色系のCSS関数がカンマ区切りから空白区切りへ。良いことなんだけど、ブラウザー級の開発者を抱えていない処理系が両方サポートするの辛そう(辛い)。

labourandwait light-brown wood doorstop

Bought: #labourandwait light-brown wood doorstop

cibone multicolor wood stool

Want: #cibone multicolor wood stool

muji white spotlight

Bought: #muji white spotlight

eyfe colorful cloth for eyewear

Bought: #eyfe colorful cloth for eyewear

Measuring the Real-world Performance Impact of Service Workers  |  Web  |  Google Developers

キャッシュをservice workerで制御した場合とブラウザーに任せた場合のパフォーマンスの比較。ワーカー・スレッドのコストを考慮しても優位に立つ。

himme black table lamp

Want: #himme black table lamp

rockpaperscissors white lamp

Want: #rockpaperscissors white lamp

hay colorful polyuretan earplugs

Want: #hay colorful polyuretan earplugs

Sing Street

Watched: Sing Street

自宅のマウスを Microsoft Sculpt Ergonomic Mouse に変えた - 氾濫原

エルゴマウスの持ちやすさ。単三*2で重いマウス、単四+スペーサーにして軽量化とかはやってた。

hasegawa white aluminium stepladder

Bought: #hasegawa white aluminium stepladder

Centered Logos Hurt Website Navigation

中央寄せのロゴはホームへ戻るものかどうかユーザーが判断できないことが多い事例の話。左寄せが良いのはわかるが、それくらい学べやみたいな感じもある。

Buttons shouldn’t have a hand cursor — Simple = Human — Medium

フォーム・ボタンで手のマウスカーソルに変えるべきではない話。手のカーソルはクリックできることを意味するのではなく、ハイパーリンクを意味し、それ以外には使うべきではないという論理のようだ。

tendomokko brown wood coat stand

Want: #tendomokko brown wood coat stand

nn07 charcoal wool sweater

Bought: #nn07 charcoal wool sweater

fred red ikura push pin

(コメントなし)

スマートフォン向け無料健康管理アプリ「ヘルスプラネット」をバージョンアップ｜プレスリリース｜タニタ

タニタの専用アプリからあヘルスケアへデータ転送が可能に。

B&O PLAYから、初のBluetoothワイヤレスイヤホン「Beoplay H5」登場 - 価格.comマガジン

(コメントなし)

shiroao tobe porcelain rice bowl

Bought: #shiroao tobe porcelain rice bowl

New Ways to Share, Save and Engage - 開発者向けFacebook

Facebookのいいねボタンのデザインが変更。ロゴから👍のアイコンに。

What the New Google Fonts Gets Right—and Wrong

Google Fontsのリデザインについて。フィルター機能が改善されてない以外はすごく良いみたいな評価。

Typography for User Interfaces | Viljami Salminen

GUI向けタイポグラフィーのエッセンス。VR時代にはより重要になる。

beoplay silver aluminium portable bluetooth speaker

Bought: #beoplay silver aluminium portable bluetooth speaker

Facebook is wrong, text is deathless  TIM CARMODY  ·  JUN 15 2016

動画最高というFacebookの主張への反論。「変換」的なステップが必要な日本語になるとまた事情が変わってきそう。

Spotlight

Watched: Spotlight

The Getaway

(コメントなし)

shiroao navy tobe porcelains

Want: #shiroao navy tobe porcelains

Apps are dying

プログレッシブ・ウェブ・アプリがネイティブ・アプリを駆逐するのではないかという話。デバイスをまたいで統一的なインターフェイスを提供するにはPWAしかないという論理。論理的には正しそうだが、実現には技術的な困難が伴う。

表千家御好　縁の白(えにしのしろ)20ｇ箱 - 一保堂茶舗オンラインショップ

(コメントなし)

10 reasons why placeholders are problematic — Simple = Human — Medium

プレースホルダ―について。釣られた。

The Old Reader - portal shit!

フィード・リーダーのクローラーが遅い問題の話。Feedlyもそうだけど、クローラー側のポーリングは4時間ごとくらいで良くて、ユーザー(サービス)側がPubSubHubbbub使って欲しいな。

tomorrowland bluework navy cotton 5-pocket pants

Bought: #tomorrowland #bluework navy cotton 5-pocket pants

jpegtranplus

JPEGの色補正を劣化なしに行えるアプリケーション。他はJPEGTranの機能に準じる。

thehorse black marble, stainless and leather watch

Want: #thehorse black marble, stainless and leather watch

hasegawa black aluminium stepladder

Want: #hasegawa black aluminium stepladder

slowhouse black steel open shelves

Want: #slowhouse black steel open shelves

The Fucking Open Web

プロプライエタリーなネイティブ・アプリを作る方が効率が良いという話。レスポンシブなウェブアプリでは、サポート・コストが肥大化しやすく、ビジネスにマッチしない。

HTTPS for GitHub Pages

GitHub Pagesがgithub.ioドメインの場合はHTTPSが強制へ。既存のページは設定で変更できる。HTTPへアクセスすると301で移動。HSTSは発行されない。

The Orange Juice Test — Inside Intercom — Medium

人を計るオレンジ・ジュース・テスト。難題を出した時にできる・できないではなく、どれくらいコストがかかるかなど保留の答えを出そうとする人が合格する試験。

Infinite Scrolling Best Practices — UX Planet

無限スクロールの実装ガイドライン。スクロール位置の保存はそのうちブラウザー側でどうにかなって欲しいな。

Regarding the Flash of Unstyled Text in Chrome 50

Chrome 50でのWebフォント読み込みの挙動の変更が、WebFont Loader系のライブラリーに与える影響について。普通にやれっていうことのようだ。

denimandsupply light blue cotton chambray button-down shirt

Bought: #denimandsupply light blue cotton chambray button-down shirt

The day Google Chrome disables HTTP/2 for nearly everyone: May 31st, 2016

Chrome 51でHTTP/2を使うかどうか決定する方法が変更に。場合によってはOpenSSLを更新しないとHTTP/2が使われなくなる可能性がある。

Riot.js — A React-like user interface micro-library

HTMLベースの仮想DOMを利用したフレームワーク。良さそう。ダメだった。

patrick black vibram sole sandals

Want: #patrick black vibram sole sandals

Semantic CSS - Snook.ca

クラス名の指針はcontentよりもfunctionだという話。僕がセマンティクスをcontentの表現ではなく、contentのfunctionとbehaviorの表現だと思ってるあたりで微妙にかみ合わない。

qlocktwo black wall clock

(コメントなし)

Superhuman

ブラウザー上で動作するメール・クライアント。IMAP対応など技術的スペックは公開されていない。

littlebishop white polyurethane ceiling light hook

(コメントなし)

Android Instant Apps | Android Developers

インストール不要でアプリを実行する仕組み。正しく使うとうまくいきそうだけど、変な使われ方しそう。

yamazakijitsugyo red silicone rubber doorstop

Bought: #yamazakijitsugyo red silicone rubber doorstop

Simplepin - A simple Pinboard app

iOS用Pinboardクライアント。低機能。

SVG LAYERS for Photoshop | Open SVG files as Editable Vector Layers

PhotoshopでSVGをベクターレイヤーとして扱えるプラグイン。イラレ不要でインポート・エクスポートも可能。

Our best practices are killing mobile web performance · molily

特にモバイルにおいて問題が顕在化しやすく使い方が難しいベスト・プラクティスについて。Lazy LoadやProgressive Enhancementすることにより、ユーザーが操作中にコンテンツの振る舞いや見た目が変化してしまう。

How Cannabis Helped Me Learn Coding — Medium

大麻のおかげでプログラマーとして成長できた的な話。「吸うとアイディアが湧いてきて困るくらいになれちゃうぞ！　学物質じゃなくて自然の植物だし安全！」とか読めたけど、副作用でおかしくなってると思うと色々微妙だ。

Search Console Mobile-Friendly Test

モバイル機器でうまく表示できるかどうかを確認できるツール。media="screen"なCSSを無視するので、スマホ向けというわけではない。

manualalphabet white cotton oxford button-down shirt

Bought: #manualalphabet white oxford button-down shirt

braun black analog clock

Bought: #braun black analog clock

The Rich (Typefaces) Get Richer

良いタイプフェイスへ収束している話。優れた新しいタイプフェイスがそれを超えるのは至難か。

More Meaningful CSS - Snook.ca

.buttonや.formというクラス名はまま必要になる話。その要素だけをmeaningfulにするのではなく、CSS全体をmeaningfulにするために必要になる。

Let’s Write Beautiful CSS Comments

CSSでコメントを書けという話。全体的には同意できないけれども、マジックナンバーについては書いておくのは良さそうだ。

The Lobster

Watched: The Lobster

Banksy Does New York

Watched: Banksy Does New York

The Hope Six Demolition Project

(コメントなし)

Weezer (White Album)

(コメントなし)

muji white linen duvet cover

(コメントなし)

Finesse.io - fork, edit and experiment with websites, for web designers and developers

オンライン・ウェブページ・エディター。モバイルへ手軽に開発者ツール的なものを持ってこれるのは良さそう。

The Value of Multi-Typeface Design — Prototyping: From UX to Front End

一度に使っていいタイプフェイスは3つまで！　いうルールは忘れろという話。枠線や色で機能の違いを識別できるようにタイプフェイスを使うべき。

LABOUR AND WAIT 15YEARS | NEWS | Bshop inc.(ビショップ)

扱う商品と背景を同じくする古い工業品のカタログで使われていることから、ブランディングにGill Sansを使っている。

UX: Infinite Scrolling vs. Pagination — UX Planet

無限スクロールとページネイトの比較。アクション不要な点が明確にメリットとなりうる場合にのみ無限スクロールが良いと結論付けている。

Microsculpture - The Insect Portraits of Levon Biss

昆虫の写真。きれい。

Automated Workflow & Task Automation | Microsoft Flow

IFTTTみたいなやつのMS製。Then Thatが無限っぽい。

Announcing Support for HTTP/2 Server Push

CloudflareでHTTP/2のServer Pushがサポートへ。HTTPヘッダー経由でのみ設定できる。GitHub Pagesでは無理そうだが、そこらのホスティングでも可能そう。

About style guides

コーディング規約の負の面について。一貫性とはうまれるもの、的なやつ(曲解)。

tanakahat beige straw hat

tanaka hat beige straw hat

sot black leather belt

sot black leather belt

kamisoriclub silver stainless razor stand

(コメントなし)

Dark Patterns by the Boston Globe

The Boston Globeの定期購読にまつわる闇。いろいろ駆使していて参考になる。重要な情報を隠さず、別の形で提示しておくのはすごい(ずるい)。

spinglemove black leather sneakers

spingle move black leather sneakers

ブログシステムの HTML 生成を効率化 | tech - 氾濫原

HTML最小化をテンプレートと記事でわけて行うことで高速化をはかる。パクろう。

10 Best WordPress CDN Solutions - Reviews

ウェブ*ページ*向けのCDN比較。色々ある。

kijimatakayuki navy cotton/nylon 6 panels hat

kijima takayuki navy cotton/nylon 6 panels hat

What does Unsplash cost?

Unsplashの運営にかかる費用。こういう構成にした理由が書かれるはずの続きの記事も気になる。

MaintainableCSS - an approach to writing modular, scalable and maintainable CSS | By Adam Silver

メンテナブルなCSSのための指針。僕と向いている方向は似てるけど、現実から目をそむけていそうとも同時に思う。

Designing PJ Harvey’s Hope Six Demolition Project – Creative Review

出たばかりのPJ Harvey新譜のアートワークの話。

HOSTESS CLUB ALL-NIGHTER、今年もSummer Sonic内 Midnight Sonicにて開催！ – SUMMER SONIC 2016

サマーソニック2016の深夜のやつにDinosaur Jr.が。

monos white 3-outlets power strip

monos white 3-outlets power strip

アクセスマップに「Googleマップだけ」は、とてもとてもとても不親切です ... - outtakes

アクセスマップに建物の位置だけでなく、入り口や入り方なども併記すべき話。わかる……けど実際に文章にするのすごい難しいので、人間の臨機応変さに期待した方が良さそう。

include only necessary files in npm package by deepsweet · Pull Request #260 · substack/tape

npmパッケージにtest他を含めるべきかどうか。ブラックリスト派はプライベートなファイルを流出しても動くパッケージが必ず公開される方が良いとし、ホワイトリスト派は逆。

Should npm Really Be Used as a Built Tool?

npm run-scriptだと車輪の再発明で死ぬので、gulpなどをうまく使ってnpmへ集約するのが良いという話。npm run-scriptで済むくらいにシンプルな構成を目指した上でできなかったらそうするのが良い気がする。

Bug fix: prevent autoloclist refresh race condition. · scrooloose/syntastic@7e986f1

7.4.1592由来のSyntasticバグ直ったっぽい。

CSS Containment Module Level 3

要素のレンダリングのタイミングや優先度を制御できるcontainプロパティーの仕様。画面外のものをcontain: paintにすることでファーストビューに含まれるもののみを拘束に表示できるようになる(ことを目指している)。

Working on HTML5.1 | W3C Blog

HTML5仕様が定期アップデートへ。それだとWHATWG版だけでいいんじゃないのという感じがする。

Writing good code: how to reduce the cognitive load of your code

Code Complete読めという話。

in natural small bonsai

in natural small bonsai

Cleaning Up Interpolation « Sass Blog

#{}の解釈が変更に。前後の演算子をそれなりにかしこく解釈してくれるように。

SHL850(シューケア/シューズ小物)｜New Balance (ニューバランス)のファッション通販 - ZOZOTOWN

New Balance謹製の結ばなくてよいゴム靴紐。

Icons are the Acronyms of Design

アイコンは明確さに欠けることを意識するべきという話。良くわからないアイコン使いたい時に立ち止まって考えることは重要。

[Sass] Add @extend reference docs. · sass/sass@975dcdb

Sassの@extendでは連続したセレクターをextendすることはできない。学び。

CSS and Scalability

CSSをスケールさせるために必要なことは何なのかという話。再利用性を高めるためにはHTMLの変更のみで完了するようにCSSを書くべきだろうという感じか。セマンティックなクラス名が機能しない訳などはこれから変わると思うし、既にSassで随分変わっていると思うので、同意できない。

hokuohkurashi brown paper tissue case

kurashi & trips publishing brown paper tissue case

Let go, and let users. — Medium

Pinterestの印刷アプリ。自動ページャーの問題を解決する。

labourandwait silver stainless tea strainer

labour and wait silver stainless tea strainer

mujilabo navy cotton sweater

(コメントなし)

c6 black ballistic nylon backpack

c6 black ballistic nylon backpack

left-padの文字列連結はクソではない - NullPointer's Blog

Array#join()が既に遅い話。調べたことなかったな。

16 CSS Lessons via Post-it® Notes — Prototyping: From UX to Front End — Medium

CSSの仕組みをポストイットで。どっかでパクりたい。

PX, EM or REM Media Queries? | Zell Liew's blog about web design and development

メディアクエリーで使うべき単位について。remであるべき理由あった気がしたけど思い出せない。

wildbirdsocietyofjapan green packable rubber boots

wild bird society of japan green packable rubber boots

levis white denim jeans

levi's white denim jeans

Affinity | Blog

AffinityのWindows版がリリースへ。

pilot silver copper ballpoint pen

pilot silver copper ballpoint pen

spinglemove black leather sneaker

spingle move black leather sneaker

as2ov black nylon backpack

as2ov black nylon backpack

powersupport silicone mouse pad

power support silicone mouse pad

braun black stainless/leather watch

braun black stainless/leather watch

第２章　地震動・液状化・急傾斜地崩壊・津波の予測 [PDFファイル／9.86MB]

神奈川県の震度や液状化、津波の予測地図。

テストなんか書かなくて良い　僕の考えるサービス開発の肝 - mosa_siru’s blog

テストと開発のバランス。僕は必要なところに注力するために手戻りを減らすのがテストやドキュメントの目的みたいな印象。

三菱電機 掃除機：製品情報　インスティック

コードレス掃除機。クレードルにつないでるときは空気清浄機になる。

極上生信玄餅 | 金精軒

生信玄餅。うまいと感じた。

paulsmith black leather belt

paul smith black leather belt

muji cotton nylon seamless boxer brief

muji cotton nylon seamless boxer brief

A Book Apart, Design for Real Life

Eric MeyerとSara Wachter-BoettcherによるUX(多分)本。

Use rems for global sizing, use ems for local sizing | Clagnut

The following is an unedited extract from my forthcoming book. I chose this chapter because I felt it would be useful standing on its own. I should point out…

Use rems for global sizing, use ems for local sizing

emとremの使い分け。

FREITAG

ゼンハイザーとフライタグのヘッドホン。

`text-overflow: ellipsis`が指定されている要素の`title`属性へテキストを仕込む汎用スクリプト

text-overflow: ellipsisのためにtitle属性を仕込むもの。

戸建住宅用 宅配ボックス「COMBO(コンボ)」を発売

戸建て用宅配ボックス。欲しいすぎる。

muji marble table lamp

muji marble table lamp

BackstopJS: Catch CSS curve balls

CSSのリグレッションをチェックするツール。あまりすごくはなさそう。

Issue 551843 - chromium - Bold emoticons not rendered correctly on Mac - An open-source project to help move the web forward. - Monorail

Apple Color EmojiなどでboldになるバグはChrome 50で直る。

child_process: add shell option to spawn() by cjihrig · Pull Request #4598 · nodejs/node

Node.jsのspawn*()がWindowsで.batを実行できるようになる。地獄の対応コード消せる。

Issue 441946 - chromium - Apple Color Emoji does not work for bold text - An open-source project to help move the web forward. - Monorail

OS XのChromeでboldにするとApple Color Emojiが表示できないバグ。まぁまぁ致命的な感じする……。

muji aluminium hook

muji aluminium hook

Grunt 1.0.0 rc1 released - Grunt: The JavaScript Task Runner

Grunt v1系のRC1がリリース。Node.js v0.8のサポートが外れる。

Foodshot

CC0の食べ物画像。

Chrome change breaks the visual viewport - QuirksBlog

Chrome 48からwindowオブジェクトのinnerWidthとinnerHeightがズームを考慮するようになったことについて。代替案はdocumentElementオブジェクトのclientWidthとclientHeight。スクロールバーのために16足すという解は成立しないと思うな(17だったりする)。

Spirit

タイムライン・ベースでアニメーションを作成するためのJavaScriptライブラリー。GUIで作成できる？

Deco - Build incredible mobile apps in less time.

React Nativeを使って簡単にモバイル・アプリを作るためIDE。面白そう。

Operator Fonts | Hoefler & Co.

タイプライター系フォント。コーディングにも使える等幅あり。ウェイト豊富。

tobe tokusa ceramic rice bowl

tobe tokusa ceramic rice bowl

Ian Knot detailed tutorial - Professor Shoelace - YouTube

ほどけづらいちょうちょ結び。難しい。

How to convert your SVG icons into webfonts - Jixee Blog

SVGアイコンからウェブフォントへ。SVGアイコンの方が後で面倒じゃないと思うが、作り捨てならウェブフォントでもとか考えている。

Device Metrics - Google Design

様々なデバイスのサイズ、仮想サイズ、解像度、アスペクト比などのデータ。

Where to Place Your Accordion Menu Icons - UX Movement

アコーディオン・メニューのアイコンは左にプラス記号を置けという話。右で矢印はコンテキスト・メニューで慣れているが、クリックで展開には向いていないという感じか。知覚されたアフォーダンスがあるかは微妙なところ。

LukeW | As Mobile Screen Size Increases... So Does Activity

モバイルでのウェブにおける時間消費はスクリーンサイズと相関関係にあるという話。あえての小さいスマホというのも現実味があるようだ。

LukeW | As Mobile Screen Size Increases... So Does Activity

Smartphones are always with us and (as a result) used all the time. But time spent on our mobile screens doesn't just increase with portability, it grows with…

nike black sneaker

nike black sneaker

Is Self Hosted Blogging Dead?

ウェブログ・ホスティング・サービスのToSの流動性について。いつどうなるかわからないので、Ghostとか使おうという話。2年に1度みかけるやつ。

Neat trick for CSS object-fit fallback on Edge (and other browsers)

object-fitをbackground-size: coverで代替させる。a要素を外にすればもっとわかりやすそう。

[tech] Markdown → PDF にする Makefile | Wed, Jan 20. 2016 - 氾濫原 [HANRANGEN]

MarkdownからHTMLを経由してPDFへ。画像はBase64で埋め込むやつとか作ってたけど、非PC考えるとPDFのが良さそうな気がしてきた。

helinox black cordura backpack

helinox black cordura backpack

SilentLog - Smart Pedometer

自動で移動状況を記録してくれるアプリ。Moves的なもの。ロックインされるっぽい。

5 Ways to Improve Your Ecommerce Design for Colourblind Users – Shopify

色覚異常のための設計。色に依存しないように注意深く言葉を選ぶことが重要。

世界遺産キュー王立植物園所蔵　イングリッシュ・ガーデン　英国に集う花々 | 汐留ミュージアム | Panasonic

植物画メインの展覧会。

Please, Please Don’t Use “CSS in JS”

JavaScriptでCSSを突っ込むやつやめろという話。言いたいことはわかるけど、論拠弱い。

Webmention

Webmention最初のWD。TrackBackのモダナイズ。もう無理だと思うなぁ。

oldhall silver stainless tea strainer

old hall silver stainless tea strainer

curly black polyester jersey blazer

curly black polyester jersey blazer

keyuca silver stainless lid stand

keyuca silver stainless lid stand

Mobile Gestures: 40% of Sites Don't Support Pinch or Tap Gestures for Product Images

アメリカ上位50のウェブサイトの40%がズームできなかったりする話。トップ50だからという話でもありそうだが、なぜズーム他を殺したいのかはちょっと理解に苦しむ。

No, I Don't Want To Configure Your App! - Quils in Space

設定必須なアプリケーションと設定が複雑すぎるアプリケーションはゴミという話。いれたらなんとなく動けやって思う。

Placemat

UnsplashとCC BY-NC-SAな顔画像のプレースホルダ―・ウェブサービス。文字重ねられる。

クロスサイトスクリプティング対策 ホンキのキホン - 葉っぱ日記

XSSについてと、基本的な対策。色んな人に読ませたい。

nikoand black leather card case

nikoand black leather card case

agnesb black cotton long sleeve t-shirts

agnès b. black cotton long sleeve t-shirts

Blending Modes Demystified

ブレンディング初めの一歩。

ichizawa cotton canvas tote bag

ichizawa cotton canvas tote bag

abloy brass padlock

abloy brass padlock

A Review of JavaScript Error Monitoring Services | Telerik Developer Network

JavaScriptのクライアント・サイドでのエラーを集計してくれるサービス、TrackJSとErroceptionのレビュー。TrackJS良さそう。

加湿ストリーマ空気清浄機 スリムタワー型｜ダイキン工業株式会社

ダイキンのスリムな加湿機能付き空気清浄機。気化式。

ルミネ横浜店OPEN！！(12/16) - プチバトーブログ

ルミネ横浜にプチバトーがオープン。

How does one remove the Dropbox link from the Navigation Pane om Windows 10? – Dropbox Community

Windows 10のエクスプローラーのサイドバーからDropboxを消す方法。展開されてるとちょくちょく邪魔で、閉じるのも面倒なので消した。代わりにクイックアクセスへ追加した。

Detecting AdBlock without an extra HTTP overhead | Christian Heilmann

AdBlock検知スクリプト。ブロックされる要素の挿入で行うため、HTTPリクエストが不要。

gokyo sparkling sake

gokyo sparkling sake

doiy colorful wood keychain

doily colorful wood keychain

georgjensen stainless key ring

georg jensen stainless key ring

iTerm を全画面で表示するのをやめて画面の左半分に表示するようにした - Sexually Knowing

ターミナルをディスプレイの左半分へ表示する。

growaplant colorful paper book cover

grow a plant colorful paper book cover

キャンセルのキャンセル - くらげだらけ

キャンセルすることをキャンセルするダイアログにおいてボタンのラベルはどうあるべきか。根本的な解決を探るのが良いな。

ザジキ

ギリシャのソース。水切りヨーグルトがベース。

ljlamps gray concrete table lamp

lj lamps gray concrete table lamp

“Learn More” Links: You Can Do Better

“Learn More”というハイパーリンクのラベルを改善するためには。こういったラベルはユーザーがたどった時に空白の時間を作ってしまう点に問題がある。

Gender refactor by jessebeach · Pull Request #405 · whatwg/html

HTML仕様の例文が女性名詞を主語に取るように。世間の技術文書は男性名詞になっているので、公平にするのではなくいったん女性名詞のみにしようということのようだ。

essey white plastic tissue case

essey white plastic tissue case

izola brass bookmark

izola brass bookmark

Grid, Flexbox, Box Alignment: Our New System for Layout

グリッドレイアウトのためにはGridを使う。来年、実装増えるのかな……Flexboxでいいじゃん的な感じになりつつある上、そんなことよりローレベルAPIの充実が先だとかでもあり世間は厳しい。

Progressive Versioning

semverの問題点とpatchの代わりにprogressとするバージョニングの話。マイルストーンなくして、feature-branchをリリースしちゃう感じっぽい。

Designing with Contrast

コントラスト。アクセシビリティーもそうだけど、自動輝度調整というメジャーになった機能の点からも重要そう。

lovi wood christmas tree

lovi wood christmas tree

A plea to use semicolons when writing JavaScript

セミコロン使ってくれ頼む！　いう話。超ハイレベルな人と超低レベルな人だけが略しているイメージと経験なので、略さない方がマシという意見。

various key tags mint green keyholder

various key tags mint green keyholder

HTTP/2 For Web Developers

HTTP/2のベストプラクティス……だけどちょっと理論上の話っぽい。concatはまだ結論出ていないと思うし、ドメイン・シャーディングの停止はクッキーとか考えると微妙。

Performance Calendar » Why AMP is fast

AMPのキー機能。ソウデスネ。

企画展「建築家 フランク・ゲーリー展 “I Have an Idea”」

フランク・ゲーリー展。AXISだ！

power support vertical laptop stand

power support vertical laptop stand

"Yeah, we ditched Google."

Google Analyticsをやめた話。内製ツールでトラッキングは行う。そのツールで得た情報が適切に、Googleより適切に扱われていることを信頼する根拠がない。

２０１５ - バス停

良かった。

Focus by Firefox - content blocking & tracking protection for your mobile browser on the App Store

Mozilla製のiOS向けコンテント・ブロッカー・アプリ。

OXYMORON カリーと甘いものと雑貨

どれもうまいという鎌倉のカレー屋。

スクワットチャレンジ | 株式会社アフィリティー

w氏、スクワットもうやってなさそう。

Why I'm Excited About Native CSS Variables — Philip Walton

CSS Variableから進化したCustom PropertyのChromeでの実装について。SassへのDISは冗長だが、ローカル変数や参照についてはわかりやすい。

HTTP/2 is here! Goodbye SPDY? Not quite yet

CloudflareでHTTP/2化が開始。しばらくはSPDY/3.1とを自動的に振り分けてくれるようだ。

Idea: Lighthouse comments

不要なコメントは削除されるべきで、必要なコメントは目立つべきという話とそのAtomでの実装。良いけど、実際に不要なコメントの方が多いので、目立たないようになったという事情が考慮されていない。

New Feature: The “TV Mode” | Uptime Robot - Blog

Uptime Robotにリアルタイム監視ができるビューが追加。微妙……。

WTF is Solid?- Solid

BuzzFeedのスタイル・ガイド。どちらかというとCSSフレームワークっぽい。

CSS font-display property is now available in Chrome Canary! o/ It allows y...

ウェブフォントの読み込みの挙動をコントロールするfont-displayプロパティーがChrome Canaryにフラグで追加。swapだぞ～。

Being Customer Supportive

カスタマー・サポートをちゃんとやる。tone/ask/help/thank。

The Lifting

JSFiddleのアップデート。インデントが2 spacesに。

光コラボに乗り換えたらきびしい感じだったのでまた戻した - MEMOGRAPHIX

光コラボの速度の問題。検討中だったけどもっと色々調べないとダメそう。

Dotconf by yoannmoinet

dotfileとdotdirをアーカイブにまとめることができるアプリケーション。プロジェクト・ローカルで使えるので、precommitとかで消すと危険なファイルが入らなくなる？

Classy CSS: a Programmatic Approach to Sass Stylesheets

Sassのextendちゃんと使おうやという話。だいたい賛成なんだけど複雑なのでチームには向かないという印象。

GIMP - GIMP 2.9.2 Released

GIMP 2.9.2がリリース。WebPのサポートとEXIF確認機能が入った。

夢 - Weblog - Hail2u.net

(コメントなし)

HTTP/1 vs HTTP/2 by LoadImpact - LoadImpact.com

HTTP/2にするとどれくらいパフォーマンスの向上が見込めるか教えてくれるツール。色々バグってる。

areth black suede velcro sneaker

areth black suede velcro sneaker

flux white polypropylene foldable chair

flux white polypropylene foldable chair

Standing Desks | VARIDESK®

普通の机に乗せてスタンディングデスクにするデスクオンデスク。試すには高い……。

Forgo JS packaging? Not so fast | Khan Academy Engineering

HTTP/2下でもJSはまとめた方が速そうという研究結果。前提がいくつか欠けてる気がしないでもない(例えば各ページごとで不要なJSファイルが減ることとか)。

W3C API Overview

W3Cにある様々なデータをJSONで拾えるAPI。

masahiro minami light brown wood wall hook

masahiro minami light brown wood wall hook

ally.js

フォーカスとタブを制御するためのJavaScriptライブラリー。ウェブ標準での規定に沿ってフォーカスできるかどうかやタブで移動できるかどうかを制御することができる。名前……。

siracha

siracha

Software Versions are Broken

バージョン番号とリリース用コードネームを使い分けようという話。バージョン番号は機械的に扱うためにSemVerを厳密に運用して、それとは別にかっこいいコードネームをつけて宣伝する。良さそうだけど面倒そう。

Is the Floating Action Button the new Hamburger Menu?

フローティング・アクション・ボタンが解決するのはデザイナーの問題でユーザーの問題ではないという話。位置固定は邪悪くらいの感じで良さそう。

bluelounge black AA battery recharger

bluelounge black AA battery recharger

arts&crafts black leather card case

arts&crafts black leather card case

Tips for Creating and Exporting Better SVGs for the Web

ウェブ向けというわけではないが、SVGの作り方の基本がよくまとまっている。ウェブ開発者へ渡すSVGをデザイナーがどう作るかとかだと近そう。

default npm run to silent · Issue #5452 · npm/npm

npm runで-sデフォルトにしてほしいやつ。

ECMAScript 6: holes in Arrays

ES6におけるArray.protoypeメソッドの空要素の扱いの一貫性のなさについて。とりあえずどうにかして作らない必要がある。

Announcing feedly Login | Open feedly

Feedlyが独自ログインをサポートへ。

Kill .apply With The …Spread Operator

ES6のspread演算子`...arr`について。apply()していたのを一部置き換えることができる。

Roots: Enlightened Static Sites

Node.js製の静的ウェブサイト生成ツール。JadeとBrowserifyに依存。

The New Favicon • The Breakroom

SafariのピンタブでサポートされたSVGアイコンについて。

How Our CSS Framework Helps Enforce Accessibility

CSSフレームワークでroleやaria-*を強いる。相互に依存し、保守の上で非常によろしくない空論に見える。

FontBase

Windows向けフォントマネージャー。Electronっぽい？

Let’s talk about white app icons — # S W L H — Medium

iOSアプリのアイコンが背景白で占領されつつあることについて。シンプルにしてもシンプルになるわけではない。

npm/npm-install-test.md

npmへinstall-testサブコマンドが追加。npm install && npm testのショートカット。

The Nine States of Design

コンポーネントの9種の状態。

Wunderlist | Duplicated notifications

Wunderlistで通知が重複するバグ。半年以上前からあるの……。

SVG Security - W3C Wiki

SVGのセキュリティ上の制限について。

Freytag Anderson — Medium

IKEAのロゴのリデザイン案。IKEA家具の組み立てとフラットパックを象徴させるブロックの組み合わせ。

Pigeon-js by avxto

HTML簡易記法。ES2015のテンプレート使った方が良さそうに見える。

Title CSS: A Simple Approach to CSS Class Naming

ブロックを大文字始まり、エレメントを小文字、モディファイアをキャメルケースにするクラス命名手法。>使っても良いなら全部小文字でも機能しそうだけど、わかりやすいといえばわかりやすそう。

monkey business black city shaped ruler

monkey business black city shaped ruler

Custom Scroll Restoration - History-based API

スクロール位置の制御APIの提案。Blinkには入り、Chromeではもうすぐ使えるようになる。

[tech] node.js で git の blob sha1 を求める | Fri, Nov 6. 2015 - 氾濫原 [HANRANGEN]

ファイル内容に魔法の言葉つけた上でsha1 hashを計算すると、Gitのsha1ハッシュ値になる。

dropbox/css-style-guide

DropboxのCSSコード規約。作業人員の多さが垣間見える。

Scooter - Welcome to Scooter

Dropboxの内製SCSSフレームワーク。見た目のわりに中身はごつい。

vonschloo white cement speaker

vonschloo white cement speaker

Mac miniをディスプレイの裏にくっつけるぞ(2) | Hashimoto Norihisa Works

液晶ディスプレイの裏にMac miniを置くラックを作る。真似してノートPCのラック作ろう。腕を長くして下に近づけて、回り込む長さも増やせばそんなにがっちりさせなくても大丈夫そう。

Why Can't the World Just Pick One Design for Plugs?

コンセントの形状とUSBへの統一の話。AC/DC。

ボット化するわたしたち - インターネットブログ

botだと単為生殖できるので全部メスなのかな。

チェンジセット 191644 – WebKit

iOSでwidth=device-widthなウェブページでは350msのタップディレイが消える。initial-scale=1も必要？

Socks #2 • The Camels Are Coming

靴下。

Chrome OS is here to stay

Chrome OS終了の噂の否定。Amazonで一番売れてるって言うのはマジなのかな。

ippon sorahe brown cherry wood shelf

ippon sorahe brown cherry wood shelf

Fontstand — try fonts for free or rent them

正価の10%で1か月フォントをレンタルすることのできるアプリケーション。

Do one thing… - O'Reilly Radar

ウェブサービスもUnix哲学を見習ってひとつのことをきちんとやるように作るべきだという話。ビジネスモデルなしでこういうこと言うの無謀な気がする。

Release Ran v0.1.2 binaries · m3ng9i/ran

Ran v0.1.2リリース。僕でもHTTPSが気軽にテストできるようになって幸せ。

Preloading images using CSS

クリティカル・レンダリング・パスで必要になる使う画像を先読みするため、style要素をhead要素で使って読み込んでおくテクニック。CSSごと切り分けるよりローコスト。

Turning the iPhone 6s Into a Digital Scale

Force/3D Touchを利用して重さをはかるアプリが全滅した話。

Sniffly

HSTSで307になるのを利用した訪問済みかどうかを取得する手法のデモ。なるほど。

Grav - A Modern Flat-File CMS | Grav

DB不要で静的にHTMLを吐くCMS。ダッシュボードきれい。

The New York City Subway Map Redesigned

NYCの地下鉄路線図の再デザイン案。3次元から2次元に落とし込む時特有の問題が多く見える。

What are GitHub Pages? - User Documentation

プライベート・リポジトリーでもgh-pagesはパブリックになる。

fs: Add file descriptor support to *File() funcs by jwueller · Pull Request #3163 · nodejs/node

fs.*file()でfile descriptorを使えるように。これで/dev/stdinない環境でもstdin/outを読みやすくなる？

Stop forcing your arbitrary password rules on me.

パスワードに複雑なルールを課さず、単純に最低文字数を大きくし、数字の連続を拒否するべきという話。

Using Quantity Queries to write content-aware CSS - tomango

:neth-last-childなどを使ってその要素がいくつあるかを数える手法。

Richard BarnesさんはTwitterを使っています: "PSA: In Firefox 44 Nightly, "http:" pages with <input type="password"> are now marked insecure. https://t.co/qS9LxuRPdm"

Firefox 44 NightlyでHTTPSでないページにtype=passwordなinput要素があると警告が出るように。

Microsoft Research Debuts Autocomplete For Animation, And It’s Incredible

手書き絵やアニメーションの自動補完を行うデモ。Microsoftさん……。

Arrow This | getiblog

ES6の`=>`は`bind(this)`のシンタックスシュガーではないという話。

Swiss Style Color Picker | International Style

いわゆるSwiss Styleっぽいとかそういうカラーピッカー。

Microsoft Surface Book review | The Verge

Surface Bookのべた褒めレビュー。タッチパッドもタッチパネルも良く、驚きの13時間バッテリー。ヒンジがダサいくらいが欠点とか。

Encoding

UTF-8にしましょう。

The technology behind preview photos | Engineering Blog | Facebook Code

Facebookのやっている遅延読み込み用プレースホルダ―画像作成の仕組み。こっちも小さくしてブラウザーに拡大させる。

Fixing the UX of hyperlinks

リンク先をどのように開くかのオプションを提供したい話。_blankは選択肢がなくなることが問題としている。アイコンは微妙だし、:hoverでというのはもっと微妙。

JavaScript Standard Style

設定不要なlinter。機能よりも使いやすさが欲しい。

AMP and Responsive Web Design

AMPの実装と考えられる問題点。Instant ArticlesやApple Newsへの対応も含めた提供コスト。

Trix: A rich text editor for everyday writing

カスタム・エレメントを使ったWYSIWYGエディター。IMEの位置ずれとかない。

Make your own animal masks from recycled card by Wintercroft

Lowpolyっぽい紙製の立体マスク。すごいかっこいい。

git commit --fixup とは何か - 詩と創作・思索のひろば

rebase -i --autosquashのためのcommit --fixup。散乱したちょっとした修正を自動でまとめる。

elvang blue check wool blanket

elvang blue check wool blanket

Tanit - タニタ体重計とヘルスケアを連携 on the App Store

タニタの体組成計からiOSのヘルスケアアプリに送るアプリ。公式APIとかなさそうだし、こういう野良アプリに360円はちょっとためらうけど、タニタ買ったら候補になりそう。

Introduction | Front-end Handbook

フロント・エンド周りの知識。具体的な部分はあまりない。

GitKraken: The New Git Client that Unleashes Devs’ Repos

GUIなGitクライアントGitKrakenのスクリーンショット群。イカ。

You’re Designing It All Wrong! Free eBook

スクリーン向けのデザイン・ガイド。無料電子書籍。デスクトップのブラウザー向けでなんかこうちょっと古い感じがした。

FontReach

ウェブフォントの利用状況をフォント名から調べることができる。Noto Sans Japaneseで111。

Unsplash It

Unsplashの画像を使ってプレースホルダ―画像を提供。きれい。

The CSS.supports() API revisited

CSS.supports()について。window.CSS以下になり、引数が変更になった。

iOS 版 Firefox — iPhone、iPad そして iPod touch で利用できるモバイル向け Web ブラウザ — Mozilla

iOS版Firefox。存在すると確認しなきゃならないので苦痛。

How to use Kaizen thinking to design better — Simple = Human — Medium

小さく考える。The Kaizen Way、ちょっと読んでみたい。

node: add -c|--check CLI arg to syntax check script · nodejs/node@9d65528

Node.jsのCLIオプションに文法チェックをする`--check`が追加。ESLintはフォーマッターとして使い、メインはこっちの方が楽そう。

REMOVED

今時の写真からスマホを消してみるとどうなるか。

Using Web Fonts The Best Way (in 2015). – Anselm Hannemann, Freelance HTML & CSS Contractor

letter-spacingを使って使いたいウェブフォントとフォールバックのベースフォントとの字幅を合わせ、リフローを抑止するテクニック他。

Weebly Website Builder: Create a Free Website, Store or Blog

ドラッグ・アンド・ドロップでウェブサイトが作れるウェブサービス。

A Good Vimrc

Vimの設定の書き方。わかってないまま書かない。

Accelerated Mobile Pages Project

謎テクノロジーでウェブページの表示を高速化。キャッシュを駆使したアグレッシブなlazyloadとviewport外のレンダリングを抑止して高速化？

Improve your pronunciation using Youtube

単語を検索するとその発音をYouTube動画から探して教えてくれる。字幕あるのでわかりやすそう。

corporate sunrise

corporate sunrise

Comm(ent|it) - Home

コメントを受け取るとGitHub Pagesと連携して自動的にHTMLを再生成するコメント埋め込みサービス。投稿されたコメントはPull Requestに貯める。

Carriers are Making More From Mobile Ads than Publishers Are

広告の転送量にかかる費用はバカにならず、それによってキャリアが稼ぐ金額は、広告パブリッシャーが稼ぐ金額よりはるかに多そうという研究。逆に言うと、iOSのコンテンツ・ブロッカーでキャリアの収入も減る？

Marko - Template engine + UI Components

$で渡したデータを参照、制御構文はHTML要素の属性として書くテンプレート・エンジン。HTML専用？

毎日575

毎日575書くやつ作った。

Apollo 7 Magazine 3/M | Flickr - Photo Sharing!

NASAの公開したアポロ・プロジェクトの高解像度写真。パブリック・ドメインのようだ。

Safari 9.0

(Mobile )Safari 9でfaviconで一部SVGが使えるように。ピンされたタブのみ？　rel=mask-iconを使う。

FLIF - Free Lossless Image Format

パテント・フリーのロスレス画像圧縮フォーマット。圧縮率でWebPのlosslessに優る。

Super Normal — Design Philosophy — Medium

普通をひねって革命を起こす。わかる(わからない)。

Two-step verification is here | Bitbucket Blog

Bitbucketで2FAがサポート。

Automated Publishing with Instant Articles

RSS経由での記事自動投稿がついにFacebook Pagesへ。RSS 2.0で良い。

A new design for Tweet and follow buttons - Announcements - Twitter Developers

Twitterボタンがフラットに。ついでにカウント数取得のJSONが消される。

wall mounted wood deer head

(コメントなし)

Meet Opera's new brand identity

Operaの新ロゴ。マイプレシャス。

What forces layout/reflow in Chrome. The comprehensive list.

スタイルやレイアウトの再計算が行われ、最終的にリフローが起こるかもしれないものたち。getComputedStyle()の使い方みたいなのは考える必要ありそう。

Dual - Webfont & Desktop font « MyFonts

幾何学的なシェイプのタイプフェイス。スタイルや異体字が豊富。

Short note on coding alt text

alt属性に改行を入れると、スクリーンリーダーで変なになることがある話。

Let’s fix the “user” icon — Medium

「人間」をアイコンで表現するのは難しいので、「ユーザー」を表現する。猫。

“Flat Design”? Destroying Apple’s Legacy… or Saving It : Cheerful

Appleの過度なディテールの削除への警鐘。大意はわかるけれども、「ソフトウェアにおけるミニマリズム」みたいな謎の主張はよくわからない。

The @font-face dilemma | Viget

ウェブフォントの読み込み中の最大3秒が空白は厳しいので、ライブラリを使ってFOUTを受け入れよう。大体前書いた記事と結論同じっぽい。

Chrome Web Store - Apps

開発者ツール内でウェブページのアクセシビリティーをチェックすることができるChrome拡張。コントラストなんとか。

The State of Front-End Tooling – 2015 - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan

jQueryを快適に使っているという人が90%、テスト書かない人が56%という現実。

Johannaさん(@jackdevilart) • Instagram写真と動画

イラストとそれを書くのに使った筆記具の写真。

Daily Drop Cap

ドロップ・キャップに使えるイラストを集めたウェブサイト。

Quick trick: using template to delay loading of images | Christian Heilmann

遅延読み込みさせたい画像をtemplate要素で括るだけにし、後で外すだけ。良さそう。

No Museum, No Life?―これからの美術館事典　　国立美術館コレクションによる展覧会 | 東京国立近代美術館

美術館がテーマの展覧会。

weland weloc yellow reusable closure

(コメントなし)

mactan stone side table

#mactan #stone #side #table

History API: Scroll Restoration — Google Web Updates

History APIで履歴を書き換えた後の戻るボタンでスクロール位置を記憶する`histroy.scrollRestoration`プロパティー。

Checkboxes Are Never Round

チェックボックスが丸くてラジオボタンに見えるやつ。知覚されたアフォーダンスの話。

Protected branches and required status checks

ブランチの保護で--forceや削除をブロックできるように。

Living with Bullshit | Brad Frost

牛の糞と共に生きる。控えめに。

Hacking smart-quote support into a font

フォントで空白+dumb quoteをsmart quoteに変える理型を定義しておき、font-feature-settingsで有効にしてやる。そう見えるだけとも言える。

The Typekit Blog | Font loading update: All HTTPS, all the time

TypeKitがプロトコロルレスからHTTPS固定へ。

Product List Usability: Avoid 'Quick View' Overlays

オーバーレイで簡易表示するUIにはいくつか問題があり避けるべきとしている。結果としてサムネイルを小さくしがちなこと、必要な情報が得られないことがあること、簡易表示で終わると誤解しより詳細なページがあることにきづかないこと、など。

DIESEL ART GALLERY

USUGROWの個展。11/13まで。

kokuyo transparent crayon

#kokuyo #transparent #crayon

hanes premium tshirts

#hanes #premium #tshirts

margaret howell navy polo

#margaret #howell #navy #polo

Hey Instagrammers, I know where you live! • sefsar

Instagramで過去に何かしら位置情報付きでアップロードし、Photomapが有効になっている場合、位置情報無しでアップロードした写真はアップロードした場所の位置情報が割り当てられ、自宅とかがばれる？

Why you shouldn’t have a carousel on your home page

カルーセル・ダメ・ゼッタイ。「私達は伝えたいことをひとつに絞ることができないので、5つとも出しときます」というやつ。

Zoomable UI for the Web

ズームしてコンテンツをたどっていくUI。特定多数のコンテンツ向けか。

JS.ORG | NEWS

ユーザー投稿型JavaScriptニュース。

Tonic: a better REPL for node.js

Node.jsの高機能REPL。

Back my Web Typography book | Clagnut

Clagnutの人のウェブ・タイポグラフィー本のKickstarterプロジェクトについて。

www.kabebijin.jp

ホッチキスを使って石膏ボードの壁にフック等の収納家具を取り付けられるシリーズ。

Glen Maddern: Internet Pro

CSS Modulesの仕組みについて。未来はこれじゃない気はするけど、便利そう。

GIGABYTE - Desktop PC - Mini-PC Barebone - GB-BXi3H-5010 (rev. 1.0)

2コア4スレッドのCore i3 5010Uで11acとBluetooth内蔵のベアボーン。40000円しない。

houseindustries typography postcard

(コメントなし)

Conical gradients, today! | Lea Verou

円グラフの描画等に使えるコーン型グラデーションについて。CSS Images 4には既に追加されている。

freitag trucktarp totebag

(コメントなし)

ledd colorful pvc slippers

(コメントなし)

paulsmith pixel beatles plastic card case

(コメントなし)

Adobe Stock - high quality royalty free stock photos and vectors | Adobe Stock

ロイヤリティー・フリーの画像を買えるサービス。¥1180/枚または¥5890/月で10枚まで。

I Do Not Agree To Your Terms

メールに返事をしないと、自動的に規約に同意したことになるというアレ。フィードの利用はライセンスに従って自由にやってくれれば良いのに。

So Remind Me Again, Why Do We Need the npm Registry?

GitHubで良いし、コミット範囲や読み取り専用のミラーとかあれば完璧なので、npmレジストリーいらないんじゃないのかという話。GitHubから全部持ってきてビルドするの、CIみたいな時に大変そう。

ららぽーと海老名出店一覧

富澤商店できるの良い。

10 Reasons Your Landing Page Sucks and How to Improve It | @SujanPatel

ランディング・ページの作り方。

WCAG 2.0 checklist - a free and simple guide to WCAG 2.0

WCAG 2.0の簡単なサマリーによるリスト。詳細はリンク先に。

Removing the 140 character limit from Direct Messages - Announcements - Twitter Developers

DMから140文字制限が撤廃。

steve

(コメントなし)

Improving Web Fonts Performance // Speaker Deck

ウェブ・フォントのパフォーマンス・チューニング。

Viewport vs Percentage Units - bitsofco.de

vwとvhの話。スクロールバー。

Material Design: Why the Floating Action Button is bad UX design — Tech in Asia — Medium

Material DesignのFloating Actin Buttonは良くない話。強すぎる。

Why We Should Stop Using Bower - And How to Do It

Bowerの問題点と脱Bowerの手引き。

How Google Fails at Implementing Its Own Material Design - Creative Tim's Blog

Material Designと現状のGoogleでの失敗例。何をどう使うべきかの項がうまくまとまっている。失敗の部分は釣りっぽい。

tunewear red lightning cable

(コメントなし)

Announcing Windows 10 Insider Preview Build 10130 for PCs

Windows 10の悪評高いアイコンが変更に。

lenneke wispelwey ceramic bowl

(コメントなし)

Files Rec.

重くても許せる感じする。

HTTP Web-Sniffer App

Web-Snifferのデスクトップ版。

Conjunction (grammar) - Wikipedia, the free encyclopedia

AndやButで文を始めるなというのには根拠はあまりないという説。

Optical Adjustment — Medium

数値として揃っているものが、目にも揃っていると見えるとは限らない。

The Big Kahuna: Underscore + Lodash Merge Thread · Issue #2182 · jashkenas/underscore

underscoreとlodashが合流へ。

ryofuukoubou yuzen washi bookmark

(コメントなし)

Why 'mobile first' may already be outdated

強く機器を意識させるモバイルという言葉は適切ではなく、スクリーンを意識して構築するべき。

The Cost of Performance — Medium

FacebookのInstant Articlesに対してウェブサイトを作るというのはまた別のコスト、開発におけるコストをもたらす。

Coinado - cloud torrenting for command line fans

Torrentファイルを代わりにダウンロードしてくれ、HTTPSで送りつけてくれるウェブサービス。

Adactio: Journal—This is for everyone with a certificate

まずはHTTPSの導入を簡単にすることが大切で、その強制はその後の話。

this ain’t no side hustle

(コメントなし)

cardboard package turns into hanger

(コメントなし)

symdiff

CSSとHTMLを渡し、*互いに*使われていないクラスを警告する。

Making abbr elements touch accessible - Growing with the Web

ツールチップが出ないタッチデバイス向けにabbrのヒントを出す。最初のやつだけインラインに展開とかにしたい。

Netlify: Because static sites are safer, faster, cheaper & simpler

静的ウェブサイト専用CIサービス。GitHubやBitbucketにpushするとビルドが走る。

Build with Wunderlist, Introducing our Public API

WunderlistのAPIが公開へ。

Home page - Lily

自動追尾カメラ付きドローン。

[e] (0) Give an example of why <main> might be used multiple times in… · whatwg/html-mirror@af35998

WHATWG版ではmain要素は複数出てきても良いようになっていた。

StatusPage.io - Hosted Status Pages for Your Company

404・500・503エラー・ページをいくつかのテンプレートから作ることができる。

searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157

GoogleのクローラーがどれくらいJavaScriptに対応しているかの調査。

aiaiai black earphones

(コメントなし)

Formspree | Functional HTML forms

メール・フォームを簡単に設置できるウェブサービス。AJAXを利用してページ遷移を起こさないことも可能。

100 Days of Fonts

Google Fontsを使ったデザイン。

Are Social Sharing Buttons on Mobile Sites a Waste of Space?

ソーシャル・ボタンの利用は遂に1%に満たなくなった。

Svbtle's magic signup form

Svbtleのサインアップ・フォームにおけるオートフィル。メールアドレスから姓名を推測し、ユーザー名も考えてくれる。

Git for Windows

Git v2系のWindowsインストーラー。配布場所変わった。

braven colorfull bluetooth portable speaker

(コメントなし)

iris hanverk light brown wood wall hooks

(コメントなし)

Alt Text Bot(@alt_text_bot)さん | Twitter

画像を付けてメンションすると、その画像のaltテキストを生成してくれるbot。

游と Merriweather · terkel.jp

明朝を基本に、強調をゴシックという実本に似たスタイル。

HTTP Strict Transport Security - Wikipedia

ブラウザーに次回からHTTPSを使うように支持できる仕組み。HTTPSへリダイレクトする必要がなくなるので、中間者攻撃の機会が減る。

Getting fluent at the language of iconography — Medium

アイコンは今まさに言語化している最中だという話。アクションを示唆するため動詞となるアイコンとそうではない名詞のアイコン。

Home - Visual Studio Code

クロスプラットフォームなコード・エディター。Electron。

Why Infield Top Aligned Form Labels are Quickest to Scan - UX Movement

フォームのラベルを入力ボックス内だが入力を阻害しない位置に配置する手法について。良さそうだけどプレースホルダー使えなさそう。

LukeW | Obvious Always Wins

ドロップダウンやハンバーガー・ボタンの欠点について。視界に映らないものは存在しない。

TinyLetter

ニュースレターを管理できるウェブサービス。開発はMailChimpと同じで、その機能制限版？

designmodo.com/optimizing-online-forms/

使いやすいフォームを作るための基本的なルール。

muji navy cotton boxer brief

(コメントなし)

Elevator.js

トップヘモドル featuring 音 and アニメーション。

williamngan.github.io/kubist/

ポリゴン・ジェネレーターまたは任意の画像のポリゴン化。

balans black chair

(コメントなし)

Varys.io

ウェブサーバー監視ウェブサービス。

metal types from alphabets of sorts

(コメントなし)

Being patient vs. being loud

フィードバックをベースにしたアクセシビリティー対応の問題点。障害のある人には非アクセシブルであることはわからないことが多く、フィードバックが出せない。Accessibility Winsを作った人の記事。

Mobile User Experience: Limitations and Strengths

モバイル機器の制限と強み。

lattice wallpaper

(コメントなし)

How to write better tasks to improve your usability testing | Userbrain

ユーザー・テストを行うタスクの基本設計の仕方。

sigg double-walled stainless water bottle

(コメントなし)

JS.ORG | DNS

JavaScript製プロジェクト向けのドメインjs.orgのサブドメインを無償で提供してくれる。

Category-Specific Sorting: A New Way to Sort Products - Articles - Baymard Institute

特化型のソート機能を提供することで、プロダクトのファインダビリティーを向上させる。

Niltalk — Instant, secure, disposable chat

プリベートなチャットルームを即座に作ることのできるウェブサービス。10分会話がないと消えるなど、短期的なやりとりのみ。

jean dubost cheese knife

(コメントなし)

s’well blue double-walled stainless water bottle

(コメントなし)

Neue Haas Unica | Monotype

Unicaのフォント。HelveticaとUniverse、Akzidenz Groteskが混ざったもの。

Typora — a markdown writing app

インライン・プレビュー型のMarkdownエディター。

mhl white t-shirts

(コメントなし)

Lee denim turned into DIY bag based on Krane design

(コメントなし)

jlblatt/AwSnap

URLパーサーのバグで長いドメインでChromeが他のタブを巻き込んでクラッシュする。

lee edifice gray cotton pants

(コメントなし)

The poor, misunderstood innerText — Perfection Kills

innerTextの実装についてと、その標準化は難しそうだけど頑張ろうよという話。

herschel black indigo cotton bucket hat

(コメントなし)

Blossomtype

花・タイポグラフィー・動画。

Now available on iOS - Niice

NiiceのiOSアプリ。ボード編集良さそう。

Thomas Byttebier - The best icon is a text label

アプリケーションが利用される文脈。

b&o play black floor speaker

(コメントなし)

Formatting Messages - ICU User Guide

複数形のローカライズを行うためのMessageFormatの仕様。

Pluralization for JavaScript · An A List Apart Article

ローカライズにおける複数形の扱いについて。MessageFormatとそれを扱うJavaScriptライブラリーL10nsの話も。

people footwear black eva sandals

(コメントなし)

zara home white wood ladder rack

(コメントなし)

Office Sway - Create and share amazing stories, presentations, and more

ペライチ・ページをさくっと作れるやつ。

The Truth About !important · Jens Oliver Meiert — meiert.com

!important否定派へ。

alessi ivory cheese grater

(コメントなし)

WebP — Google Developers

WebPのコーデック。エクスプローラーでWebPがサムネイルで見れるようにも。

Monodraw for Mac — Helftone

AAやテキストのダイアグラムを書けるソフトウェア。

rhodia dotpad

(コメントなし)

An alt Decision Tree • Images • WAI Web Accessibility Tutorials

img要素のalt属性をどう書くかのフローチャート。

The Web’s Grain by Frank Chimero

山は山、川は川。枠を作って埋めるのではなく、モノを作ってレイアウトする。間違ったレスポンシブの話でもある。

Calmly Writer: The Ultimate Distraction-Free Writing Tool

ディストラクション・フリーのエディターChromeアプリ。Google Driveへ保存。

article colorful coat hook

(コメントなし)

Ferengi | A Working Library

Mediumはリーダーのためのプラットフォームであってライターのためではないとかいう話。Qiitaとかも近そう。

Futures of text | Whoops by Jonathan Libov

SMSでバスの遅延がインタラクティブに確認できる話とアプリ使うのやしゃべるの結構だるいよねという話、そしてタイプは簡単みたいな話。

Apple's Web? - TimKadlec.com

AppleとそのSafariとWeb標準。

Beam: The smart projector that fits in any light socket by Beam Labs, Inc. — Kickstarter

電球ソケットにねじ込むプロジェクターのKickStarterプロジェクト。すごくグッとくる。

本を書く前に準備したこと、執筆中にしていたこと

技術本書いた時の話。ギッハブ。

Courier Prime | Quote-Unquote Apps

Courierの変種。ウェイトは2で斜体あり。

Website Downtime Protection | Failswitch

サーバーの死活監視をしつつ、落ちたらとりあえずキャッシュを自動的に返してくれるようになるウェブサービス。専用のネームサーバーを使う。

CSS Secrets - O'Reilly Media

オライリーからの久々CSS本。Lea Verou著。

Add preventIndent option for partials · 632fadc · wycats/handlebars.js

Handlebars.jsでパーシャル内のpre要素でインデントがおかしくなる問題を解決するオプションが追加。v3.0.0で使える。

edifice gunze t-shirts

(コメントなし)

Font Loading Revisited with Font Events

非同期読み込みだけでは不十分なので、ウェブ・フォントの読み込みの完了を検知してCSSを有効にしてやる。

vanook navy canvas backpack

(コメントなし)

blue pisa wallpaper

(コメントなし)

リモデルオープンした本館５階＝ステーショナリーをレポート！｜伊勢丹新宿店ブログ｜伊勢丹 新宿店

新宿伊勢丹に箔押しや活版印刷でノートなどをカスタマイズするコーナーができる。

Flipboard and the “mobile web” dream… | Christian Heilmann

Flipboardの60fps記事について。ネイティブ・アプリをウェブ・アプリにポートするテクニックであって、ウェブ・アプリを制作するテクニックというわけではない。

CSS Variables Are a Bad Idea, From the Notebook of Aaron Gustafson

古いブラウザーでダメ出し、フォールバックがアホくさいのでCSS変数は駄目だ、プリプロセッサー使え！　いう話。色々間違ってるっぽい。

Issue 428046 - chromium - Unable to access 0.0.0.0 - An open-source project to help move the web forward. - Google Project Hosting

0.0.0.0:8080などがChromeで開けない問題。わざとこうなっているが直すつもりはあるようだ。

lexon gray speaker

(コメントなし)

Eric's Archived Thoughts: Gradient List Bullets

CSSグラデーションをlist-item-imageで使う。複数画像は使えない、Firefoxでサポートされていない問題があるが、フォールバックは効く。

braun black ceramic watch

(コメントなし)

Hunter LoftisさんはTwitterを使っています: "#iojs on heroku? http://t.co/tFvgx6Vuib"

package.jsonでio.jsをターゲットにする場合のenginesのキーは"iojs"。

Chrome continues to fall apart at brisk pace - QuirksBlog

11種になったChromiumベースのブラウザーについて。古い(30!)やデバイス由来のバグがあったりと、地獄の釜が開いた。

jason markk x hello kitty sticker pack

(コメントなし)

racal cotton hat

(コメントなし)

patrick black leather sneakers

(コメントなし)

負荷低すぎはもはや障害じゃないのか

負荷とスペックダウン。オートスケールしてない場合は障害と言って良い話。

Swiftype: Modern full-text search for websites and applications

500ドキュメントまで無料で使える全文検索ウェブサービス。

Inkscape / Mailing Lists

Inkscape 0.91が安定版ヘ。バイナリももうすぐ。

Adrian Roselli: On Use of the Lang Attribute

lang属性について。hyphensはlang属性があるときしか効かない。

boskke white reversed planter

(コメントなし)

pluggy lock silver strap hole

(コメントなし)

dns-prefetch Online Code Generator

rel="dns-prefetch"ジェネレーター。

3rd `spawnSync()` with shared `options` argument throws exception

optionsを共有した3回めのspawnSync()で落ちるやつの再現コードと実行結果。

Fear of writing

無駄と思える自分の文章が持つ意味。

LukeW | Showing Passwords on Log-In Screens

パスワードをマスクしない方が良い。けどウェブだとオートフィルで危険。Touch ID最高！

Free email forwarding for domains | ImprovMX

DNSベースのキャッチオールなメール転送サービス。DNS設定した人と転送設定した人が同じかどうかわからない気がする(誰でも転送先を書きかえられそう)。

CM600C "C-SERIES" "LIMITED EDITION"　ST ニューバランス new balance | ミタスニーカーズ｜ナイキ・ニューバランス スニーカー 通販

NBの15SS新作。自転車用らしい。Nのロゴ見えないの良さそう。

BEM and SMACSS: Advice From Developers Who've Been There

BEMとSMACSSを使っている開発者からのアドバイス。

ハンディ洗濯機「COTON(コトン)」　※予約は本サイトでのみ受付けております。 | AQUAストア

(コメントなし)

candy design works brass key holder

(コメントなし)

OOCSSとEDJO、もしくはHTMLとCSSにおける命名 - morishitter blog

セマンティックな名前付けとCSSのルールセットをプリプロセッサーでつなぐ。うちのサイトはそんな感じなのだけど、複雑すぎることとSassの変数の仕組みがちょっと足らないのが難点という感じだ。

Why We Banished the Hamburger Menu | Redbooth Blog

ハンバーガーボタンをタブに変えたら、アプリの利用時間とデイリー・ユーザー数が増えた話。

Dynamic DNS - Google Domains Help

Google DomainでDynamic DNSがサポート。

Mockuuups - Customizable iPhone Templates

iPhoneを手で持っているところの写真素材。

GitHub Pagesに設定しているカスタムドメインをHTTPS対応させる | 1000ch.net

HTTPSにした話。Cloudflareのネームサーバーはユーザーごとに違う組み合わせなので、書かない方が良さそう。

b&o silver wireless portable speaker

(コメントなし)

トピックス：次回企画展「スイスデザイン展」｜東京オペラシティ アートギャラリー

スイスデザイン展。1/17～。

morris sons navy wool sweater

(コメントなし)

morris sons navy nylon coat

(コメントなし)

Adactio: Journal—HTTPS

HTTPSへの移行で溢れかえるデッドリンクは心配しなくて良さそうだけど、移行に伴う世界の変化は興味深そうという話。

christiannaths/Redacted-Font

どんなテキストもブロックもしくはミミズがのたくったような線にするフォント。圧が弱い。

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.

lorem ipsum嫌いな人向けのモックアップ用フォント。圧的に日本語にも向いているような気もする。

Posthaven is the safe place for all your posts forever

メールで記事投稿するウェブログ・ホスティング。Posterous後継っぽい。有料。

deSVG

SVGをインライン展開してくれるJavaScriptライブラリー。CSSでいじれるようになる。

Six Colors: Powered by Movable Type

WordPressでもMovable Type 6でもなくてMovable Type 4でやってやった話。

All the Domains | Jason Santa Maria

URLの重要性が下がったことから、ドメイン名の短さがあまり重要ではなくなったことによる、ドメイン確保の意味合いの低下。

Performance Calendar » The changing role of the browser cache

タブで開きっぱなしされるページや継続的デプロイされるアプリ/ページにおけるキャッシュ。キャッシュの長期間の維持はそれほど重要ではなくなってきているのではないかみたいな話。

ウェブアクセシビリティの法的な義務化について考える — Website Usability Info

アクセシビリティーの担保の法制による義務化について。テスト・ツールで通れば良いのなら良さそう。申請式だとみんな死ぬ。

A new way to edit Pins on the web | Pinterest for Business

ピンのまとめて移動や削除が可能に。3日前くらいにひとつずつ移したよ……。

muji white linen sheets

(コメントなし)

Extensible Web の夜明けと開発者が得た可能性の話 - Block Rockin’ Codes

標準化の人達でもブラウザーの中の人達からでもなく、コードを書く側からの運動。

jonschlinkert/markdown-toc

MarkdownファイルにToCを追加するNode.jsパッケージ。GitHubのid生成とは少し互換性に欠けるが優秀。

Naming Things ◆ 24 ways

名前付け(主にclass名)の話。

jonschlinkert/marked-toc

MarkdownファイルにToCを挿入するCLIツール。

Why You Should Design for Open Source ◆ 24 ways

オープンソースとそれへのデザインの提供。キャリアー。

highland 2000 navy wool cap

(コメントなし)

CSS, Accessibility, and You | CSS Dev Conference | Treehouse

CSSにおけるアクセシビリティーに関するトーク。英語字幕付き。

New Pricing Policy

Pinboardの料金体系が$11/yへ変更。ただし既存ユーザーおよび1/1までに登録したユーザーは初期費用のみで永遠に使える。

Kyo Nagashima

きょうながしまどっとこむ

SEO in 2015 (and Why You Should Care) ◆ 24 ways

本当のSEOの話。まずは解析から。

Ideal link underlines don’t care about letter descenders

リンクの下線はディセンダを貫通すべきという話。細く薄くするだけで良い。

hender scheme black leather wallet

Hender Schemeの財布。良さそう。

jQuery file size

jQueryのファイルを使った最小化とgzip及び両者の組み合わせ＋αの比較。最小化してgzipしよう！

The Typekit Blog | Source Serif update: Three new weights

Source Serifに200・300・900が追加で6ウェイトに。

kozy4324/grunt-concat-sourcemap

Source Mapのファイル連結Gruntプラグイン。継承も可能。

細かすぎて伝わらない package.json 小ネタ三選 - t-wadaのブログ

npmのpackage.jsonの話。filesは積極的に使いたい感じする。

bradfrost.com | Brad Frost

自分の名前のドメインに$1895払った話。今すぐ買え！

9 basic principles of responsive web design

レスポンシブ・ウェブ・デザインに重要な9つのポイントをアニメーションでわかりやすく。良い。

pixivのCSSで使われるクラス名ルール

_を頭につけたクラス名で分割。衝突することを前提に、衝突の可能性を可視化する？

SVG Morpheus - Morph SVG icons

SVGからSVGにモーフィングさせるJavaScriptライブラリー。

Screeny on the App Store on iTunes

(コメントなし)

Android gradient screenshot madness - QuirksBlog

Android機器ではディスプレイのカリブレーションが適切に行われておらず、グラデーションのようなものでおかしくなることがある。

iPhone 6 Plus Pixel Peeping – Ole Begemann

iPhone 6 Plusのディスプレイにおけるピクセルの扱われ方について。

The Last Word on Helvetica? — Medium

Helveticaへ送る言葉。Haaaaaaaaaas！

Snapchat - Introducing Snapcash

Snapchatでクレジットカードからクレジットカードへ送金できるように。Square。

Online Markdown Editor - Dillinger, the Last Markdown Editor ever.

オンラインMarkdownエディター。Dropboxに自動保存化。

Pixactly

ピクセル認識能力ゲーム。

7 CSS Units You Might Not Know About - Tuts+ Web Design Article

CSSの単位。chもういけるのかという感じだったけどそうでもなかった。

hawk black leather belt

(コメントなし)

自宅の鍵を定期的に取り替える佐藤君(仮名)の話

パスワードの定期的な変更についての問題点の比喩による説明。

The Evolution of the Title Bar Buttons | Placeit Blog

ウィンドウの最小化・最大化・閉じるボタンの歴史。

Mil サイドゴアブーツ

(コメントなし)

kuro navy denim jeans

(コメントなし)

ザ・ノース・フェイス [THE NORTH FACE] 公式通販サイト　|　スポーツウェア／アウトドアウェア通販のGOLDWIN WEB STORE

North Faceのハードシェル。紺あり。前フラップ。ゴア3層。

Products｜ALLTERRAIN｜DESCENTE｜デサント ブランド公式サイト

防水透湿のハードシェル。暗いネイビーあり。ゴアではない。

Stop Breaking the Web

プログレッシブ・エンハンスメントの重要性及びそれは古いブラウザーやJavaScript無効の環境への対応ではないことの再確認。

vimdiffでより賢いアルゴリズム (patience, histogram) を使う

diff.algorithmとそれをVimで使う話。

Will Google Fonts Ever Be Shut Down? → Typewolf

Google Fontsの成り立ちとその未来について。

Microsoft Band, the smart band powered by Microsoft Health

Microsoftのブレスレット型端末。メインは健康管理。

Coolors Tutorial - The super fast color palettes generator!

カラースキーム・ジェネレーター。スペースで生成、クリックしてロックの繰り返し。

Adactio: Journal—A question of markup

div要素の多用を含めたHTMLのマークアップについて。フォームではちゃんとマークアップしよう的な話。

Wikipedia

Wikipediaの記事を簡単な英語に書き直したバージョン。

Apple on Hamburger Menus

ハンバーガーボタンについてのAppleの人の見解。機能に気づかない・タップ回数増える・戻るボタンの位置とかぶる・項目が増え勝ち。

Exif Jpeg header manipulation tool

JPEGのEXIFデータを扱うCLIツール。

Drop-Down Button vs. Split Button — Designed Thought — Medium

ドロップダウンとスプリットのメニューについて。コンパクト化と複雑性。

The New Safari Improves Text Underlining. - Designer News

Safari 8でリンクの下線が少し変わり、ディセンダの周囲に空白が確保されるようになった？

Open source project name checker

使いたいプロジェクト名が、様々なレジストリーで既に取得されているかどうかを調べられるツール。

Digg Blog, Digg Deeper

Twitter等の複数のフォロワーがシェアしたURLを教えてくれる機能。

One Less Password | Idea Public Notebook

パスワードの登録をなくし、ログインする時はログイン用リンクリンクやワンタイムパスコード経由で行わせる。

Introducing GIFV – Imgur Blog

ImgurもアニメーションGIFをMP4へ変換するように。ファイルサイズの面で大きなメリットがある模様。

Microblogging, the Open Web, and Cross Post | thecave

コンテンツの継続性を考え複数のマイクロブログ・サービスへクロスポストするつーるを作った話。データの受け渡しにはRSSを使う。

Sit the Test

オンライン技能テスト。今はCSSとHTML、JavaScriptのみ。

Capture images and convert raster to vector | Adobe Shape CC

撮った写真からなんとなく切り出し、なんとなくSVGにしてくれるiOSアプリ。

Github Pages PubSubHubbub Support Levels Up ~ bret.io

GitHub Pagesのリビルド時にPubSubHubbubハブへpublishする仕組み。POSTと仕様ではなっているがGETでも大丈夫なことを利用する。

Why the Scroll Event Change in iOS 8 is a Big Deal -Telerik Developer Network

iOS 8のSafariでスクロール中にリペイントされるように。

Eco Coding - Webfont & Desktop font « MyFonts

等幅フォント。$30。細め。Kkrあたりが微妙。

Mac/iOS Safariでバックスラッシュを円記号として表示する方法 — teppeis.hatenablog.com

Safariが内部で行っている円記号の特殊な扱いについて。font-faceの方法は、仕様上一部のグリフだけunicode-rangeで差し替えるのはできないので、local()使ってHiraginoを一から作り直す必要がある。OS XのChromeにはそれで対応できる気がする。

The Next Big Thing In Responsive Design | Co.Design | business + design

デバイスだけでなくコンテンツの見せ方も考慮したレスポンシブ・デザイン。

25% of mobile Chrome users use Samsung Chrome - QuirksBlog

モバイル向けChromeユーザーの25%がSamsung独自ビルドのユーザー。つまりChrome 28ベースのまま進化が止まっていることに。

dotCSS - The largest CSS conference in Europe

dodカンファレンスのCSS。

The Scourge of Helvetica Neue Light | Clagnut

Helvetica Neue LightをUIに使うにはiOS 7やYosemiteのDynamic Type機能のようなものが不可欠という話。

sumodrop.com

AirDrop経由で周囲の人間にファイルを配布できるウェブサービス？

デング熱の解熱剤使用に注意を　NHKニュース

テング熱おさまるまではイブかノーシンが良さそう。

Expanding offers and VM delivery choices on modern.IE - IEBlog - Site Home - MSDN Blogs

VagrantとParallelsのイメージも提供するように。

idee light brown wood coat stand

(コメントなし)

wacom silver stylus

(コメントなし)

Using SVG to shrink your PNGs | Peter Hrynkow

JPGとSVGのmask要素を使ってPNGの透過色を低サイズで実現するテクニック。

Photoshop Font Hero Plugin - Layerhero Software

フォント管理Photoshopプラグイン。Google FontsやTypekitにも対応。

Tips And Tricks - Google Chrome

Chromeの開発者ツールにあるconsole.table()を使うと、ネストされたオブジェクトをコンソール内で表を使って一覧できる。

axemclion/perfjankie

browser-perfを使ったレンダリング・パフォーマンスの計測を行うツール。結果はグラフ。

visionmedia/node-progress

コンソールにプログレスバーを出すNode.jsパッケージ。

Rich Snippets - Webmaster EDU - Webmasters — Google Developers

検索結果ページにサイト内検索をぶち込む機能とその実装。Schema.orgのSearchActionを使う。Microdataも大丈夫だけど、HTMLに組み込むのもJSON-LDのが良さそう。

noda hourou white enamel canister

(コメントなし)

Introducing AM - Attribute Modules for CSS - Glen Maddern: Internet Pro

am-*という属性を使ったOOCSSの実装。そこに辿り着くまでの話だけは興味深い。実装はキモい。

Art=Work · Excluded Ad Placement for Responsive Design

擬似要素を使ってマークアップを変えることなく本文途中にブロックを挟む手法。広告を例にしているが、画像とかでももちろん大丈夫そう。原理がちょっとよくわからない。

Command-Line Options

CLIツールのオプション例。

vim_x64

最新パッチでビルドされたWindowsのVimの64bit版を配布しているところ。

Pexels · Find Free High Quality Photos

自由に使える写真素材を集めて検索できるウェブサイト。CC0。

Ryman Eco - the world's most beautiful sustainable font.

縦が三本線、横が二本線で構成されているセリフ・フォント。印刷時にインクの節約になる？

Frank Chimero – Refragmentation

多くの成功したウェブサービスは、プロトコルやマークアップ、そしてインターフェイスの制限に対する解を提示したということに価値があるという話。

The All-Inclusive Guide to Web Typography Best Practices - BootstrapBay

ウェブ・タイポグラフィーの今。昔に書かれた参考になる記事と今はどのようなものなのか、そしてどうすれば良いのか。

Browsenpm.org | Nodejitsu Inc.

Nodejistuの提供するNPM検索サービス。

Buffer's CSS

BufferのCSSについて。

Chrome Browser

Chromeの64bit版ダウンロード・ページ。

Avoiding Command Injection in Node.js | The ^lift security blog

execをやめてexecFileかspawnを使おうという話。

ネットワーク管理者、携帯通信会社、ISP 向けの Chrome データ圧縮プロキシ - Chrome ヘルプ

(コメントなし)

Soft hyphen bug in Webkit | Clagnut

OS XやiOSのSafariやChromeでソフトハイフンが文字化けするバグについて。

raphaelbastide/Whois-mono

等幅フォント。普通な感じ。

The Mobile Web Handbook — nearly done - QuirksBlog

PPKのモバイル向けウェブ開発本。

One Step Ahead: Improving Performance with Prebrowsing · An A List Apart Article

dns-prefetch/prefetch/prerenderについて。

無線LAN中継機 : WEX-733D | BUFFALO バッファロー

コンセントに挿すだけの無線LAN中継器。11ac対応でそこそこ安価(6600円)。

Minimising font downloads - JakeArchibald.com

unicode-rangeを使って、間に合うのならサブセット化したフォントのみをダウンロードさせるようにする。

heatmap.js | Dynamic Heatmaps for the Web

カーソル位置をトラッキングしてヒートマップを記録・レンダリングするJavaScriptライブラリ。

JavaScript Quality Guide - Pony Foo

JavaScriptのベスト・プラクティス的な。

Upcoming Non-breaking API Changes in Node v0.12 | npmawesome.com

Node.js v0.12での追加API群。util.debuglog()とchild_process.*Sync()あたろがトピックか。

Why Gulp Might Not Be the Answer.

gulpがn:1や1:nのタスクを書きづらいこととBroccoliの良い所。

PerfBar

ウェブサイトのパフォーマンスや状態の計測を行うJavaScriptライブラリ。プラグイン機構あり。

The Problem With Using HTML Imports For Dependency Management - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front-End Development

HTML Importsにおいて依存ライブラリの共有がしづらい問題について。

Stylusでは擬似クラス、擬似要素をネストして書いた方がよい

Stylusではextendで擬似要素が引き継げない。Sassでは引き継げる。

polaroid blue digital camera

(コメントなし)

フェイスブック、「いいね！」をせがむアプリを禁止に | ReadWrite Japan

Facebookのいいね！　要求するプロモーションが禁止へ。

RoundTeam | Let people you trust contribute to your Twitter

特定のアカウントのツイートを自動的にRTすることができるウェブサービス。両方のアカウントで認証が必要。

PragmaExtensions - WHATWG Wiki

meta要素のhttp-equiv属性で指定できる追加のプラグマ。まったく興味なさそう。

The `delete` Operator in JavaScript · Design Pepper

JavaScriptのdelete演算子について。返り値あるの知らなかった。

There are no small changes | Inside Intercom

ちょっとした仕様の変更がもたらすものは決して少なくないという話。レビューの長さを140文字に制限するという変更を例に解説。

Blog | The Noun Project, Adding Color to Your World

Noun Projectにフルカラーのアイコンが登録できるように。

Writebox

オンライン・ディストラクションフリー・エディター。Markdown。DropboxやGoogle Driveのファイルを開け、保存できる。HTMLとしてエクスポートすることも可能。

What's New

Tumblr、Instagram、Facebook、Twitterをまとめたタイムラインを作ってくれるiOSアプリ。

glebm/sass-relative-url

url()内の文字列をstr-*()で処理し、相対パスの半自動的な修正を行えるようにするSassミックスイン。

Statlogger: Email-based stat tracking and charts

特定の形式の件名でメールを送るとグラフを作ってくれるウェブサービス。登録不要、ログイン不要、アプリ不要。メール送るのみ。

Alter #489 to use GEM_SPEC_CACHE · 4e6cc6d · rubygems/rubygems

gem v2.1.0から`~/.gem/specs`決め打ちだったのがGEM_SPEC_CACHEでパスを変更できるように。

Maximize Content-to-Chrome Ratio, Not the Amount of Content on Screen

UIパーツの占める割合は減らすべきだが、少なすぎても混乱するのでコンテンツとUIパーツの比率を画面の大きさに対して一定に保つと良い、という話。似たようなこと某記事で書いたな。

Input: Fonts for Code

等幅っぽいプロポーショナルなコーディング向けフォント。理論はわかる。

RSS Reader for Developers

インタレスト・ベースで購読するRSSリーダー。他人のためにタグつけてあげる必要がある。

Cha - Make task chaining

タスク・ランナー。Promiseベースでタスクをチェーンさせる。StreamではないがI/Oないので速度は出そう。コード志向で、cliインストールもオプション。GUIある……ように見えるけど、まだない。

CronChecker

Cronコマンドを簡単な英語に翻訳してくれるウェブサービス。設定の確認に使える。

Mobile UI Design Patterns. Free E-book By UXPin

モバイルアプリのナビゲーションの実装例の解説。無料。

Pageload

画像やJS、CSS専用CDN。画像の最適化のみを行わせたりするAPIだけの提供もある。値段不明。

Nodemailer by andris9

メール送信Nodeパッケージ。外部依存なし。

雑にWebページ作るときのセットアップ - MEMOGRAPHIX

HTMLをとりあえず作る。Gruntに依存するなら、ローカルサーバーもgrunt-connectが良い気がする。

The World's Most Powerful Browser-Based IDE - Codio

ブラウザー上で動作するIDEを提供するウェブサービス。既存のGitリポジトリのインポートやBowerやGrunt、Yeomanなどのツールとの統合が特徴。

Testing Private Functions in JavaScript Modules

モジュールのプライベート・メソッドをNODE_ENV環境変数が`test`だった場合にのみexportするようにして、テスト可能にする。

css-minification-benchmark results

CSS圧縮ツールの圧縮性能比較。Clean CSS強い。

Polymer vs. X-Tag - Here's the difference · Pascal Precht

PolymerとX-Tagの思想の違いと利用の違いについて。

iTunesギフトコード(500円分)｜ポイント｜フレッツ光メンバーズクラブ｜フレッツ公式｜NTT東日本

フレッツのポイント交換先にiTunesギフトコードが追加。

How a bug in Dropbox permanently deleted my 8000 photos

Dropboxで一部だけ同期を利用しようとした時にクライアントがクラッシュした結果8000以上のファイルが消えた。ユーザーに責任があるかは微妙だけど、依存するなら運用方法に大きな変更を加えた場合はEventの確認は必要そう。

Fontface Ninja

ウェブフォントを調査、変更、ダウンロードできるブックマークレット及びChrome拡張。

audio-technica white headphone code holder

(コメントなし)

HTML minifier

テストが豊富なHTML圧縮ツール。Node.jsモジュールやGruntプラグイン等もある。

sean cassidy : Write in the Margins

余白への書き込みの持つ意味。

Icon Usability

使いやすいアイコンに必要な条件。他、≡の位置や☆と♡の機能の統一性の無さ、ラベルの重要性、そしてアイコンの大きさ。

CommitCal

GutHubでのコミット履歴をiCalに変換。

Usersnap: Visual feedback for web projects.

ウェブページに注釈を入れてフィードバックを送れるようにするウェブサービス。フィードバックの送信と同時にスクリプトエラーもまとめて送ってくれる。

muji light brown leather card case

(コメントなし)

Advanced Web Typography

Elliot Jay Stocksのウェブ・タイポグラフィー本のウェブサイト。今はまだ元になったブログ記事へのリンクのみ。

News - GOG.com Now Supports Linux! - GOG.com

GOGがLinux対応開始。対応ゲームはイマイチ。

making it so that you can pass arguments to run-scripts. · df4b0e7 · npm/npm

npm run-scriptで--に続けて指定した引数を実行するスクリプトへ渡せるように。v2.0.0.alpha-5から。

エンジニアがアウトプットすべき理由 | 外道父の匠

アウトプットとその意味、その効果の可能性。

You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy | Smashing Magazine

レスポンシブ・ウェブ・デザインのちゃんとした実装の仕方を考えよう的な話。タイトル釣り気味でひどい。

Tappy: A custom tap event handler | Filament Group, Inc., Boston, MA

tapイベントとしてclickやtouch*、mouse*、key*などでも発火するようなものを追加するjQueryプラグイン。

hole in the wall wallpaper

(コメントなし)

KILO SHOP TOKYO

古着の量り売り。

The Downward Spiral of Microdata | The Beautiful, Tormented Machine

Microdata APIがSafariとChromeでサポートされなくなったことを受けてRDFaこそ未来だ的な。華麗にスルーされてTwitter Cardsみたいなオレオレセマンティックウェブになると思う。

FF Franziska

非対称のセリフを持つFF Franziskaのメイキング文書。

THIS WORLD by WASTED RITA

(コメントなし)

「フレッツ・テレビ」利用料の一部改定およびサービス名称の変更について | お知らせ・報道発表 | 企業情報 | NTT東日本

フレッツ・テレビが10月から10円値上げ。

Designers: Don't cover what I'm looking at!

オンマウスで暗くなるやつやめろというやつ。俺も好きじゃない。けどUXに悪影響を与えるかは微妙な気がする。

tkadlec/grunt-perfbudget

WebPagetestを使ったパフォーマンス測定を行ってくれるGruntプラグイン。デプロイ後にしか測れない気がする。

JavaScript フレームワークがデータバインディングを実現する４通りの手法 - てっく煮ブログ

MV*のデータ・バインディングの方式について。Object.observe()さん。

M dot or RWD. Which is faster? - BigQueri.es

リダイレクトでモバイル専用サイトに飛ぶ場合とレスポンシブ・ウェブ・デザインのサイトの場合のパフォーマンスについて。リダイレクトのためのイニシャル・コストの影響が大きい。

iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 Google Analytics

Google Analyticsの公式iOS向けアプリ。

sass/doc-src/SASS_CHANGELOG.md at 3.4.0.rc.1 · sass/sass

Sass 3.4.0.rc.1のリリースノート。セレクター関数、完全な変数のスコープとSource Mapがデフォルトで有効に。

The Typekit Blog | Introducing Source Han Sans: An open source Pan-CJK typeface

SourceファミリーのCJKフォント。

Tuesday, 15 July 2014 – The Pastry Box Project

メモ、ドラフト、スケッチ。それらを寝かせる。

A Workhorse with No Name — Medium

SMACSSでのmoduleとOOCSSでのboxというクラス名について。プレゼンテーション感が強いので、コンテンツを……という感じ。SMACSSではそうだけど、OOCSSの概念は崩す気がする。

How to structure your Grunt tasks

タスクを読むためのloadTasks()を使って、分割したGruntの設定を一気読みするアイディア。タスクベースで書けるので良さそう。

FF Subsetter - Optimize your Web FontFont

フォントのサブセット化と、数字のオールドスタイル/ライニングの相互変換、ヒンティングとカーニングの調整が行えるウェブサービス。

marshall stanmore black bluetooth speaker

(コメントなし)

moleskin khaki notebook

(コメントなし)

BundesSans and BundesSerif — truly democratic typefaces | I LOVE TYPOGRAPHY

ドイツの政府用フォント？

Offline Browsing Secrets In Chrome

Chrome 35で追加されたオフラインモードについて。

You stole my images and now you’re going to die

画像のコピーへの対処。オーバーレイのみ、オーバーレイ＋暗号化＋camvas、そして手動インターレース。最後の凄い。

Privatize

特定のTwitterユーザーのみが開くことの出来るリンクを作成してくれるウェブサービス。詳細不明。作る方はもちろん、見る方も認証必要な気がする。

Blogist

Gistをデータソースに使うブログ・ツール。JavaScriptによる動的な生成だがRSS等は吐かれる。RSSはPipes経由。

The Typekit Blog | Source Sans 2.0

Source Sans Proのv2がリリース。あんまり変わらなそう。

aether speaker

(コメントなし)

wkhtmltopdf

ウェブページをPDFに変換するソフトウェア。マルチプラットフォーム。画像へ変換するツールもあり。

Hello Windows

AtomのWindowsビルドのアルファ版が公式リリース。

wood glass table

(コメントなし)

Coming Soon

ドラッグアンドドロップでモバイル・インターフェースのインタラクション・デザインを行えるソフトウェア。モックアップだけなのかな？

Abusing JSONP with Rosetta Flash

細工をしてJSONに見せかけたFlashを使うと、脆弱性を抱える(関数の長さチェックなし？)JSONP APIのエンドポイントのドメインにある任意のURLをアクセスしたユーザーのクッキーを使って取得できる。

When Security Generates Insecurity

ログイン済みだとLocationヘッダーを使って特定のURLへリダイレクトされるURLを利用したログイン済みかどうかを判別するアイディア。

bahmutov/next-update

一時的に依存モジュールのバージョンを上げてからテストを実行してその結果を教えてくれるNode.jsパッケージ。

danese white modular tray

(コメントなし)

Draft. Write Better.

バージョン管理機能付きMarkdownエディタのウェブサービス。書いた文書をプロジェクトとしてまとめたり、それをウェブサイトとしてのホスティングしてくれたり。盛りだくさん。

Farewell Node.js — Code adventures — Medium

TJ Holo (aka visionmedia)がNode.js書くのやめる話。

slimver

semverからプリリリースやビルド・メタデータを排除し、レンジ指定をシンプルにしたもの。

fetching.io/search/all

ブラウザーで開いたページのインデックスをサーバーに送信しあとから全文検索できるようにするウェブサービス。完全にローカルで動くなら便利そう。

Ask DN: 13" or 15" Retina MacBook Pro? - Designer News

MacBook Proの13''と15''のどちらか。作業スペースの問題が大きいので15''優勢。そこを外部ディスプレイで……という人が13''推し。

Design - Developer Center - Joyent

Node.jsを使ったコードについて、Joyentではどう書いているかの文書。

CSS Font Loading Module Level 3を試してみた - console.blog(self);

CSS Font Loading Moduleの状況と実働サンプル。

normalize.io - the end of package management for the web

URLでパッケージを指定して取り込み、インラインに展開したりするビルドツールで処理。package.jsonのような外部ファイルが不要。URLはCDNとして機能するので実装やテストはビルドせずに行える。

Typography - Style - Google design guidelines

RobotoのRKkが変わってスッキリとした。これなら好きになれそう。

Dev.Opera — Opera Mini 8 for iOS released

Opera Mini 8がリリース。MiniモードはPrestoの新バージョンで、TurboモードはWebKitまんま。

muji straw hat

(コメントなし)

ingydotnet/git-subrepo

subtreeをもっとシンプルにしたもの。

Drive by Jolicloud

DropboxやBox、Google Driveなどをまとめて管理することの出来るウェブサービス。

iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 Adobe Line - 描画用の本格ツール

iPad向けドローイング・アプリ。

HTMLHint

HTMLの簡単なチェックを行うNode.jsパッケージ。

git/contrib/subtree/git-subtree.txt at v2.0.0 · git/git

Git v2.0.0でのgit subtreeのドキュメント。subtree覚える。

IE Developer Channel

IEのDevチャンネル。

[Failure teaches success] データの持ち方を失敗した - Rejasupoem

失敗の知見を貯める仕組み気になる。ちょうどlinterでの失敗を貯めて反省する仕組みほしいとか考えてた。

mustache of mustaches

(コメントなし)

typeface mustaches

(コメントなし)

azer/bud

ファイルのリストアップや監視機能だけを提供するタスクランナー。

Add a CHANGELOG entry about selector functions. · f701698 · sass/sass

セレクターを作り出す関数群が追加された。

Xbox LIVE Indie Games - 再頒布可能フォント パック

XNA Game Studio向けの再頒布可能フォントパッケージ。Segoe UI Monoが含まれている。

VimのDirectWriteの設定方法 — KaoriYa

WindowsのVimでDirectWriteを利用した描画に変更する方法。

Pau Giner (The invisible gradient technique: Cross-browser support for SVG (with image fallback) using CSS)

複数画像に対応していないブラウザとSVGに対応していないブラウザがほぼ同じなことを利用してSVGのフォールバックを行うCSSハック。

JS: Auto-generate Grunt tasks using Static Analysis

プロジェクトに新規追加されたファイルを監視して、その拡張子に応じたコンパイルやBrowserifyする(Grunt|gulp)プラグインを自動でインストールし、設定まで書いてくれる補助ツールの話。

pixel yosemite wallpaper

(コメントなし)

:visited and Captchas

訪問済みなら見えないCaptchaを生成して、Captchaを入力すると訪問済みかどうかバレる仕組み。

Creating custom tiles for IE11 websites (Windows)

IE11からbrowserconfig.xmlというファイルでタイルアイコンを定義するようになった。

PSD Viewing & Diffing

GitHubでPSDファイルのプレビューとDIFFがサポート。

Media Queries Level 4

MQ4。

swatch automatic watch

(コメントなし)

Scoop

様々なプログラムをコマンドラインからインストールできるようにするパッケージマネージャー。要PowerShell 3。

Paletton - The Color Scheme Designer

カラーパレット作成ツール。Color Scheme Designerの後継。

visionmedia/superagent

HTTP周りの便利Node.jsパッケージ。ブラウザーでも動く。

API Providers Contact - Runnable

様々な言語で書いたコードの実行結果がブラウザー上で見れ共有することもできるウェブサービス。

ZenHub.io

GitHubを書きかえて様々な機能を追加するChrome拡張。

scala wallpaper

(コメントなし)

TremayneChrist/ProtectJS

オブジェクトにプライベート・メソッドを追加することを可能にするJavaScriptライブラリ。

Dragdis - Drag & drop anything anywhere.

画像や文字、スクリーンショットなどをコレクションして整理できるウェブサービス。

iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 Trgl

三角ポリゴンで写真を加工するiOSアプリ。

Bees & Bombs

ベクター系のアニメーションGIFがいっぱい。絶妙に気持ち悪く、酔う。

Encode. Impallari Type

5 widths & 9 weightsで45種のフォント。

人には難しい気がする機械の真偽 | dskd

型じゃなくて、存在をチェックする式書くべきみたいな話な気がする。

Griddify, a Tiny Photoshop Panel for Guides and Grids

簡単にグリッドを追加できるPhotoshop拡張。選択範囲に対してとかも可能。JSで作られてるっぽい動画もすごい。

mickey who wallpaper

(コメントなし)

issey miyake transparent plastic watch

(コメントなし)

印刷したGIF画像が動くアプリ

アニメーションGIFを印刷する。

MiniCap - Mouser - Software - DonationCoder.com

コマンドラインからフル制御できるスクリーンショットを撮影するWindowsソフトウェア。

Source Serif Pro

Source “Serif” Pro!

MOLESKINE モレスキン カラーノートブック ソフトカバー 全27アイテムが新登場！

モレスキンのノートにもドット方眼が。

copper wall mount espresso maker

(コメントなし)

Announcing Dropbox webhooks - Developer Blog - Dropbox

DropboxにWebhook APIが登場。

codegrabber

GitHubに置いてあるコードをXMLHttpRequestが許可されているrawgitのCDNを利用して動的にウェブページに埋め込むJavaScriptライブラリ。リンクを書いておいてpreに変換した方が良さそう。

Chrome ウェブストア - Octotree

GitHubのリポジトリページにツリーナビゲーションを追加するChrome拡張。

adobe-webplatform/css-shapes-polyfill

CSS Shapesのpolyfillライブラリ。

So What’s the Big Deal with Horizontal & Vertical Bezier Handles Anyway? | The Australian Graphic Supply Co

ベクタ画像のアンカーハンドルについて。

True by ericam

Sassの関数のテストを行えるRubyジェム。値のテストのみ。

disposable french press coffee brewer

(コメントなし)

Chrome ウェブストア - pinput

Pinboard投稿用のChrome拡張。

Chrome ウェブストア - Flavoured Favicon

ファビコンの色合いを変更して同じファビコンで違うドメインのウェブサイトを開いていても認識しやすくするChrome拡張。

Artifact Austin: Leaving Pixels Behind - Todd Parker - Google スライド

Filamentの人によるSVGの解説プレゼン。Data URIへの埋め込みがCSSスプライトと等価と評してることとOpera miniの数の話以外はとても参考になる。

DynCSS - Simple dynamic CSS rules to give life to your sites.

IEにかつてあったexpression()のような機能を提供するJavaScriptライブラリ。便利そうではある。

The Return of Upcoming.org by Andy Baio — Kickstarter

Upcoming復活へ向けてのKickstarterプロジェクト。

Flowhub - Peer-to-peer full-stack visual programming for your fingers | Flowhub

NoFloを使ってコード書かずにプログラムを作れるウェブサービス。

Glue — glue 0.9.4 documentation

複数の画像をまとめた画像と参照するCSSを作成するCSSスプライト生成ツール。

Pinboard: bookmarks for hail2u

ハローPinboard！　わらずDeliciousとはてなブックマークにはミラーする予定。

#AmazonCart – Add items to your Cart without leaving Twitter

#AmazonCartというハッシュタグと商品リンクを含めてツイートすると、Twitterから直接Amazonのカートに商品をつっこめる。

Gridzzly.com - Make your own grid paper.

紙に印刷できるような形でグリッドを作成できるウェブサービス。

WebデザインのスクラップはIcebergsが良い - MEMOGRAPHIX

ウェブサイトのキャプチャを集められるウェブサービス。Googleドライブに保存拡張でGoogleドライブに置いてる。

Breaking Bad (Loops in JavaScript Libraries)

forEachもどきのループから脱出できるライブラリとそうでないライブラリがあることについて。Lo-Dash抜けれるの知らなかった。

Code Adventure | Simplify Workflows for Designers

カラースキーム管理拡張。オブジェクトと色をリンクさせ一度に複数の箇所を変更することができるようになる。

Child Process Node.js v0.11.12 Manual & Documentation

v0.11系にexec*Sync()が3種追加された。

tata&friends yellow rock band icons poster (flaming lips ver)

(コメントなし)

cbucher/console

Console2の後継？

SVG Integration

SVGを参照した時のモードを増やし、柔軟に色々できるようにするための仕様？

Texter

指定した文章をウニョウニョドローできる。楽しい。

bndr/node-read

ウェブページやHTMLから主要コンテンツを抜き出すNode.jsパッケージ。

Injecting SVG With JavaScript | Pencil Scoop | Web Design & Development

JavaScriptでSVGを書き出す。SVGファイルと比較するとCSSとHTTPリクエストで、インラインSVGと比較するとキャッシュの面でメリットがある。やりたくないけど使っちゃいそう。

Seamless.js | Beautiful, seamless iframes.

iframeのseamless属性のjQueryプラグイン。

muji navy washi book cover

(コメントなし)

Exclusive: Nike fires majority of FuelBand team, will stop making wearable hardware - CNET

FuelBandの開発チームがリストラ。新作はキャンセル。開発停止？

衣類スチーマー NI-FS350 | アイロン／衣類スチーマー | Panasonic

衣類スチーマー兼簡易アイロン。1万円くらい。

JsonStub

バックエンドの応答をいくつか作っておき、それを利用してフロントエンドの開発を行えるようにするダミーAPIを提供するウェブサービス。

Fragmentions - linking to any text

コンテンツのテキストを##で指定して参照できるようにする仕組みの提案。

indus/VLEX

SVGの絶対座標ドリブンな座標指定をもっと柔軟に指定できるようにするJavaScriptライブラリ。

ziyunfei/de-heredoc

function()を利用したヒアドキュメントもどきを普通のリテラルに変換するNode.jsパッケージ。

github-cheat-sheet/README.ja.md at master · hail2u/github-cheat-sheet

GitHubとGitの隠し機能の文書。の日本語訳を作った。

A New Typeface Designed for Split-Second Legibility | Design in the browser with web fonts and real content — Typecast

文字を認識しやすくすることを目的としたタイプフェイスのフォントBurlingame。オープンカウンター。スクエア。Verdanaとコンセプトは似ている気がする。

copywriting - Should error messages apologize? - User Experience Stack Exchange

エラーメッセージで謝るべきかどうか。その文の有用性ではなく、雰囲気に与える影響を考慮する方が良い。

美術をもっと楽しむ展示 じっくり | ポーラ美術館

絵にキャプションを付けたりじっくり鑑賞する展覧会。

Meaningful Transitions // Home

アニメーションを使って、操作の意味をそれとなく教える手法について。

JUST LIKE HONEYEE

HONEYEEのオンラインショップ。

Edit fiddle - JSFiddle

ユーザーのローカルIPアドレスを取得。

RegExr: Learn, Build, & Test RegEx

ブラウザーで正規表現をテストできるツール。

evouni black leather ipad cover

(コメントなし)

camper white leather sneakers

(コメントなし)

Zed | Zed — Rethinking Code Editing

Chrome上で動くエディター。プログラミング向け。

polygon march wallpaper

(コメントなし)

Chrome ウェブストア - xTab

タブの最大数を制限し、最近使った順にタブを削除してくれるChrome拡張。

cliq magnetic hanger

(コメントなし)

swatch white chronograph watch

(コメントなし)

Generate SVG with Photoshop CC (beta) | Creative droplets

GeneratorにあるSVG出力を有効にするとPhotoshopからダイレクトにSVGが出力できる。

Sass parallax example - CodePen

CSSのtransformで奥行きをいじったパララックス実装。

buttons - Should "Yes, delete it" be red, or green? - User Experience Stack Exchange

破壊的な作業を行うボタンの色についての質問。ベストアンサーで実装しつつUndoできるのが良い気がする。

Patatap

キーを叩くと音がなり、なんかが動く。

lines wallpaper

(コメントなし)

Some stuff that doesn't work between the DOM and Shadow DOM | The Paciello Group BlogThe Paciello Group Blog

#によるリンクやlabelとidを使ったフォーム要素の関連付けはDOMとShadow DOM間でまだ機能しない。

Velositey - Website Layout Builder for Photoshop

プロトタイピングの高速化を補助するPhotoshopプラグイン。

Slush

gulpjsを間接的に利用したスキャフォルディング・ツール・

twolfson/foundry

どこかにリリースをするための汎用ツール。npmやpypiへの対応はプラグイン式。

Analytics Art: NBA passing « Hang Time Blog with Sekou Smith | NBA.com

NBAチームのパス配分をインフォグラフィックに。偏ってるとだいたい強くも弱くもない。

Spaces

タイポグラフィにおける空白。

SpaceSniffer, find lost disk space the easy way.

ドライブの各フォルダーがどれくらい消費しているかを一覧にしてくれるソフトウェア。

cado silver air purifier

(コメントなし)

Node.jsのrequireをインライン化、無駄なuse strictを取り除くモジュールを書いた | Web scratch

use strictないことを前提にしてるモジュール混ぜたら嫌な感じになるかどうか調べる。

hitode909の日記

リレイアウトで読んでるところがずれることより、CPUとられてスクロールがもたつくとかの方を嫌う人が多そう。

Fluidity

max-widthとoverflowでれすぽんしぶぶぶぶぶぶぶぶぶぶぶぶ。

Brick. Webfonts that actually look good.

ウェブフォントの配信ウェブサービス。クオリティを重視し、オリジナルに手を加えない。

Goodbye Popcorn Time — Medium

Popcorn Time終了のお知らせとその存在意義について。

menu wall shelves

(コメントなし)

RESIZE.THATSH.IT

ブラウザーをリサイズしてパズルを完成させるゲーム。

Noisli - background noise and color generator for working and relaxing

アンビエントなノイズのBGMを生成してくれるウェブサービス。デストラクション・フリーなエディターもある。

Is My Shift Key On or Not

iOS 7.1のShiftキーの状態わかる？

PNotify

トースター通知をウェブページに導入するためのJavaScriptライブラリ。

Visage - Beautiful, Branded Reports

キレイなグラフでデータ解析結果を作ってくれるウェブサービス。

dust wallpaper

(コメントなし)

quiet afternoon wallpaper

(コメントなし)

Clear Sans | 01.org

フォント。普通の感じのやつ。

naugtur/insertionQuery

DOM監視せずにanimationの発火を監視して要素の挿入を検知するJavaScriptライブラリ。transparentなoutlineをアニメーションさせてる。

Merge Two Git Repositories Into One » Code Nomad

複数のリポジトリを履歴を維持してマージ。

aadsm/jschardet

エンコーディングを調べるNode.jsパッケージ。ドキュメントわかりにくいけど、Buffer直接投げたり、UniversalDetector使うとStreamもいける。

Typsettings | Home

文字や文の縦のリズムを簡単に調整するためのSassパーシャル。

bigfish/vim-js-context-coloring

関数のネストごとに色を変え、スコープを判別しやすくするVimプラグイン。

books about golden ratio

(コメントなし)

“Web Hook” Alert Contacts (New Feature) | Uptime Robot - Blog

Uptime Robotで通知をWeb Hookに投げることが出来るように。

Formspree | Functional HTML forms

サインアップ不要のフォーム設置サービス。iframeでもない。スパム怖いけど便利そう。

480888 – outlines are drawn outside (i.e., expanded by) box-shadow and other visual overflow

Firefoxでoutlineがbox-shadowの外になるのが修正された。

BBC News - Facebook quietly ends email address system

facebook.comのメールアドレスがなくなる。転送では続く？

Fez

コード志向のビルド・ツール。gulpjsよりちょっと書きやすそう。ファイルを経由するのでそれほど速くはなさそう。

wesbos/Gruntfile.js

grunt.loadTasks()をタスクごとの設定のロードに流用。

'npm install --save' No Longer Uses Tildes | FredKSchott

npm install --saveで~ではなく^で依存バージョンに追加されるようになったので、マイナー番号での更新も含まれるようになった。

[c] (3) The tabindex='' attribute makes an element interactive. · 2781765 · whatwg/html-mirror

tabindexつけるとあらゆる要素はインタラクティブになる。というWHATWG側の決定。

Pint

Gruntのラッパー。タスクごとに設定をファイルに保存できたり、タスク内ジョブ同士の依存を定義してできうる限り並列に実行したりする。

drp.io - Fast, easy and secure images hosting - Simply drop one or more images to share them

D&Dだけの画像アップローダー。

laurent22/massren

ディレクトリのファイル一覧をエディタで開き、それを編集した結果でリネームを行ってくれるソフトウェア。E-Renameみたいな奴。

David, a dependency management tool for Node.js projects

Node.jsパッケージの依存パッケージが最新かどうかを教えてくれるウェブサービス。登録不要。自分のGitHubアカウント名を指定するだけ。

Brunch | ultra-fast HTML5 build tool

ビルドツール。Gruntと違いビルド寄りで、より高速に効率的にデプロイすることが主眼。Bowerとの統合・デフォルトで更新されたファイルだけが対象・Source Mapへの対応などが良さそう。

gcmt/wildfire.vim

ノーマル・モードでEnterを押すと、直近のtext objectを選択してくれるVimプラグイン。

Grunt.jsでCSSの整形を行うgrunt-cssprettyを公開 | Another Sky

CSSを好きなフォーマットで整形するGruntプラグイン。PostCSS。

VSCO GRID | Visual Supply Co

ミニマルな写真ギャラリーを作れるウェブサービス。自分の写真のみ？

Sass treats `_` and `-` in variable name are same? · Issue #1114 · nex3/sass

Sassの変数名でハイフンとアンダースコアが同一視されるのは、後方互換性のための仕様だそうだ。

Labcase - Open Device Lab, in a case.

USBケーブル経由で10種のモバイル機器に接続してテストする環境をレンタルできる。週50ポンド。イギリスのみ。

Placeholdem // Placeholder Caret Animation

プレースホルダー文字列をアニメーションさせて消す(または表示する)JavaScriptライブラリ。

Clef

アニメーションするバーを専用カメラアプリで映して認証。

Dug.js — A JSONP to HTML Script — Rog.ie

JSONPで返ってきたデータをmustacheで加工までやるJavaScriptライブラリ。

A new year, a new design | Clagnut

Clagnutのリデザイン。スタイルガイドあり。

Sache: Find Sass and Compass Extensions for your next project

SassやCompassのパーシャル。sache.jsonを作って登録する。

radubrehar/versiony

JSONファイルにあるsemverっぽいキーの値をインクリメントしてくれるNodeパッケージ。JSON限定。

Cactus for Mac - A better workflow for hand coding websites

ローカルでDjango (?)を使って動的にウェブサイトを構築し、リモートに静的なウェブサイトとしてデプロイするソフトウェア。

Human Headers

HTTPヘッダーで開発者の情報や雇用情報を提供しようという提案。

Kerning on the Web | The Typekit Blog

GDIなWindowsのChromeでもカーニング効く気がするけど、otfだとダメとかなんだろか。

922669 – Implement support for the :hover user action pseudo-class on pseudo-elements

Firefox 28から擬似要素で擬似クラスが効くように。

millermedeiros/node-ant

Ant for Node.js.

A cloud storage service and bittorrent engine combined: put.io

BitTorrentを使ったオンライン・ストレージ、兼BitTorrentクライアント。

How to follow the Google webmaster guidelines

任意のURLがGoogleの提供するWebmasterガイドラインにそっているかをチェックしてくれるウェブサービス。

WSH/JScriptをECMAScript標準にするWSHModuleを作りました | 圧縮電子どうのこうの

ES5で書いてWSHで実行。

shoes like pottery moonstar black canvas sneakers

(コメントなし)

GuideGuide

GuideGuideの3.0。

superga navy edifice leather canvas sneakers

(コメントなし)

二川幸夫 「フランク・ロイド・ライト」 | タカ・イシイギャラリー / Taka Ishi Gallery

二川。FLW。

Fit.js » Fit things into other things

AをBにフィットさせるように変形するJavaScriptライブラリ。transformを使うと文字でもフィットさせることが出来る。

ウェブサービスの問題報告コストが高くて報告されない問題対策 - Liner Note

報告フォームの敷居。開発チームとは別にテスター・チームみたいなのが独立して存在するかとかの組織構造にも関係ありそう。

twenty fourteen typography poster

(コメントなし)

IFTTT Blog - Introducing the GitHub Channel

IFTTTにGitHubチャンネルができた。

the chain reaction project icons

(コメントなし)

PNG Crush

pngcrushのJavaScriptポート&ウェブインターフェイス。

Image Vectorizer - bitmap to vector graphic conversion

ラスター画像をベクター画像に変換するソフトウェア。

Sightsmap

写真が撮られた場所をヒートマップに。

Anitype

タイプフェイスをアニメーションさせて遊ぶウェブサイト。

RFC 5147 - URI Fragment Identifiers for the text/plain Media Type

TXTファイル向けのURIフラグメント識別子の仕様。

countUp.js

指定した数字までアニメーションしながらインクリメントして表示してくれるJavaScriptライブラリ。

grunge element poster

(コメントなし)

Daring Fireball Linked List: The Markdown File Extension

Markdownファイルの拡張子の話。

横に水平線のあるテキスト · terkel.jp

左右に線引く奴をFlexboxで。背景画像あっても大丈夫なのも良いな。

Codebox

Cloud IDEとそれで利用する設定済み開発環境の配布をセットにしたウェブサービス。

Title Capitalization Tool - Automatically Capitalize Your Title

タイトルのキャピタリゼーションをやってくれるツール。

splat wallpaper

(コメントなし)

Faster, More Awesome GitHub Pages

GitHub PagesがCDN経由での配信になり、高速に？

Ten reasons we switched from an icon font to SVG - Ian Feather

アイコン・フォントと比べたSVGの利点。

Issue 236298 - chromium - Occasionally, "serif" font shows up where "sans-serif" is supposed to be - An open-source project to help move the web forward. - Google Project Hosting

Chromeで稀に意図しないフォントで表示されてしまうバグ。直るみたい。

aram bartholl white linkedin leaked password book

(コメントなし)

Kyo Nagashima’s Delicious Annual Stats

Deliciousの年間リポート。

Tracking Printed Pages (or How to Validate Assumptions) - Web Standards Sherpa

utm_*パラメーターを使って、印刷をGoogle Analyticsでトラッキングする。

Roughdraft.io | Gist-powered writing.

Gistに書いた文書を適当に整形してくれるウェブサービス。勝手にユーザーページ作られるのはよろしくない感じある。

Hello - Exposure

写真ギャラリーを作成できるウェブサービス。3つまで無料。

The printer is a device too! > Responsive Web Design

プリンターもよろしくね。

I Love Ligatures

リガチャを使ったロゴのコレクション。

Saved.io - The fastest way to save links in the cloud

(コメントなし)

satechi usb portable humidifier

(コメントなし)

Windows8.1で複数マシンが同期される話 - What will be done tomorrow?

PC間でのユーザー設定の同期。SkyDriveの設定でおおまかにオン・オフできた気がする。

HTML5 Hub | Web Graphics Trends in 2013

グラフィック・ライブラリの流行りの変遷と今のおすすめ。

MotaWord - Fastest Cloud Based Translation

翻訳の依頼と受注。14￠/単語。

The top 10 most successful logo redesigns of 2013 | StockLogos.com

2013年にロゴを変えたブランドの成功例。

LOFTER｜网易轻博客

ミニブログ。中国。簡単におしゃれブログ作れる。

Issue 137692 - chromium - Horrible font rendering with Google Web Fonts on Chrome for Windows - An open-source project to help move the web forward. - Google Project Hosting

ChromeがようやくDirectWriteとサブピクセルレンダリングを使うようになりそう。

white wall mount plant ring

(コメントなし)

duo colorful radial calendar

(コメントなし)

Welcome to the 2014 version of this site: a complete rebuild | Matt Steele

スタイルガイドから始めた話。

hi 2014 wallpaper

(コメントなし)

Color Palette Generator

画像からカラーパレットを生成してくれるウェブサービス。

So You've Decided To Open-Source A Project At Work. What Now? | Smashing Magazine

プロジェクトをオープンソースにする時の「なぜ」・「どうやって」。

Why and how to highlight hyperlinks on mouse hover

マウスを載せた時は即座に色が切り替わるようにし、マウスが離れた時に少し遅れて色が戻るようにする。

壁に付けられる家具・棚・幅８８ｃｍ・タモ材／ライトグレー 幅８８×奥行１２×高さ１０ｃｍ | 無印良品ネットストア

壁につける家具シリーズに白が出た。

Google Fonts Alegreya Sans

Alegreyaのサンセリフ。

Lost Type Co-op | Mission Gothic

5ウェイト・2スタイルのサンセリフ。

Stan Smith スタンスミス | Originals オリジナルス |アディダス オンラインショップ -adidas 公式サイト-

2014/01/15発売。黒はない……。

adidas white sneakers

(コメントなし)

handlebars.js/release-notes.md

Handlebars.js v1.2.0

gulp.js - the streaming build system

タスクランナー。タスクごとにいちいちファイルの入出力をしないので高速に動作する。

Readymag

簡単な操作でページめくりベースのウェブ雑誌を作れるウェブサービス。

Origins of Common UI Symbols

UI記号の起源。

Today Was a Good Day | Paper Jam Press

(コメントなし)

faver-castell wood platinum fountain pen

(コメントなし)

Spotiamp

WinampのデザインをパクったSpotifyプレーヤー。Shoutcastサーバー内蔵。

nine by four wood tubelight

(コメントなし)

[翻訳] MCSS (Multilayer CSS) | Unformed Building

CSSの管理手法であるMCSSの公式ドキュメントの翻訳。

Snow Fail: Do Readers Really Prefer Parallax Web Design? | Co.Design | business design

同じウェブサイトをパララックスありなしでA/Bテストした結果の話。さほどユーザー経験に影響は与えなかったらしい。

Using ARIA to enhance SVG accessibility | The Paciello Group BlogThe Paciello Group Blog

role="img" aria-labelledby="title desc"を使ってSVGをアクセシブルに。

MY BEST YOKOHAMA PHOTO みんなで作る大好きな横浜 | LUMINE

横浜に期間限定で西口ルミネが旧CIALのとこにできるらしい。とそのなんかキャンペーン。

Pixelapse - Visual version control for designers

画像ファイルのバージョン管理を自動的に行ってくれるソフトウェア。画像に直接注釈をつけられたり、サイドバイサイドで比較できたり。

In Their Own Write: Web Books and their Authors ◆ 24 ways

著作すること。

The Responsive Hover Paradigm ◆ 24 ways

:hoverでやっていることのモバイル機器への移植。

This is a Website – Jeffrey Zeldman Presents The Daily Report

ブログは死なないぞ～。

Ifvisible.js by serkanyersen

自身を開いているタブがアクティブかどうかを知ることができるJavaScriptライブラリ。

Myth - CSS the way it was imagined.

ウェブ標準で書かれたCSSを現行仕様にあわせてよしなにしてくれるツール。

Thoughts on ‘Button Shapes’ in iOS 7.1 Beta 2

iOS 7.1 Beta 2でアクセシビリティーの設定からボタン類へ強制的に枠線を付けられるように。

300ms tap delay, gone away - HTML5Rocks Updates

Chrome 32 for Androidでwidth=device-widthなら300msの遅延がなくなるように。

Make grep 50x faster

LANG=C grepで速くなるかも。

Google のプロフィール写真とカバー写真の設定 - Google ヘルプ

カバー画像の推奨サイズが変更。480x270~2120x1192で推奨は1080x608。

Typeplate » A typographic starter kit encouraging great type on the Web

タイポグラフィーのみに機能を絞ったCSSフレームワーク。すごく良く出来てる気がする。

BASSCSS

Vanilla CSSっぽいアレ。とかサンプルコードにあって泣ける。

Studio Neat — Glif

スマホの三脚・スタンド。

Safari Web Content Guide: Creating Compatible Web Content

搭載メモリの少ないデバイスにおける画像の3メガピクセル制限について。

WebFonter

FontShopのフォントを任意のウェブページで試せるウェブサービス。ブックマークレットもあり。

M LOG

英数ひらがなカタカナまでの軽量M+のWebフォント版。

パトリックが新型スニーカー「モントリオールⅡ」を発売 | NEW ITEM | FASHION | WWD JAPAN.COM

2014/01にモントリオールII。スタンスミスでなかったら買っちゃいそう。

leecrossley/grunt-pause

タスク間で停止できる確認メッセージを出すGruntプラグイン。

OriDomi - origami for the web

要素をたたむ効果を簡単に追加できるJavaScriptライブラリ。

Unroll.me

延々と送られてくるメールの登録を解除して、ダイジェストに変換してくれるウェブサービス。怖い。

Product Style Guide, Visual guidelines for Salesforce1

Salesforce1のStyle Guide。

muji acryl reindeer

(コメントなし)

What’s New in 4.0 - Creative Commons

Creative Comminsの4.0。

Home - DynoSRC

更新時にJavaScriptファイルの差分のみを送りつけ、パッチを当てて実行させるライブラリ。

[blink] Revision 162179

(コメントなし)

cmder | Console Emulator

CMDのラッパーではなくConEmuのクソUIをキレイにしてclinkぶち込んだもの。

F-Secure KEY | The personal assistant for all your login needs | F-Secure

クロスプラットフォームなパスワードマネージャー。有償？

jQuery Evergreen

jQuery互換ライブラリ。ES6で書いて変換して作られている。Gruntでカスタムビルドの作成もサポート。

大竹が巨人入り表明 広島での１２年に感謝 - カープ情報 - 中国新聞

大竹、巨人へ。辛い。

HTML Tidy for Windows with HTML5, tidy.exe download, batch files

HTML TidyのHTML5対応版のWindows向けバイナリ。

HTML Tidy for HTML5 (experimental)

HTML TidyのHTML5対応版。

Readability

Readabilityが機能を大幅に追加してベータテスト開始。

the girl with the white coat (Beginners guide to minimalism.)

捨てるフローチャート。

フィルムが生きていた | modshrink

フィルム。

ish. yet another viewport resizer.

リサイズしやすくするのみ。

BreakpointTester | Test Your Responsive Design By Breakpoints, Not By Device Width

CSSをスキャンしてブレークポイントを探し、そのサイズを使ってプレビューを横に並べて一気に表示してくれるブックマークレット。

D3plus

d3のラッパー・ライブラリ。

INIT • An initial boilerplate for front-end projects

HTML5Boilerplateを基本にBowerによるパッケージ管理、Gruntによるビルドを組み合わせたスキャフォルディング・ツール。

velt black brown leather boots

(コメントなし)

Sputnik - Simple and practical RSS reader

オフラインでも動作する最近珍しいスタンドアローン型RSSリーダー。良さそう。だけど邪魔そう。

giphoscope

アニメーションGIFからパタパタの機械に。

Adobe® Edge Web Fonts

Adobe版Google Fonts的な。

MCSS

CSSをBase、Project、Cosmeticの3種に分類して整理する手法。自分のやり方とちょっと似てる。

book cover of Shady Characters (UK)

(コメントなし)

CSS Dashed Shadow - CodePen

擬似要素を使ったストライプ影文字。影を作るテキストを:afterで、背景色と透明の斜めストライプを:beforeで重ねてる。

biaretti coffeemaker watercolor illustration

(コメントなし)

Standing desk - Wikipedia, the free encyclopedia

立って使う机。流行ってるの？

Hövding – Airbag for cyclists

自転車用エアバッグ。マフラー状で、転倒すると頭部を覆うように広がる。

We Heart It | Discover inspiration & beautiful images every day

画像クリッピングのウェブサービス。Pinterest的な。

polygonized captain america poster

(コメントなし)

jsDelivr - Free CDN for javascript libraries, jQuery plugins, CSS frameworks, Fonts and more

ライブラリ等のホスティングを代行してくれる特化型CDNウェブサービス。Webフォント置いても良いみたい。

rather

FacebookやTwitterのイラッとする、しかしアンフォローする程でもない投稿を差し替えて快適にするChrome拡張。

Form Label Design – David Bushell – Web Design & Front-end Development

Floating Label PatternをCSSのみで。:emptyとかそういえばあったな。

Ink: Email CSS Inliner

CSSをインライン化してくれるツール。電子メール向け。

Issue 294179 - chromium - support svg favicon - An open-source project to help move the web forward. - Google Project Hosting

ChromiumのSVGのfaviconへの対応Issue。

Faster and safer than typing a password. Just Knock. For iPhone Mac.

iPhoneを認証デバイスにしてMacに簡単にログインできるようにするアプリ。

Adactio: Journal—Icon fonts, unicode ranges, and IE8’s compatibility mode

私用領域を使ったウェブフォントでIE8が互換モードに切り替わってしまうバグがあるようだ？

The Restoration of Rissington | The Hickensian | Hicksdesign

もう更新することのないウェブサイトを直した話。

Responsive images – how to lazy load and multiserve images : Anders M. Andersen

img要素なしのレスポンシブ画像テクニック。リフローが起こらないように領域を確保しておくのがミソ。

Five Simple Steps - Front-end Style Guides

Style Guideについて。の本。

nanamica northface navy goretex balmacaan coat

(コメントなし)

SemVerのv1.0.0とv2.0.0-rc.1、node-semverを見比べてみた - L4L

semverとnode-semverの違い。Bowerで新しいと判断されずにハマったことある……。

Font Combiner | Custom web fonts and web icons

Google Fontsのフォントを自動処理でキレイにしてダウンロードできるウェブサービス。WindowsのChromeでものすごい効果を発揮する。

formatter.js by firstopinion

正規表現のショートカットであるわかりやすいパターンで入力チェックすることを目的としたJavaScriptライブラリ。

Responsive design, screens, and shearing layers — Unstoppable Robot Ninja

デバイスへの対応に終始するべきではなく、様々なデバイスの置かれる環境も考慮してデザインしよう的な。読み違えてそう。

Protect Notes with Vim Encryption

Vimのビルトイン暗号化機能。

camper yellow felt bag

(コメントなし)

Ever needed a transparent 1x1 PNG pixel? Grab one here!

1x1の単色PNG画像を生成してくれるウェブサービス。アルファ。

WebWorkerで爆速プリロード | blog.bouze.me

Workerを使ってプリロード。動画のようなでかいものの場合はスレッド立ち上げのコストよりもメリットが大幅に上回るのかな。

Juicy Studio: Icon fonts and user-defined style sheets

ユニコードの私的使用領域を利用したアイコン・フォントのアクセシビリティーに置ける問題。リガチャについては言及ない。

Git Blame: v1.8.5-rc0: An early preview of the upcoming release

v1.8.5からの変更点。HEADの代わりに@で良くなるのうれしい。

Typography Primer (pdf)

タイポグラフィー入門。

la supermarket illustration wallpaper

(コメントなし)

evanshultz/neater-bookmarks

ブックマークをツールバーからポップアップさせる拡張。Bookmarkletもちゃんと通る。

Universal Analytics の使用ガイドライン - アナリティクス ヘルプ

Universal Analyticsのガイドライン。AdSenseとの統合リポートはまだ。

New Performance Scanning Tools on modern.IE Enable Faster Real-World Sites and Improved User Experiences - IEBlog - Site Home - MSDN Blogs

Modern.ieのサイトチェッカーが更新され、パフォーマンスチェックが強化。

do-not-reply.

返信するなメールアドレスによる機会損失を訴えるTumblr。

landa alki colorful cabinet cord organizer

(コメントなし)

g.co

Googleの短縮URL。第三者には使われないことを保証。

Jared Sinclair | Blog

色盲の人がボタンである文字列とボタンでない文字列を区別できないのではないか他。逆にわかりやすい(やすくなる)気もするけど、そこらへんの知見ない。

水素水 - Wikipedia

無味無臭でコレステロール値を減らす効果があるとされる。活性水素水は便乗のエセらしい。

old shell wallpaper

(コメントなし)

ai/postcss

JavaScriptでCSSをいじる。主にチェックと修正向け。

Cockos Incorporated | LICEcap

Windows向けアニメーションGIFでのスクリーンキャプチャ。キャプチャ中にキャプチャ範囲動かせる。

Float Label Pattern | Brad Frost Web

placeholderからlabelに浮き上がりながら変化するフォームのパターン。イマイチな気がするんだけどなー。

pronto leather sneaker

(コメントなし)

Snapito! Full length website screenshots

URLのスクリーンショットを撮ってくれるウェブサービス。APIあり。日本語OK。画質良し。

Google Probably Thinks Your Blog is About Disqus | Grinnick

サードパーティのウィジェットがGoogle検索結果に与える影響。

grunt-breakshots/Gruntfile.coffee at master · EightMedia/grunt-breakshots

PhantomJSを使ってスクリーンショットを取るGruntプラグイン。フォントが面倒そう。

mauricecruz/chrome-devtools-zerodarkmatrix-theme

Chromeの開発者ツールをかっこよくするユーザー・スタイルシート。

Colorsublime

Sublime Text 2のテーマ・リポジトリ。

Project Shield

CDN的なPageSpeed ServiceにDDoS防御機能を組み合わせて提供するウェブサービス？

kapowaz: Cargo Cult CSS

CSSフレームワークの概念的な問題点の指摘。

Status Utils - Offsite Status Pages

サービスのステータスを監視してホスティングまで行ってくれるウェブサービス。

Interactive Guide to Blog Typography

ウェブログ向けタイポグラフィのチュートリアル。

Drrop.it - Simply drop one or more images to share them

D&Dするだけの画像アップローダー。

honeyee.LOUNGE poster

(コメントなし)

URLCAP (BETA)

指定URLのスクリーンショットを3つのサイズでまとめって撮ってくれるウェブサービス。SSは撮影後一時間で消える。

duffy london woodsman axe dining table

(コメントなし)

blue model kit display for tommy hilfiger

(コメントなし)

Webflow - Responsive Web Design Tool

WYSIWYGのインブラウザー・エディター。

halloween glow wallpaper

(コメントなし)

Flat UI and Forms · An A List Apart Article

フラットなフォームは気をつけないと知覚しづらい(アフォーダンスに欠ける)ものになりやすい。

initial-scale=1 makes Safari iOS react to orientation change - QuirksBlog

initial-scale=1*のみ*だとほとんど全てでうまく行く。

Dnsyo by samarudge

指定ドメインに対して様々なDNSサーバーが返すIPアドレスをまとめてくれるCLIツール。python製。

更新プログラムが利用可能な Windows 7 SP1 のディスク クリーンアップ ウィザードで、新しいオプションを使用して、古い Windows の更新プログラムを削除することができます

Windows Updateで導入した更新プログラムのうち、不要なものを削除する機能をディスククリーンアップウィザードに追加する更新プログラム。要再起動。2-5GB空き領域が増える。

Why you should avoid using red asterisks — Design/UX — Medium

フォームの必須項目のマークについて。そもそもオプショナルな項目を作らない的な設計からやりたい。

Sketching with CSS

PhotoshopでなくブラウザーでCSSを使ってデザイン・スケッチを行うためのガイド本。

AbsurdJS - the new CSS preprocessor

JavaScriptで書いて、CSSを吐くライブラリ。プリプロセッサーではない気もする。メソッド・チェーンで書いたり、npmをふんだんに使って関数書いたり。

Fat fast food logos | StockLogos.com

ファストフードのロゴをデブらせる。

wool cover journal

(コメントなし)

Resetting styles using ‘all: unset’ in Firefox 27 • Cameron McCormack's blog

all: unset;がFirefox 27でサポート。

うまっ！次世代パスタ : ためしてガッテン - NHK

1分でパスタを茹で上げる。

Awesomebox

Heroku for Front-End developerというような感じのサービスらしい。

alessi silver side table

(コメントなし)

ShadowExplorer.com - About

Shadow Copyの閲覧をWin7 Home等でも簡単に行えるソフトウェア。

Code Webs - Visualizing 40,000 student code submissions

(コメントなし)

Bring back the baseline

縦方向のリズムを正確に作るためのCSSハック。擬似要素浪費するの辛そう。

nodebox/opentype.js

JavaScriptのOTFやTTFのパーサー・ライブラリ。canvas互換のパスに変換できたりする。

ChimpFeedr RSS Feed Aggregator - Feed the Chimp

RSSをまとめて日付順にソートし先頭10エントリーを切り出してくれるウェブサービス。

TypeFront

Webフォントをアップロードするとホスティングしてくれる。なんでも勝手にアップロードしてよいわけではない。

StackEdit - Welcome document

Markdownエディター。ツールバーとプレビューを閉じるとデストラクション・フリーっぽくなる。

Google Fonts Sacramento

サインペンでの手書き風欧文フォント。

mgechev/angularjs-style-guide

AngularJSアプリを書くときのスタイル・ガイド。

ZbigZ.com

Torrentを代わりにダウンロードしてくれ、Zipでまとめてブラウザー経由で普通にダウンロードできるようにしてくれるウェブサービス。

Sloppy UI

ぞんざいな仕上がりのデザインへのダメだしTumblr。

Shared.li

ドロップするだけファイル・アップローダー。

good thing navy dungaree shirts

(コメントなし)

samson usb mic

(コメントなし)

Google Web Designer

GoogleのWYSIWYGエディター。Flashっぽくシーンベースでアニメーション書けるとか。Canvasのドローアプリとしても機能しそう？

Lumi - Express yourself.

Tシャツ・プリントするセット。iPhoneで写真をとって反転印刷してネガを作り、薬品を染み込ませたTシャツを日光浴させて転写。

url2markdown

ReadabilityのAPIを利用してHTMLを単純にし、それからMarkdownを吐くウェブサービス。

matthew hilton black leather stainless watch

(コメントなし)

Introducing BrowserSwarm – Spend less time testing your next JavaScript project - IEBlog - Site Home - MSDN Blogs

様々なブラウザーでユニットテストを走らせてくれるウェブサービス。

icon tattoo

(コメントなし)

colours wallpaper

(コメントなし)

Follow buttons everywhere

フォローボタンがコンテンツ発見に果たす役割。

SteamOS

Steam専用OS。無償。

Surface keyboard for DJs - Wolf's Little Store

SurfaceのDJ向け感圧キーボード。

mmcclimon/mr_poole

JekyllのCLIツール。記事の作成・ドラフト、削除が行える。

VisualPing - Visual Website Monitoring. Simplified.

ウェブサイトの変更を検知したら、そのグラフィカルな差分をメールを送ってくれる。いわゆるアンテナのリッチなやつ。

orée wood touch pad

(コメントなし)

Redesigned Text Ads on the Google Display Network - Inside AdSense

AdSenseのデザイン変更のアナウンス。

Pack is for people who love their dogs.

犬用SNS？

Oh, How Pinteresting!, Planning for the future

プロモーション用のピンを表示するようになるかもしれないという予告。

We need to stop masking passwords | ZDNet

パスワード入力をマスクすべきではないという主張。リテラシーに依存しそう。

Bricss - Auto-hiding scrollbars in IE10

IE10以降でスクロールバーを自動で隠す独自拡張CSSプロパティー。

Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web

iOS 7のSafariでの変更点。

Creative Cloud fonts, installation, FAQ | Adobe

CCでインストールされるフォントの一覧。OTFのSource Sans Pro入るのがWindowsのChromeで辛い。

The feedly Cloud API

Feedly APIがパブリックに。

FF Mark

ジオメトリック・サンズセリフなFF Mark。

IE11 Release Preview for Windows 7: 30% Faster than Other Browsers and Even More Support for Web Standards - IEBlog - Site Home - MSDN Blogs

Windows 7向けIE11 Release Previewの提供開始。

star wars chopsticks

(コメントなし)

Advance Projects

7-Zipを利用したPNGの再圧縮ツール。

jQuery Learning Center

jQuery公式チュートリアル。

UIBox - Curated HTML, CSS, JS UI Component Library

UIウィジェットを作成するためのJavaScriptライブラリを集めたウェブサイト。

mozilla-b2g/moztt

Firefox OSで使われているFF MetaベースのFira Sans。

Getting Started | Semantic UI

オシャレセマンティック。

CRのみの改行コードだとChromeの開発者ツールデバッグにデバッガが止まらなかった - y_maeyamaの日記

改行コードがCRのJavaScriptファイルでブレークポイントを設定しても止まらないバグ。WindowsのChrome 29で再現した。

mr. maria miffy led lamp

(コメントなし)

reebok black red sneakers

(コメントなし)

StatusPage.io - Hosted Status Pages for Your Company

サービスのステータスの状況を追跡・表示・ホスティングしてくれるウェブサービス。

Responsive Nav — Responsive Navigation Plugin

自動的にコンパクトに切り替わるタッチ対応のナビゲーションを簡単に作成するJavaScriptライブラリ。外部ライブラリ不要。

Outlook Blog - Outlook.com now has IMAP

Outlook.comがIMAPをサポート。

Color Emoji in Windows 8.1—The Future of Color Fonts? | Ralf Herrmann: Wayfinding & Typography

Windows 8.1のSegoe UI Emoji。ゼロ幅グリフを組み合わせてマルチカラーの絵文字を作れるフォント。

企画展 藤原 大ディレクション「カラーハンティング展 色からはじめるデザイン」

色。

CorsLIT

フロントエンド向けテスト・公開・登録ツール兼ウェブサービス？

@hail2u – Delicious

Deliciousがリデザイン。良い。

REST Hooks

ポーリングやめてwebhooksライクにやろう！　たいなコモン・パターン集？

Introducing Adobe Generator for Photoshop CC | PHOTOSHOP.COM BLOG

Photoshop CCのアップデートで追加されるAdobe Generator。デザイン・パーツをリアルタイムで切り出し。高解像度の別バージョンの自動出力にも対応。

muji bamboo box

(コメントなし)

WebMention 0.1 by converspace

TrackBack(Pingback)の焼き直し。欲しいけど、スパム対策面倒だしな……。

Greenfish Software Blog: Greenfish Icon Editor Pro 3.31

Iconエディター。

Why I Don’t Write For Medium — Medium

Mediumに寄稿しても具体的な対価が得られないのでもう書きたくないという話。

Optimo Type Foundry Typefaces - Programme

幾何学的なものから普通っぽいのまで。

大音量電波目覚まし時計・電池式・ホワイト 置時計(アラーム機能付) | 無印良品ネットストア

電波置時計。カレンダー、温度表示付き。湿度無いのが惜しい。

Pinterest And Path To Battle Over Letter “P” Logo Trademark | TechCrunch

Path vs. Pinterest。なんとなくPinterestがダメな感じある。

peerCDN

JavaScriptで同じウェブサイトを開いてる人をCDNにしちゃう。WebRTC？

Stan´s Back. 2014 - adidas Global PR

スタンスミス復活！　014年1月のようだ。

rocket launch wallpaper

(コメントなし)

no girl so sweet wallpaper

(コメントなし)

PhotoshopとLightroomユーザー向けに月額1,000円の新たな提供方法を発表

期間限定の月額1000円のPs CC+Lrプラン。

Using GNU Stow to manage your dotfiles

Stowを使ったdotfiles管理。Makefile不要で簡単そう。

NiDIUM - A new browser engine

ブラウザーというかAirっぽい奴？

Progressive Enhancement: Zed’s Dead, Baby : Tom Dale

○○は死んだっていう人、信用しない。

送信者名の横に詳細情報が表示される理由 - Gmail ヘルプ

(コメントなし)

buildingblocks/grunt-combine-media-queries

Media QueriesをまとめるだけのGruntタスク。

lego yellow minifigure head

(コメントなし)

CloudConvert - convert anything to anything

オンラインのファイル変換。Dropboxへ直接保存が良さそう。

levis khaki floral camouflage shirts

(コメントなし)

Github for Writers

penflipの詳細。

Penflip - a social writing platform

コラボレーション・編集・プラットフォーム。GitHubの文書向け的なものらしい。

はてなブックマーク REST API - Hatena Developer Center

はてブの新API。

weaning yourself off jquery

jQueryからWeb標準への翻訳。

causes/scss-lint

SCSSのlint。

JSONLint - The JSON Validator

JSONのバリデーター。