アニメーション

CSS3

マーキーを使ったアニメーション <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>角度を変更した要素のマーキー</title> <link rel="stylesheet" href="css/style.css" media="only screen and (max-width:480px)"> <style> #mq {overflow: -webkit-marquee; -webkit-transform:rota…</link></meta></meta></head></html>

2013-03-22

CSS3基礎

CSS3

ベンダープレフィックス（接頭辞）・ブラウザベンダーが独自の拡張機能を実装したり、草案段階の仕様を先行実装する場合に、それが拡張機能であることを明示するために付ける識別子のこと主要ブラウザのベンダープレフィックス moz- …… Firefox webkit- ………

2013-03-22

■

HTML5

SMALL要素の中は1行で済む短い文にする

2013-03-21

Green Leaf

HTML5

HTML5でアウトライン構造を考えて記述 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Green Leaf</title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>

2013-03-21

HTML5の基礎

HTML5

文章構造・Untitled ●●● が出る場合はその要素内になどの見出しをつける <html> <head> <meta charset="utf-8"> <title>Section要素</title> </head> <body> <header> <h1>章見出し</h1> <p>要約</p> <nav> <h2>ナビゲーション</h2> <ul> <li><a href="#">メニュー１</a></li> <li><a href="#">メニュー２</a></li> <li><a href="#">メニュー３</a></li> <li></li></ul></nav></header></body></html>

2013-03-18

WPプラグイン

WordPress

データベースバックアップスラッグは必須。 SEOプラグイン「ALL in One Pack」・タイトルやmeta要素を最適化し、内的SEOを強化するプラグイン・エラー表示がでる場合はDisabledからEnabledへ設定変更する「Google XML Sitemaps」・Google、Yahoo!、bin…

2013-03-18

お問い合わせフォーム、ECサイト

WordPress

Contact Form7 有効化後サイドバーに「お問い合わせ」メニューが出てくる。お問い合わせフォームプラグイン「Contact Form 7」カスタマイズまとめ | ワードプレステーマTCD を参考にカスタマイズ。Contact Form dbを使って簡単に設定ができる。 ECサイト Wel…

2013-03-16

固定ページ挿入

WordPress

固定ページの表示がうまくいかなかったが、これで出来たのでメモ '. $page_data->post_title .'</h3>';//…

2013-03-13

お問い合わせフォームのまとめ(PC版)

PHP

三方向(送信者、受信者、データベース)に送られる。「lolipop」> <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <h1>お問い合わせ</h1> <form method="POST" action="check.php" > </form></body></html>

2013-03-08

ドロップダウンメニュー、横スライド、ポラロイド風写真配置、フローティングブロック

jQuery

ドロップダウンメニュー > <html> <head> <meta charset="utf-8"> <title>ドロップダウンメニュー</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $(function(){ $('ul.menu li').hover(function(){ $('>ul:not(:animated)',this).slideDown('fast'); }, function(){ $('>ul',this).slide…</meta></head></html>

2013-03-07

Nivo Slider

jQuery

Nivo Slider http://dev7studios.com/nivo-slider/:Nivo Slider からダウンロード→解凍後・Themaフォルダ・nivo-slider.css ・style.css ・js/jquery.nivo.slider.pack.js を任意フォルダに移動※nivosliderは少し重いのが難点> <html lang="ja"> <meta charset="UTF-8"> <head> <title>Nivo Slider</title> </head></meta></html>

2013-03-06

jQueryを書く

jQuery

RollOver <html> <head> <meta charset="utf-8"> <title>rollover</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body> <div class="header"> <ul class="nav"> <li><a href="#" class="rollover"><img src="img/nav01_off.gif" alt="Home"></a></li> <li></li></ul></div></body></html>