Yellow Lab Tools: サイトを色々深く解析して改善を提示してくれるツール
B! 5 0 0 0 Google DevelopersのPageSpeed Insightsを参考にしてサイトを高速化 を書いた後に、 Twitterでこれ知ってる？と言われた Yellow Lab Tools が結構高機能で色々面白かったのでその紹介。 Yellow Lab Tools Yellow Lab Tools Yellow Lab Tools はWebページを入力するとそのページを解析して、 HTML, JavaScript, CSS等について改善案を出してくれるWebツール。 Google DevelopersのPageSpeed Insightsを参考にしてサイトを高速化 を書いた後に、作者の人がTwitterでこれ知ってる?という感じでメッセージを送ってきたので見てみました。 (フランス人で多分日本語は読めないので単にPageSpeed Insightsという ワードを
Octopressでサイドバーを残そうとしてハマった所
B! 1 0 0 0 Octopressの初期設定だとブログの幅を狭くしていくと サイドバーが下に回る様になってるんですが、 なんとなくそれを止めようと思って試した時に ちょっとハマった所について。 CSSについての勘違い 1px borderの罠 CSSについての勘違い Octopressのページ構成を物凄く簡略化するとこんな感じ。 1 2 3 4 5 6 7 8 9 10 11 12 <html> <body> <div id="content"> <div class="entry-content"> Article </div> <aside class="sidebar"> Sidebar </aside> </div> </body> </html> これで、各要素がこんな感じ。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2
OctopressでMac風キーボードのキーを表示をさせるプラグイン
B! 1 0 0 0 OctpressでMacのキーボードの様な表示をさせるプラグインを作りました。 キーボード表示自体は簡単なCSSで実装して、 プラグインを使う事でCommand:⌘(⌘)等の記号を キーコードを覚えずにLiquidタグで簡単に書ける様になります。 インストール 使い方 文字列をキーボード化 記号 サイズの変更 黒キーボード 文字列を強制的に全て大文字化 複数の組み合わせ 表示を変えたいとき Octopress以外で使う方法(plugin無しで使う方法) インストール 以下のレポジトリからファイルを取ってきてREADMEに従ってプラグインと scssファイルを導入して下さい 使い方 導入したらkeyとう言うLinquidタグが使える様になるので 好きなアルファベットなり単語をkeyの後に入れるだけです。 文字列をキーボード化 {% key a %}:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
