jQuery
「TwitterのBootstrap」。 タイトルはあえて興奮翻訳風に書いてみた。Bootstrap＝グリッドレイアウトをカンタンにしてくれるテンプレのようなもの。 という認識で、基本的なところを盛り込みつつ、先生のブログを忠実になぞっていきますぞ。導入は、トップペ…
Rick Astleyが現在の個人的大本命のマイブーム。 によって、ファンページを作ってしまうあたりがweb1.0時代な感じです。 作り方説明とか蛇足だから、いらない。と思って書いてなかったんですが、 案外、需要があるようなので記載しておきます。ページを作る…
取扱商品の参考画像としてフリー写真を探したが、思うような画像が見つからず シルエット画像にすることにして、自作 JavaScriptの準備（jQueryのダウンロードなど） 最初っから自分で画像作れば早かった気がする。
jQMの基本設定で使える5色をそれぞれのページに適用。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQm-会社案内サイト雛形</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>
ASCII.jpの「10分でわかる！ jQuery Mobileのキホン」を元に、 本当に10分でわかってできるか挑戦。した結果。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>10分でできるjQueryMobileに挑戦</title> </meta></meta></head></html>
しかもDreamweaverのメニューを使うことで、 魔法のようなスピードでページが完成。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Dw挿入メニュー全部盛り</title> <link rel="stylesheet" href="jquery.mobile-1.1.1.min.css"> <script src="jquery-1.7.1.min.js"></script> </link></meta></meta></head></html>
目次だけでなくいろいろと…調整するのに苦労した。 jQuery単品で作ったページを、他のサイトデザインに実装するのに時間かかって。 5ページ5種類で5時間…平均1時間。 実際に適用する場合は、 1種類のjQueryを全ページに適用とか、1か所だけ使うとか、 が多い…
作らせていただくサイトに使えそうなので、 実装したイメージがしやすかった。 きびきび動けば便利な効果だと思うし、使い勝手も良さそう。
<html lang="ja"> <head> <meta charset="UTF-8"> <title>横スライド：サンプル</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/horizontal.css"> <link rel="stylesheet" href="css/lightbox.css"> <script src="js/jquery.tools.min.js"></script> </link></link></link></meta></head></html>
<html lang="ja"> <head> <meta charset="UTF-8"> <title>40分でjQuery・方丈記編</title> <style> *{ margin: 0; padding: 0; } dl{ width: 400px; margin: 50px auto; } dl dt{ background: #7CADB6; border-bottom: 1px solid #FFFFFF; cursor: pointer; } dl dd{ border: 1px solid #7CADB6; border-top: none…</meta></head></html>
