かっこいいカラーピッカーが実装できるjQueryプラグイン5選

UIデザインにカラーピッカーを取り入れる。

WordPressのテーマにはデフォルトテーマも含め、管理画面にカラーピッカーウェジットが設置されているものが数多くあります。

この傾向はWordPressに限らず、世のCMS全般に言えることです。

本日は、かっこいいカラーピッカー実装用jQueryプラグインを、5つ紹介したいと思います。

提供が終了している場合がありますのでご了承ください。

記事の続きを読む

スマホ対応のレスポンシブ カルーセルスライダー5選

ご紹介!レスポンシブ対応のカルーセル。

カルーセルスライダー

最近、レスポンシブデザインのサイトに様々なjQueryプラグインを設置する案件が増えています。

そんなタスクの中で使った、あるいは見てきたもののうち、今日はカルーセルパネルのオススメ5選を紹介します。

※以下のサイトでは、予告なく提供が終了している場合があります。ご了承ください。

記事の続きを読む

レスポンシブ用CSSフレームワークBootstrapとは?

コーディングを短時間で、しかも簡単に。

Bootstrapイメージ

一時期遠ざかっていましたが、最近またレスポンシブがらみの仕事が増えてきました。

その一つに、CSSフレームワークの有名どころBootstrapを使ったものがありまして、、、

そこで今回は、Bootstrapの概要を解説したいと思います。

記事の続きを読む

HTML5のカテゴリーとコンテンツモデルの違いとは?

2つの新概念!違いを知らないと、、、

html5

HTML5では、HTML4.01でおなじみだったブロックレベル要素・インライン要素という定義がなくなりました。

代わりに登場したのが、カテゴリーという概念とコンテンツモデルという概念です。

で、始めてHTML5を学ぼうとした人は、この2つがゴチャゴチャになってしまうことが多い。

今日は、カテゴリーの意味とコンテンツモデルの意味にのみ、焦点をあててお話しします。

記事の続きを読む

HTML5とCSS3でレスポンシブ制作するサンプルコード

HTML5での制作、これだけは外せない!

html5

今年中旬には、正式勧告予定のHTML5。

先月には日本で認定資格が配信開始されましたし、HTML5を使ったサイトや、レスポンシブテンプレートもどんどん増えています。

そこで「ちょっと今さら人に聞けないかな」と思われる、レスポンシブWEBを制作する場合に、必要最小限となるHTML5のソースを紹介します。

記事の続きを読む

画像をli(リスト)タグで並べたときの余白を消すCSS記述。

画像同士に隙間が!そんなときの処方箋。

画像同士の隙間イメージ

画像を<ul>・<li>タグで並べて、いざブラウザで表示したら、左記のような隙間ができてしまった!

<ul>や<li>にも<img>にも、margin:0;とpadding:0;を効かせているし、念のため、<li>と<img>のheightも同じにしたのに、おかしい。

こんな場合に、CSSに記述すべきプロパティと値は、何なのでしょうか?

記事の続きを読む

プロパティの記述順序:CSSコーディングガイドライン

さあ、今すぐルールを作ろう!

cssプロパティ書き順記事へ

CSSプロパティの記述順序に、厳格なルールはありません。

ですが、ある程度ガイドラインを決めておいた方が、共有やメンテナンスがしやすくなります。

今日は、私が日々のタスクで使用している、ガイドライン(※CSS3は除く)を紹介しますので、ご参考ください。

記事の続きを読む

人気の無料メール講座を、ご利用ください。

  • 【プロ直伝】制作前に必ず行う2つのこととは?
  • 【重要】収益サイト制作者が取るべき手段は何か?
  • 【発表】魅せるデザインのラインナップはこちらです。
  • 【無料】必ず入れておくべき、フリープラグイン8選!
  • 【一瞬】瞬時にサイトの印象を引き立てる方法。
  • 【3.5倍】こうして成約率が急上昇しました。
  • 【注意】なぜ記事を増やしてもアクセスが伸びないのか?

※下記のフォームからメール講座に ご登録いただけます。

サイトをシェアする

  • Tweetする
  • FaceBookでシェアする
  • はてブにBookmarkする
  • Google+で共有する

flight