jQuery ResponsivejQuery Responsive

Responsive jQuery Blog and Website Templates
レスポンシブなjQueryのブログとWebサイトのテンプレート

  • Media Works Service

    Media Works Service

  • >ECO HOUSE 21

    ECO HOUSE 21

  • ECO REFORM 21

    ECO REFORM 21

  • Baggage Ecommerce

    Baggage Ecommerce

  • Meditative Yoga Studio

    Meditative Yoga Studio

  • Beauty Esthetic Salon

    Beaty Esthetic Salon

  • Restaurant delizioso

    Restaurant delizioso

  • Japanese Restaurant

    Japanese Restaurant

  • Sunny Cafe

    Sunny Cafe

  • Dental Clinic

    Dental Clinic

  • Youtube V3 api Search youtube video

    YouTube API Search

ABOUT 概要

職業訓練で制作したロゴ
職業訓練で制作したロゴ

Jazz Dining Bar

Jazz Dining Bar Ural Owl
職業訓練で制作したサイト
jQueryのブログは代表的なプラグイン(Flexslider, Lightbox2, audioplayerなど)をレスポンシブにカスタマイズ。
レスポンシブな業種別Webサイトのテンプレートは教科書や様々なサイトを参考にしてWordPressで構築したものをベースにしています。
東京、名古屋でプログラマーを経験した後、大分に帰郷
WEBデザイナーの職業訓練を受けて自宅近くの情報学習センターでサイト制作の為の講義を受講
jQueryのブログを公開
業種別Webサイトテンプレートを公開
サイトにjQueryのブログ以外でJavaScript,jQueryについて調べたコンテンツを追加し始める
トップページにWebデザインやJavaScript,jQueryについて教科書や様々なサイトについて調べた内容を記述
日本を代表する女優を紹介するブログ




PART01 jQueryのベーシックライブラリ

animate()メソッド使ったアニメーション
ウィンドウ上端で固定するグローバルナビゲーション[1]
ウィンドウ上端で固定するグローバルナビゲーション[2]
スマホやPCの両方で多階層メニュー
スマホサイトの多階層メニュー
スマホサイトのハンバーガーメニュー
スマホサイトのドロップダウンメニュー[1]
スマホサイトのドロップダウンメニュー[2]
フローティングメニュー[1]
フローティングメニュー[2]
Bootsnav - Bootstrapメニュー
レスポンシブからドロワーまで!jQueryで実装できるメニュー関連のプラグイン9選
特定のクラスを持つコンテンツだけを表示する
ツールチップを作ってみよう
入力フォームの簡易バリデーション
使用しているブラウザーを表示
デバイスピクセル比を判別して画像を切り替える
スマートフォンでの縦向き・横向きを判別する
コンテンツを次々に読み込んで無限にスクロールするページ
スクロールを判別して指定位置に移動する
数値データからSVGでグラフを描画する
テーブルの表示をウインドウサイズに合わせて変更する
ページ遷移時にフェードアニメーションをつける
画像の遅延読み込み

PART02 jQuery ビジュアルデザイン

コンテンツを切り換えるタブ
タブとアコーディオンを切り替えるUIを作成する
テキストが長い場合は「続きを見る」リンクを表示する
メイン画像をプリロードする簡易的なイメージギャラリー
レスポンシブ対応ギャラリー
アニメーションで切り替わるギャラリー
ブラウザの画面内にバランスよく綺麗に整列されたギャラリー
レスポンシブ対応スライドショー
複数画像をクロスフェードで切り替えるレスポンシブスライドショー
フルスクリーンバックグラウンドビデオ1
フルスクリーンバックグラウンドビデオ2
ウィンドウ幅いっぱいに広がるフルスクリーンYouTube動画
SingerAlicia Keys
AudioPlayerAudioPlayer
YouTube007 Skyfall
FullScreen HTML5 VideoFullScreen HTML5 Video
FlexSliderFlexslider
bxSliderbxSlider
SlideshowSlideshow
FullScreen SlideshowJennifer Lopez
CarouselResponsiveCarousel
NavigationjQuery fatnav
DropDown Navigation
Drawer Navigation
FullScreen Navigation
Mega Dropdown Navigation
Validatorform validator
LightboxLightbox
Grid LayoutGrid Layout
GalleryGallery
NewsTickerNewsticker
Others
Table
Tooltip

HTML5&CSS3デザインガイド

レスポンシブデザインテンプレート

Media Works Service

Media Works Service

>ECO HOUSE 21

ECO HOUSE 21

ECO REFORM 21

ECO REFORM 21

Aler Real Estate

Aler Real Estate

Square - Free Bootstrap

Square - Free Bootstrap

Baggage Ecommerce Category

Baggage Ecommerce

松下奈緒

JAPANESE TOP ACTRESS

Meditative Yoga Studio

Meditative Yoga Studio

Beauty Hair Salon

Beauty Hair Salon

Beauty Nail Salon

Beauty Nail Salon

Beauty Esthetic Salon

Beauty Esthetic Salon

Beauty Fitness Gym

Beauty Fitness Gym

Restaurant delizioso

Restaurant delizioso

Japanese Restaurant

Japanese Restaurant

Organic Life Store

Organic Life Store

Comfortable Cafe

Comfortable Cafe

Sunny Cafe

Sunny Cafe

Jazz Dining Bar Ural Owl

Jazz Dining Bar Ural Owl

ダイニングバー Bar

Dining Bar

Dental Clinic

Dental Clinic

Natural Flower House

Natural Flower House

Backstretch Slideshow

Backstretch Slideshow

Youtube V3 api Search youtube video

YouTube API Search

Book Reference

Book Reference