2013-03-23から1日間の記事一覧

Google Analytics02

Google Analyticsの内容 ホームページ解析ツールの内容 Google Analytics Google Analytics はウェブサイトでのユーザーの行動を分析するのに役立つウェブ解析ツールです。ウェブサイトでのユーザーの行動に関するさまざまなレポートが提供され、ウェブサイ…

はてなダイアリーでLike Box

Like Boxとは いいね!ボックスとは、Facebookのソーシャルプラグインのうち、好きなFacebookページ(ファンページ)を外部Webサイト上で表示できる機能 【 参考サイト 】 weblio Facebookページの作り方 Facebookページを作っていないとlike boxが設置でき…

フォームをデザインする

フォームの基本形 基準となる基本をつくりカスタマイズしていく ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームとテーブルでマークアップする</title> <style type="text/css"> body { font-size: 75%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-ser</meta></head></html>…

フォームをデザインする02

必須項目にフォーカス 送信した後の記入された項目を自動で削除する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォーカス時のスタイルを指定する</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <form action="#" method="POST" id="inquiry"> </form></body></html>

jQuery

jQueryとは JavaScriptのライブラリのひとつ ブラウザ依存を気にしなくてよい DOMの操作が簡単 記述の仕方は、CSSに似ている write less, do more. オープンソース(MITライセンス+GPLライセンス) e-Wods jQuery公式 Minified とは改行が除かれた圧縮版 jQu…

jQuery02

jQueryの概念 「何かを取ってくる」→「それに何かする」 $とjQueryオブジェクト $」こそが、「jQuery」そのもの 「$()」でHTML要素を、jQueryオブジェクト化することから始まる 要素を示すセレクタを取ってきて「jQueryオブジェクト」を作成する 何かする 記…

jQuery03

jQueryで記述 この記述で、ブラウザごとの差異を吸収して、そのブラウザでも同じように表示する 記述内容 $('#div1').click(function() { alert('クリックされました'); }); jQueryを読み込む jQueryで記述 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuer読み込み</title> <script src="js/jquery.js"></script> <style> #div</meta></head></html>…