全部知ってる？Web制作に役立つChrome拡張機能まとめ！デザイン・コーディング・APIから運用まで！ | 株式会社ウェブ企画パートナーズ
全部知ってる？Web制作に役立つChrome拡張機能まとめ！デザイン・コーディング・APIから運用まで！ シェア つぶやく ブックマーク LINE Pocket やっぱり便利なGoogle Chrome Google Chromeはもっとも広く使われているブラウザのひとつ。通常のブラウジングに加え、Chrome Dev Toolsでは、エラーの検出、CSSの試行、JSのデバッグをはじめとしたさまざまな動作が可能で、すでにWeb制作に不可欠という方も多いでしょう。 今回は、もともとChromeに入っているDev Toolsに加えて、制作をもっと快適にする拡張機能を場面別にご紹介していきます。 設計・デザイン Muzli 2 ポイント：クリエイティブの情報やサンプルを流し見 Muzliは、クリエイティブにまつわる海外の様々な記事やサンプルなどを、100を超えるメディアからタイムライン式で流して
Facebookの新しいUIデザインで見つけたCSSのテクニックのまとめ
先月からエンドユーザーに段階的に適用され始めたFacebookの新しいUIデザイン、そこで見つけたCSSのテクニックを解説した記事を紹介します。 CSSの実践的なテクニックが数多く使用されており、パフォーマンスや何らかの制約による実装時などの参考になると思います。 CSS Findings From The New Facebook Design by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに アバターにSVGを使用する マージンの代わりにスペーサーdivを使用する CSSフィルターの使用 シャドウに画像を使用する CSS変数の多用 テキストの省略表示（複数行テキストの切り捨て） ホバーエフェクトにdivを使用する insetプロパティの使用 dir=autoとCSSの論理プロパティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
