turusuke_0のブックマーク - はてなブックマーク

がんばらないデザインシステム - MOL
TLDR: Material Designをカスタマイズして利用した話最近、デザインシステムって言葉よく聞きますよね。airbnbではDLSというデザインシステムを持っていたり、UberはBase Webというデザインシステムを持っていたり、アメリカ連邦政府も持ってたりします。国内のIT企業でもデザインシステムを作成しているとの事例もよく耳にします。デザインシステムとは？デザインシステム：デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパターンやコンポーネントなどのツールキットをすべて備えたもの。デザインシステムの定義と作成方法、導入事例 | UX MILK では、デザインシステムってのはどういったもんなんでしょうか？これまでも、スタイルガイドやコンポーネントライブラリといったものは聞いたことがありますが、デザインシステムというのはそれらも含めたもう少し大きなモ
turusuke_0 2019/07/27
リンク
オンラインCSS解析 StyleStats.org - MOL
前回スタイルシートの統計情報を出力するNode Packageを作ったわけだけど、やっぱりオンライン上で簡単に試せれたらいいよねーってことで、オンラインツールを作った。 StyleStats.org 使い方は、URLを入力するか、ローカルのファイルをアップロードするか、直接入力するか3種類選ぶことができる。 URLを入力するのが一番簡単なのでオススメ。自分の作ったサイトとか入力してみるといい。基本コマンドラインツールとしていることは同じなんだけど、Unique Colorのプレビューが見れるので『色使い過ぎだなー』とか実感出来る仕様になっている。 1px毎にフォントサイズが本当に必要なのか、この色と色はほとんど同じだけどマージできないのか、といったことを、結果を見ながらデザイナーと話し合うのに便利じゃないかな。やはり共通言語は数字だと思う。あとはある程度validなCSSじゃないとパース
turusuke_0 2014/04/10
css

test
リンク
StyleStats - MOL
スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌────────────────────────┬──────────┐ │Size │ 498.0B │ ├────────────────────────┼──────────┤ │Rules │ 7 │ ├────────────────────────┼──────────┤ │Selectors │ 11 │ ├────────────────────────┼──────────┤ │Simplicity │ 63.64% │ ├───────
turusuke_0 2014/03/08
CSS

test
リンク
Google アナリティクスでiOSのバージョンを確認する方法 | MOL
先日、同僚さんからGoogle アナリティクスでiOSのバージョン（5か4か）が確認できませんでした＞＜って報告を受けました。あれそうだっけかなと思って、【ユーザー】>【ユーザーの環境】>【ブラウザとOS】>【オペレーティングシステム】とiPhoneをクリックしてドリルダウンしたら(not set)としか表示されてませんでした。 iOS4をいつまでサポートするのかシェアを見ながら判断したいところですので、この状況はよろしくないです、ってことでGAで確認する方法を考えてみた。 var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxxxx-x']); (function () { var ua = navigator.userAgent, isIOS = /iP(?:hone|ad|od)/.test(ua); if (isIOS)
turusuke_0 2012/05/09
analytics
リンク
1