フロントエンド関連スライダー・モーダルウィンドウ・アコーディオンなどなど、とっても便利なjQueryプラグイン。さまざまなサイトでデモや実装方法が紹介されています。これについて省略されているサイトが多いため、とまどってしまう方もいるかもしれません。そこで、jQueryプラグインを使う際に必要なファイルの読み込み方法を、3ステップに分けて解説します。Style】を紹介しました。今日は、コーディングやカスタマイズの際に、パソコンでスマホ(スマートフォン)やガラケー(モバイル)の表示を確認する方法をまとめたいと思います。フロントエンド関連テンプレートのカスタマイズに欠かせないイメージアイコン。今日は、ガラス風アイコンやグランジアイコン、マジック手書き風のアイコンなどなど、多くの無料イメージ画像が提供されている海外サイトを紹介します。こちらのサイトでは特にアイコンセットが充実しており、ソーシャルセット・動物セット・ビジネスセットなどのZIPファイルがダウンロード可能。有名なアイコンファインダーよりも、充実しているかもしれません。記事の続きを読む38種類のエフェクト効果のあるスライダー=Skitter実装マニュアル。フロントエンド関連jQueryを使ったコンテンツスライダーの話です。今回は、動きがカッコイイ38種類のエフェクト効果を、簡単に実装できるスライダー【Skitter】の設置方法を紹介しましょう。※ちなみに、このサイトのヘッダーに設置しているスライダーもSkitterです。Finder」というサイトを紹介しましょう。このサイトには21万種類以上のアイコンが登録されており、無料ダウンロード可能。(※使用ライセンスについては、アイテムごとに参照が必要です)PNGファイル・ICOファイル・ICNSファイル・SVGファイルなどが用意されています。かっこいいナビゲーションメニュー100事例と作り方。先日、当サイトのグローバルナビデザインを少し変えてみました。そこでグローバルナビゲーションメニュー関連の情報です。グローバルナビを作る方法は主に、1.画像をCSSで切り替える。2.jQueryを使う。3.CSS3を使用する。CSS3で制作された(一部jQueryを併用)グローバルナビゲーション100事例と、その作り方が説明されている海外サイトを紹介しましょう。記事の続きを読むtableレイアウトが崩れた原因は、CSSリセットかもしれない。フロントエンド関連さて、先日クライアントから「サイトに貼りつけたバナーのレイアウトが崩れてしまう」という、ご相談をいただきました。そのバナーのHTMLソースを見てみると、tableタグで組まれたものでした。最初「どこかの閉じタグでも忘れているのかな?」と思ったのですが、別に記述ミスはありません。かかってはいないようです。そこで検証した結果、スタイルシートに記述されたCSSリセットの一部に原因がありました。4<1234登録は下記フォームからお名前とメールアドレスを入力して【無料登録】ボタンをクリック。人気の無料メール講座を、ご利用ください。【プロ直伝】制作前に必ず行う2つのこととは?【重要】収益サイト制作者が取るべき手段は何か?【発表】魅せるデザインのラインナップはこちらです。【無料】必ず入れておくべき、フリープラグイン8選!【一瞬】瞬時にサイトの印象を引き立てる方法。【3.5倍】こうして成約率が急上昇しました。NameE-Mail※スパム防止のため、クリックしてチェックを入れてください。比較サイト構築情報flight。