jQueryプラグインの使い方入門 HTMLでのファイル読み込み3ステップ

jQueryイメージ

スライダー・モーダルウィンドウ・アコーディオンなどなど、とっても便利なjQueryプラグイン。
さまざまなサイトでデモや実装方法が紹介されています。

ところでプラグインを使う際には、jQueryファイルを読み込ませておく必要があるのですが、 これについて省略されているサイトが多いため、とまどってしまう方もいるかもしれません。

そこで、jQueryプラグインを使う際に必要なファイルの読み込み方法を、3ステップに分けて解説します。

記事の続きを読む

パソコンで、スマホやガラケーの表示を確認する方法

モバイルシミュレーターイメージ

以前、スマホやタブレットでの表示切り替えプラグイン【WPtap Mobile Director】やガラケー(モバイル)表示プラグイン【Ktai Style】を紹介しました。

今日は、コーディングやカスタマイズの際に、パソコンでスマホ(スマートフォン)やガラケー(モバイル)の表示を確認する方法をまとめたいと思います。

記事の続きを読む

充実したアイコンセットが魅力!無料画像素材サイト ICONS ect.

ICONS etcイメージ

テンプレートのカスタマイズに欠かせないイメージアイコン。

今日は、ガラス風アイコンやグランジアイコン、マジック手書き風のアイコンなどなど、多くの無料イメージ画像が提供されている海外サイトを紹介します。

こちらのサイトでは特にアイコンセットが充実しており、ソーシャルセット・動物セット・ビジネスセットなどのZIPファイルがダウンロード可能。

有名なアイコンファインダーよりも、充実しているかもしれません。

記事の続きを読む

38種類のエフェクト効果のあるスライダー=Skitter実装マニュアル。

skitterスライダーイメージ

jQueryを使ったコンテンツスライダーの話です。

今回は、動きがカッコイイ38種類のエフェクト効果を、簡単に実装できるスライダー【Skitter】の設置方法を紹介しましょう。
※ちなみに、このサイトのヘッダーに設置しているスライダーもSkitterです。

記事の続きを読む

[Icon Finder]世界最大規模数の無料アイコン素材ダウンロードサイト

アイコンファインダー

今日は、私が普段お世話になっている「Icon Finder」というサイトを紹介しましょう。

このサイトには21万種類以上のアイコンが登録されており、無料ダウンロード可能。
(※使用ライセンスについては、アイテムごとに参照が必要です)

PNGファイル・ICOファイル・ICNSファイル・SVGファイルなどが用意されています。

記事の続きを読む

CSS3使用 かっこいいナビゲーションメニュー100事例と作り方。

先日、当サイトのグローバルナビデザインを少し変えてみました。そこでグローバルナビゲーションメニュー関連の情報です。

グローバルナビデザインの記事へ

グローバルナビを作る方法は主に、1.画像をCSSで切り替える。2.jQueryを使う。3.CSS3を使用する。の3つがあります。

今日は上記3つのうち、
主にCSS3で制作された(一部jQueryを併用)グローバルナビゲーション100事例と、その作り方が説明されている
海外サイトを紹介しましょう。

記事の続きを読む

tableレイアウトが崩れた原因は、CSSリセットかもしれない。

css_exclamation

明けましておめでとうございます、塩川です。

さて、先日クライアントから「サイトに貼りつけたバナーのレイアウトが崩れてしまう」という、ご相談をいただきました。

そのバナーのHTMLソースを見てみると、tableタグで組まれたものでした。

最初「どこかの閉じタグでも忘れているのかな?」と思ったのですが、別に記述ミスはありません。また、変なfloatなども かかってはいないようです。

そこで検証した結果、スタイルシートに記述されたCSSリセットの一部に原因がありました。

記事の続きを読む

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

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

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

サイトをシェアする

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

flight