inVision運用メモ
最近デザインしてます。同時にinVisionを使い始めました。やり取りが楽です。しかし色々と罠があって使いこなすのが難しい……。調べた仕様などを少しまとめておきます。 ソースにはSketchファイルを使っている想定ですが、主な問題はAIファイルやPSDファイルをソースにしていても起こると思われます。また、内容は2015年3〜4月のもので、現在は修正されているかもしれません。実際まとめている間に再現しなくなって消したものがいくつかあり、日々改善されている模様です。 Desktop Sync 毎回ブラウザーを開いてファイルをアップロードするのは手間ですね。そのためinVisionにはDesktop Syncという機能があります。専用アプリのinVision Sync、またはDropboxでソースファイルの変更を検知、自動でスクリーンやリソースをアップデートする仕組みです。Dropboxでの同期
pixivのCSSで使われるクラス名ルール
pixivで運用して上手く行っている感触のあるルールを紹介。 CSS的にルートになるセレクターのクラス名は_で始める _始まりのクラスはサイト内でユニーク CSSの何が問題か。それはどこで指定が衝突するのか分からないことである。そこさえ把握できれば気を付けながら書けるので、それでもう問題ないと思っている。CSSには機能がなく、それが美しい（ということにしておく）。最低限抑えるべき要素以外は考えない方がいい。 コード例。 HTML: <section class="_foo-container"> <h1 class="title">foo</h1> <ul class="_bar-items"> <li class="item"><span class="title">item 1</span></li> <li class="item"><span class="title">item
less
IE6の画像フリッカーを防止するおまじない if ($.browser.msie) document.execCommand(‘BackgroundImageCache’, false, true); ブラウザ判定よりもtry..catchの方がいいかも。 try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} 指定するかどうかで大違いなので全部に入れてある。 hover時の背景画像ちらつきに対処する - Archiva daemontoolsでsshトンネル監視 ついったん用のトンネル接続が切れるのを防ぎたい。 /service/ssh-tunnel-irc-twittan を作ってrunスクリプトを置く。 #!/bin/sh exec 2>&1 exec /usr/bin/ssh
pixivポップボードのキャッシュの仕組みとFacebookのUIの話
pixivポップボードのキャッシュの仕組みとFacebookのUIの話 こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。 先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です！ え！ リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。 ポップボードはヘッダーに出るため、ほぼ全てのページでこの処理が入りま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://less.carbonfairy.org/post/70819747718
