配色が苦手でも色が好きになるWEBツールまとめ

WEBサイトを作るときに避けては通れない配色道。 配色という迷路にはまってしまったときに使っているツールをまとめておこうと思います。 色のサイトだけに、全部カラフルで素敵で、見ているだけでも楽しくなります。 今回は6つのサイトをご紹介します。 Color of Book 本や雑誌を選ぶと、表紙で使われている色を教えてくれます。 Color wheel 中心...

シングルページのためのjQueryプラグイン4選(後編)

シングルページのためのjQueryプラグイン4選(前編)途中で息切れしてしまったので、後編です。 前編では、以下の二つのプラグインを取り上げました。 One Page Scroll SMINT 後編ではシングルページサイトのスクロールがスタイリッシュになる、さらに二つのjQueryプラグインをご紹介します。 fullPage.js [DEMO] 使い方はと...

ウッド調のロゴが簡単に作れた

  いつも素敵な素材をダウンロードさせてもらっているGRAPHIC BURGERで、ウッド調のロゴが簡単に作れるモックアップがありました。 PSDファイルをダウンロードして、ロゴ部分のレイヤーに好きなフレーズを入れるだけ。 しかも無料でダウンロードできます。   [block]GRAPHIC BURGER - 3D Wooden Logo Mo...

ulを中央揃えにする方法

.list-left { background:#16A6B6; overflow:hidden; margin:0; padding:0; } .list-left ul { margin:5px; padding:0; } .list-left ul li { list-style-type: none; ...
Categories: CSS

シングルページのためのjQueryプラグイン4選(前編)

シングルページのテンプレート作成に取り掛かっています。 ko.a laboratoryも1ページで構成されていて、スクロールにはscrolldeckを使用しています。 まあ、これでも問題はないんですが、メニューがペタッと上に貼りつく機能も同梱されていれば楽だなー、と思って別のプラグインを探す旅に出ました。 その結果。 3時間の間に3つのプラグインを入れたり外したりカスタマイ...

Sassが使えるレスポンシブなCSSフレームワーク

スマートフォンの普及率を考えると、これからのWebデザインに「レスポンシブ」は必須になってくるかもしれません。 レスポンシブに対応させるために幾つかの手法がありますが、私はメディアクエリを使っています。 今回は、メディアクエリを効率的に書くためのCSSフレームワークをご紹介します。 ちなみに、Sass+Compassを使えるもの限定です。     ...