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をパースせず、意味がないのではないか。初見では驚いたが、理解できた。
竹材 フリーラック3段
竹製で軽いオープン・ラック。値段がすごい。
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
アニメーションがユーザーへ与える影響が大きいことへの警鐘。影響を科学的に証明することは難しく、「とても目障り」などという指摘へは容易に反論できるが、アクセシビリティーの観点から考え直すべきという主張。
足なり直角 裏返しても履ける 3足組靴下
左右と表裏がない靴下。夢で見たやつ。今はそんなに欲しくない。
ひげそり用かみそり
無印良品のカミソリ。貝印の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
(コメントなし)
無印良品 紙箱 A5サイズ用・ベージュ
(コメントなし)
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"]`
(コメントなし)
クッションケース・スナップ式 A4サイズ用・黒
(コメントなし)
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 | コンピュータ関連製品の代理店事業 l 株式会社リンクスインターナショナル
(コメントなし)
ライカ ゾフォート // ライカ ゾフォート // フォトグラフィー - 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;
(コメントなし)
クリーニングの宅配はリネット 【送料無料・最短2日後届け】
(コメントなし)
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しかないという論理。論理的には正しそうだが、実現には技術的な困難が伴う。
表千家御好 縁の白(えにしのしろ)20g箱 - 一保堂茶舗オンラインショップ
(コメントなし)
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
第2章 地震動・液状化・急傾斜地崩壊・津波の予測 [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より適切に扱われていることを信頼する根拠がない。
2015 - バス停
良かった。
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
(コメントなし)
リモデルオープンした本館5階=ステーショナリーをレポート!|伊勢丹新宿店ブログ|伊勢丹 新宿店
新宿伊勢丹に箔押しや活版印刷でノートなどをカスタマイズするコーナーができる。
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 フレームワークがデータバインディングを実現する4通りの手法 - てっく煮ブログ
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
マウスを載せた時は即座に色が切り替わるようにし、マウスが離れた時に少し遅れて色が戻るようにする。
壁に付けられる家具・棚・幅88cm・タモ材/ライトグレー 幅88×奥行12×高さ10cm | 無印良品ネットストア
壁につける家具シリーズに白が出た。
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でカスタムビルドの作成もサポート。
大竹が巨人入り表明 広島での12年に感謝 - カープ情報 - 中国新聞
大竹、巨人へ。辛い。
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のバリデーター。