2013-03-01から1ヶ月間の記事一覧
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] テキスト「スマートフォンサイトのためのHTML5 + CSS3」 課題サイトの可変グリッドを実戦する /* reset ---------------------------------------------*/ html, body, div, h1, h2, h3, h4, h5, h6, p,…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] マルチデバイス・スマートフォン対応サイト 固定レイアウト Container全体を4分割する PC:４組 タブレット：２組 スマートフォン：１組 クライアントとの打ち合わせ方 ワイヤーフレームを使って打ち合わ…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] HTML5 + CSS3 float時でのclear bothをulにかける方法 ul:after { content:""; display: block; clear: both; } マーキー index.html <body> <p id="mq">4月20日まで期間限定セール実施中！</p> </body> style.css #mq { overflow:-w…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] CSS3 CSS3に慣れよう 癖を付けよう <meta name="viewport" content="width=device-width"> class属性やid属性も含め、属性の値を使うセレクタ [class] {color: hotpink;} [class="ham"]と指定した要素に適用 [class="ham"] {color: hotpink;} class属性の値</meta>…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] HTML5の基本2 smallは短い1行文に使うこと CSS3 ナビゲーションバーを角丸にする 脱線話（復活） [http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] HTML5の基本 2012年12月17日に勧告候補がリリース HTML5.1 HTML5の次期バージョンとしてW3Cがリリースしている規格 HTML Living Standard Apple、Mozilla、Operaによって設立されたグループ セマンティ…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] WordPress PlugIn Akismet コメントのスパムを防ぐプラグイン Wp Multibyte Patch 日本語処理の問題点を補完する必須プラグイン WPtouch スマートフォンからの閲覧に最適化させるプラグイン Ktai Style …
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobileの続き・Mobile版 GoogleMap 脱線話（復活） [http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobileの続き ThemeRoller GoogleMapを表示する ・・・出来ませんでした・・・。 明日またトライです！ Facebookいいねボタン・Twitterボタンの設置 FacebookはFacebookページを作成しないと作成…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobileの続き Mobile版、お問合せフォーム 下記のcheckboxのif文で時間を取られました。 チェックphpで入力されていない項目をif文で振り分けたかったのですが、チェックボックスはまだまだわか…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery Mobile 一般的なリスト data-role属性「listview」 <body> <div data-role="page"> <div data-role="header"> <div data-role="content"> <ul data-role="listview"> <li>list</li> <li>list</li> <li>list</li> <li>list</li> <li>list</li> </ul> </div></div></div></body>
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] Safari 詳細設定で開発メニューの表示をチェックする。 jQuery Mobile 基本を打ち込む(基本的な単一ページテンプレート) <html lang="ja"> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </meta></meta></head></html>
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQuery基本形 タブコンテンツ ツールチップ ビルボード_横スライド：シンプル ドロップダウンメニュー 横スライド：ホイール対応 Rotating Image Slider ポラロイド風写真配置 jQuery Masonry 脱線話（…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] * 脱線話（復活） -[http://tokiyo.hateblo.jp:title=四十路男Tokiyoの人生再スタートblogもやってます。
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQueryメソッド スタイルを変更する - CSS <style> #div1 { margin: 10px; width: 100px; height: 100px; background-color: #369; border: dotted 1px #036; } #div2 { margin: 10px; width: 100px; height: 1…
[授業][Dreamweaver][PhotoShop][JavaScript][jQuery] jQueryとは JavaScriptのライブラリのひとつ ブラウザ依存を気にしなくてよい DOMの操作が簡単 記述の仕方は、CSSに似ている write less, do more. オープンソース（MITライセンス+GPLライセンス） http…
[授業][Dreamweaver][PhotoShop][JavaScript] 課題サイトコーディング製作続き smoothScrollを使ってみる 製作時間：１分 Billbord画像をJavaScriptで開くたびに違う画像に置換する 製作時間：10分 <script>
[授業][Dreamweaver][PHP][WordPress] WordPress昨日の続き 管理画面で背景画像を変更できるようにする functions.php // --------------------- カスタム背景 ------------------------- add_custom_background(); header.php </head> <body <?php body_class(); ?>> /* ---------------------</body>…
