4797
Optimizing CSS by removing unused media queries – Zoover Engineering – Medium
CSSをメディア・クエリーごとにサブセッティングしておき、ビューポートに応じて振り分ける話。ビューポートが変化すると死ぬかもしれないし、2%のユーザーが即死する実装に見える。メディア・クエリーを切り出し、マッチしないものを遅延ロードさせる方が良さそう。
webdev  css  media  queries 
6 days ago
Why we’re changing Flickr free accounts | Flickr Blog
Flickrが無料では1000枚までに制限をするようになる。単にストレージとして使われるだけではサービスの全体的なクオリティーが上がらない。広告業者へ無料で集めたデータを売るビジネス・モデルをやめたい。など。
webservice  flickr 
12 days ago
The Architecture No One Needs
SPAをちゃんと作るのは難しく、メリットとされるパフォーマンスにおいてもキャッシュ的に疑問が残るという話。まずはMPAで作り、それをSPAっぽくするもので補強することを薦めている。ベテラン開発者がいるならそれも良さそう。気軽に使われるローカルストレージの問題は誇張っぽい。
webdev  spa 
15 days ago
Stimulus: A modest JavaScript framework for the HTML you already have.
HTML断片からdata-*属性を利用して、JavaScriptで書かれたコントローラーと連携させるライブラリー。Turbolinks向けとなっているが、静的HTMLとも相性が良さそう。読みやすい!?
webdev  javascript  stimulus 
15 days ago
Stop building websites with infinite scroll!
無限スクロールは向くケースがあまりなく、筆者は数字のページングが好きという話。ページの読み込みはユーザーの操作で制御させたい。数字のページングを指で押しやすくするの大変なのでやりたくない。
webdesign  scroll  paging 
16 days ago
PureScript
JavaScriptに型とイミュータビリティー、関数プログラミングを持ち込むもの。生成されるコードが読みやすくコンパイラーを信用しなくても良い?
development  javascript  type  immutable  functional 
18 days ago
The Intl.RelativeTimeFormat API  |  Web  |  Google Developers
Chrome 71で有効になるロケールに応じた相対日時を得るAPIの話。現在時刻との差と単位を渡す。unixtimeを渡すだけで済むラッパーを書く必要がありそう。
webdev  javascript  date  relative 
23 days ago
Clarendon(クラレンドン) | D-BROS MAGAZINE
2019年のタイプフェイス・カレンダーはClarendonみたいだ。スラブ。
calendar  typeface  clarendon 
29 days ago
CSS Previous Sibling Selectors and how to fake them
Flexboxのrow-reverseを使い、弟妹セレクター(~)を反転させたように見せる話。面白い。HTMLの工夫が必要。
webdev  css  selector 
4 weeks ago
fs: implement recursive (mkdirp) functionality by bcoe · Pull Request #21875 · nodejs/node
fsモジュールで再帰的なディレクトリー作成が可能に。。Node.js v10.12.0から。
development  nodejs  mkdirp 
5 weeks ago
The Repair Association
モノを地元でも修理できるようにするプロジェクト。ことで、モノの寿命を延ばしたり、お金を節約、雇用の創出も。国土が広いと、正規の修理に時間がかかり、致命的になりうる?
right  repair 
5 weeks ago
Unbuttoning Buttons | scottohara.me
button要素の中身が折り返されるべきケースでは、span要素で作り直す必要が出てくる話。inlineでは前後に改行が入るままで、contentsでは挙動が変わり、all:unsetでもinline-blockのまま。button要素のようにイベントを処理するJavaScriptを書くのは大変そう。
webdev  form  css 
5 weeks ago
Google’s cyber unit Jigsaw introduces Intra, a new security app dedicated to busting censorship | TechCrunch
DNS改ざんを防ぐためのアプリケーションについての話。スマフォとDNSサーバーの間を保護する?次期Android用にまずリリースされる。
application  google  intra 
5 weeks ago
The Most Important Rule in UX Design that Everyone Breaks
人は同時に5から9くらいしか記憶できないというミラーの法則を、ウェブデザインに当てはめるため、モノを分割する話。これのダークパターンが楽天方式な気がしている。
webdesign  information 
6 weeks ago
Money Tracker | Personal finances tracking web app
オープンソースの支出・収入管理アプリ。PWAなのでモバイルでも使える。CSVでインポートできる。サインインするとクラウド経由で同期できる。
income  expense  webapp 
6 weeks ago
Money Tracker | Personal finances tracking web app
オープンソースの支出・収入管理アプリ。PWAなのでモバイルでも使える。CSVでインポートできる。サインインするとクラウド経由で同期できる。
webapp  expense  income 
6 weeks ago
Form Design Patterns Book by Adam Silver
登録フォームや支払いフォームなど、ウェブページのフォームの作り方を解説する本。
book  webdesign  form 
6 weeks ago
‎Dark Sky Weather on the App Store
DuckDuckGoで使われている天気API提供元のアプリ。
application  weather  darksky 
6 weeks ago
Content and Design Are Inseparable Work Partners – UI Conference – Medium
「コンテンツ」の指すものが開発者とユーザーで違うことが多い話。ここがずれているとあらゆるデザイン手法がユーザーのためになってくれない?
design  information 
6 weeks ago
International | Everlane
Everlaneが日本への配送を開始。
clothing 
6 weeks ago
Thoughts on Offline-first | Trys Mudford
Service Workerをフォールバックに利用しただけでは解決できない低速回線や不安定な回線における話。ウェブアプリのリソースを少しづつステージングというアイディアは良さそう。
webdev  service  worker 
6 weeks ago
Probably Overthinking It: This blog has moved
BloggerからGoogle+に投稿しようとGoogleに勧められたのでしたらBloggerやGoogle+のアカウントが停止された話。オンラインのブログだとダメ、ではなく手広くやってるところのだと他の影響が波及するという話か。
webservice  google  blogger 
6 weeks ago
Werner’s Nomenclature of Colours
1821年に作られた色見本を再現したもの。暖色系がきれいっぽい。
color 
7 weeks ago
TakeShape - Content Management The Way it Should Be - Be happier when projects come together, faster!
コンポーネントを作っておき、それをAPIで複数引いてくることでウェブページを作っていくタイプのCMS。APIはGraphQL。静的ウェブサイトを作る。
webservice  cms  graphql  takeshape 
8 weeks ago
4G Mobile Phone - MP02
Punktの電話の第二弾。Androidになったけど、ホーム画面などはないまま。カレンダーなどは使えるようになった。高い。
gadget  phone  punkt 
8 weeks ago
The Rise and Demise of RSS
RSSの失敗した歴史について。中央集権型の方が運用しやすく使いやすいので、Twitterに負けた。DaveくんとRaelさん。
internet  rss 
8 weeks ago
Chrome's NOSCRIPT Intervention - TimKadlec.com
Chromeの低速回線でJavaScriptを読み込まない隠し設定について。パフォーマンスへ与える効果は絶大だが、HTTPSのウェブサイトも改変される。Cache-control: no-transformで無効化できる。
browser  chrome  javascript 
8 weeks ago
The beauty of accessible design – Design at IBM – Medium
特にユーザー補助機能において、結果を求めるだけだと、その体験が悲惨なものになりがちな話。ユーザー間のギャップを埋めるという視点はよくない。
design  accessibility 
9 weeks ago
Stop solving problems you don't yet have
まだ直面していない問題を解決しようとするべきではないという話。おまじないコードの存在が、他の開発者に少なくない影響を与えてしまう。
philosophy  development 
9 weeks ago
How to get dark mode working with CSS – freeCodeCamp.org
次期macOSが持つダーク・モードをうまくすり替えるためのprefers-dark-interface。かぶったやつ。
webdesign  legibility 
9 weeks ago
Alternatives to Google Products (Complete List) | Restore Privacy
プライバシーを考慮したGoogleの代替アプリやサービスのリスト。やはりShoeboxか。
application  webservice  google 
9 weeks ago
Removing jQuery from GitHub.com frontend | GitHub Engineering
GitHubの脱jQueryの話。「置き換えられる」ではなく、「どう書かれるべきか」で新しい書き方を決定していく。
webdev  standard  jquery  github 
9 weeks ago
Tell HN: Using Gmail? You will be force logged into Chrome | Hacker News
ChromeでのGoogleアカウントへのログインについて。ログインせずにChromeを常用する人がいることに驚いたりもした。
privacy  google  chrome 
9 weeks ago
How to Design for the Modern Web – Commit Log – Medium
モダンで人気のウェブサイトがどこも実践している手法についての話。あーなるほど!というやつ。
webdev 
9 weeks ago
The Reporting API  |  Web  |  Google Developers
クライアント側でのエラーを集めて外部に送信するReporting APIについて。Analytics依存をやめられる?
webdev  browser  chrome  error 
9 weeks ago
The design’s in the details – Design at IBM – Medium
目的に到達するまでに通過するコンポーネントが、どのような振る舞いをするか、またしないかが運命を分ける話。ネガティブな情報を見せる(Inboxのアイコン)、見せない(MediumのClap)。
design 
10 weeks ago
Troy Hunt: Here's Why Your Static Website Needs HTTPS
静的なウェブサイトもHTTPSであるべき、という話。静的なウェブサイトをちゃんと作れば脆弱性を抱えるわけではないが、常に安全ではないので、ユーザーを守ることはできない。脆弱でないことと安全であることは似ているようで違うとも言える。
security  static  https 
11 weeks ago
Securing Web Sites Made Them Less Accessible – Eric’s Archived Thoughts
HTTPSだとオフライン・キャッシュがうまく作れないので、転送量に制限がある途上国では閲覧性に大きな問題が起きる話。常時接続じゃない環境をユーザーとして想定するべきかどうか、は重要そう。
security  usability  offline 
august 2018
jesseduffield/lazygit: simple terminal UI for git commands
高速に動作することをうたうターミナル向けGitクライアント。対話型ではない。
application  git  lazygit 
august 2018
Inclusive Components
誰にも使いやすいコンポーネントの作り方、またはWAI-ARIAをちゃんとやる例。例のアレよりリサーチ部分がしっかりしている。実装も色々と見応えがある。
webdesign  inclusive  accessibility  aria 
august 2018
5 steps to speed up your image heavy website – codeburst
画像配信の最適化について。リサイズ、フォーマットの適切な選択、srcsetの利用、遅延読み込み、CDNの採用、の5つ。「load lighter, load fewer, and load faster」という言葉はパクろう。
performance  webdev  image 
july 2018
Hacking user perception to make your websites and apps feel faster
速く見せるためのテクニックについて。ローディング画像の代わりにワイヤーフレーム的なもので埋める、など。まずは速くするところから。
webdesign  usability  speed 
july 2018
Farewell, Google Maps | In der Apotheke
Google Mapsの料金変更が大規模に利用しているウェブサイトにどのような影響を与えるか、についての話。安いところに乗り換えても値上げか終了のリスクがあるし、大規模ならGoogleを使うべきように思う。
webservice  google  googlemaps 
july 2018
Windows Timeline Support - Chrome ウェブストア
Win10.1803のタイムラインへChromeの履歴を流し込む拡張。タイムラインまだあまり役には立っていない。
application  chrome  windows  timeline 
july 2018
Growth Rock » The Link Bar, an Ecommerce Mobile Homepage Navigation Alternative (to the Hamburger Menu)
ナビゲーションをハンバーガーボタンに集約せず、一部展開させておくと、収益が改善する結果になったという話。ハンバーガーボタン殺して、展開しつつ収まらないのは三点リーダーで……みたいなのよく作ってる。
usability  webdesign  navigation 
july 2018
Supercharging the Git Commit Graph – Microsoft DevOps Blog
Gitリポジトリーの操作を高速化する(かもしれない)Commit Graphについて。でかいリポジトリーだけで有効にすると良さそう。
development  git 
june 2018
How and Why We Unit Test Our Sass | Sparkbox | Web Design and Development
SassのmixinやfunctionをSassでテストできるTrueについて。Trueの記事は久々に見た気がする。
webdev  sass  test  true 
june 2018
Mubert. World's first online composer of electronic music
エレクトロニック系の音楽を自動生成するアプリ、Mubertのウェブ版。ピン留めしてずっと流してる。
webservice  music  generator  mubert 
june 2018
Designing Web Content for watchOS | Erik Runyon
watchOSのWebKitについて。CSSピクセルとしては320pxを持つようだが、倍にスケーリングされる。新meta要素を使うとスケーリングを切れるが、(今のところ)常に320pxの画面として扱われる。
webdesign  watchos  webkit 
june 2018
Friday Facts #246 - The GUI update (Part 3) | Factorio
FactorioにおけるダイアログのOK/CancelとCancel/OK問題をBack/Proceedで解決しようという試み。iOSやAndroidがほぼ同じと言えそう。
form  dialog  usability 
june 2018
パスワードの代わりにスマートフォンを使ってログインする - iPhone と iPad - Google アカウント ヘルプ
Googleのログイン認証にGmailアプリだけでも良くなった。通知をタップして許可するだけで、使い勝手はGoogleアプリとあまり変わらない。
june 2018
Customizing Password AutoFill Rules | Apple Developer Documentation
Safari 12に搭載されるパスワード・ジェネレーターを有効化するための仕組み。ウェブではinput要素のpasswordrules属性で指定する。pattern属性では難しい必須文字種の表現ができるように新設か。
webdev  security  password  safari 
june 2018
OneBlade. The new way to trim, edge, and shave | Philips Norelco
Philipsのオールインワン・シェーバー。T字っぽい形状。
gadget  shaving  philips  oneblade 
june 2018
Killer Wireless xTend software turns your laptop into a network extender - NotebookCheck.net News
ノートパソコンなどをホットスポットまたはメッシュ・ネットワークの端末にするソフトウェアが出るという話。Killer Wireless専用らしい。
wireless  xtend  killer  gadget 
june 2018
Macbook Pro frying USB peripherals | Hacker News
USB-Cでチャージしていると、コントローラーを共有する他のポートにも5Vを超えた電圧が流れてくる話。5V前提の機器はうまく動かないか最悪燃える。
hardware  usb  usbc 
may 2018
Blloc | Back to the root
独自OSのスマートフォン。基本は白黒でオンデマンドでフルカラーにできる。
gadget  smartphone  blloc 
april 2018
sonarwhal, a linting tool for the web
ウェブページにおいて古い習慣の排除や今のベストプラクティスの採用を促進するためのリンター。CLIでも利用できる。
webservice  lint  microsoft  sonarwhal 
april 2018
The eight rules of good documentation - O'Reilly Media
良いドキュメントを書くためには8つくらいルールを守るべきという話。「魅力的に書こう!」って言うのは結果的なので、READMEにSYNOPSISとEXAMPLE書こうっていうくらいで良さそう。
development  documentation 
april 2018
Mailinator(tm) Blog: Mailinator launches disposable SMS
MailinatorがSMSを受信可能に。送られたSMSは数時間で消える。
webservice  privacy  sms  mailinator 
april 2018
feedBase
RSSの購読数をアップロードされたOPMLから集計するもの。Twitterアカウントでログインする必要があるので、ある程度公平性は確保される。
webservice  rss  opml  feedbase 
march 2018
#deletefacebook | TechCrunch
SNSがむき出しにする見えない敵の話。人類。
social  webservice  sns 
march 2018
Creating User-friendly forms – Prototypr
フォームの作り方。入力ボックスの長さとかは見た目優先で忘れがちかも。
webdesign  form 
march 2018
Houzzのロゴが新しくなりました!
Houzzの新しいロゴについて。家を模したhのグリフを使ったものに変わった。
graphic  logo  design  houzz 
march 2018
Protecting Against HSTS Abuse | WebKit
HSTSがすでに有効化されているかというフラグをクッキーのかわりに使えてしまう問題について。WebKitでは似たサブドメインをブロックする方向で対策される。
privacy  cookie  hsts 
march 2018
Bringing Back Skeuomorphic Design – Prototypr
スキューモフィックの復権はなるか。スキューモフィックが良いではなく、デザインは自由なものだという話。今はコンテンツがファットなのでGUIはミニマルな方が向いているという話でスタート地点がおかしいような気がする。
design 
march 2018
New in Chrome 65  |  Web  |  Google Developers
Chrome 65の新機能。display:プロパティーのcontentsが実装され、Flexbox仕様にある制限が解決できるようになる。
webdev  browser  chrome  flexbox 
march 2018
HP Spectre x360 13t (i7-8550U, FHD) Laptop Review - NotebookCheck.net Reviews
HPのSpectre 13 af000のレビュー。バッテリーの弱さが目立ち、そのことと熱対策のためにパフォーマンスを意図的に下げている節があるという結果に。
gadget  pc  hp  spectre  13  af 
february 2018
People Don’t Scroll (and Other Page Length Myths) – UX Planet
スクロール他のウェブページの長さにまつわる伝説について。短いことと簡潔なことの違いは重要。
writing  web 
february 2018
« earlier      
accessibility ad addon adobe adsense ajax amazon amp android animation apache api apple application art atom black bloglines blosxom bluetooth bookmark bookmarklet browser bug build camera carp cdn chat chrome class cloud cms code coding color colorscheme comment cpan css data degitalcamera delicious design development display diy document documentation dom domain dropbox editor email epub exhibition extension facebook favicon feed feedburner firefox flash flickr folksonomy font form framework gadget game generator git github gmail google graphic greasemonkey grid grunt gui guide hardware hatena hosting html html5 http https icon ide ikea image intel internet ios ipad ipod java javascript jquery json jsonp keyboard language layout library license life linux logo mac map markdown media microformats microsoft mobile module monitoring monospace mouse movie mozilla msie msie7 msn music naming navigation nodejs npm opera os osx package password pccase pdf performance perl photo photoshop php pinterest plugin pluginsiuse png print privacy programming python queries rails reader responsive rest rss ruby safari sans sass screenshot scroll search security selector semantic serif shell slab sns social source standards storage style subversion svg template test text tool twitter typeface typography ui unicode url usability usb validator vector video viewport vim w3c wallpaper web webdesign webdev webfont webkit weblog webservice white wiki windows wireless wordpress writing xhtml xml yahoo yakyu yql yui

Copy this bookmark:



description:


tags: