読者です 読者をやめる 読者になる 読者になる

Webデザインのこと、いろいろ

Webデザインの学習をはじめた初心者のブログです。

jQuery:CSS3: KIRINのサイトを真似する

ZOU|TOP PAGE:完成版にリンク jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験 | BlackFlag:参考サイト <html lang="ja"> <head> <meta charset="UTF-8"> <title>ZOU|TOP PAGE</title> <meta name="viewport" width="device-width"> </meta></meta></head></html>

jQuery:プラグイン:FlexSlider2:SVG:枝豆隊長

枝豆隊長:完成版にリンク★以前の枝豆隊長に手を加える ・ハンバーガーメニューを作ってみる - 別ファイルで作成して、スマホ画面用のメディアクエリ部分に当てはめる - 幅指定、ボーダーの指定を修正する ・ハンバーガーメニューで推奨されるサイズは44px以…

jQuery:プラグイン:fancybox

fancyboxの使い方:完成版にリンク fancyBox - Fancy jQuery Lightbox Alternative:本家サイト★画像だけでなく、googlemap、作成したサイト、文章、youtubeなどをライトボックスのように表示することができる <html lang="ja"> <head> <meta charset="utf-8"> <title>fancyboxの使い方</title> <meta name="viewport" content="width=device-width"> </meta></meta></head></html>

jQuery:プラグイン:LightBox

Light Box:完成版にリンク 【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。 - ONZE:参考サイト★ a href="000.png" data-lightbox="XXX" data-lightbox という名前を追加して、グループを作成する ★JavaScriptについては /body の直前に挿入…

jQuery:プラグイン:bxSlider

bxslider:完成版にリンク jQuery Content Slider | Responsive jQuery Slider | bxSlider:本家サイト jQueryプラグイン「bxSlider」のいろいろなオプションの使い方のまとめ! | Web Design Magazine:参考サイト★ダウンロードしたcss内の、ファイルのリ…