自分の中でまとまり切れてなかったので各名称とその意味について再確認。 コーヒーを例に説明します。 変数 変数はデータを収納する器。 ポット（変数）は硬水や軟水などの（データ）を保持する為のもの。 関数 データを決まった処理により加工する物。 ポッ…

横並び3カラムにhtml,css,JavaScriptを記述できて、下段横長1カラムにプレビューを表示できる サイト。 それだけでなく、投稿製でほかの人が作った様々なデザイン、スクリプトコードが読める。 http://codepen.io/ CSS3 Generator セクションごとのボックス…

中央値 平均値と違う点は全てのデータを並べてちょうど中央に位置する値の事を指す。仮に[1,10,9,99,40]の4つのデータの平均値は150÷5で「30」だが 中央値の場合はわかりやすく降順で並べ替えると[1,9,10,40,99]で「10」である。excelではMEDIAN(始点、終点…

長ったらしいechoやprintの一行一行を簡単に記述する。 まず以下のコードを見てください。 PHP echo '<form action="thanks.php" method="post">'; echo '<input type="submit" onClick="history.back()" value="戻る">'."\n"; echo '<input type="submit" value="送信">'."\n"; echo '</form>'."\n"; フォームの送信ボタン部分です。 PHPのif文の判定で正しい値を入力されたら、先へ進む送信ボタンが表示さ…

htmlspecialcharsとmysql_real_escape_stringの違い htmlspecialchars htmlspecialcharsはフォームから送られた変数の値や、DBやCSVから送られた値を プラウザ表示するときに中身の値を適切な状態にエスケープする時に使う。 mysql_real_escape_string mysql…

変数は特定のキーワードやファンクションを格納し、同じ場所のページ内で使いまわしできる利点がある。この変数を別のページに使いまわす場合、formを使用して$_POSTで受け取りして、再度変数に格納しなおさなければならない。この手順は少しばかり面倒なの…

wordpress初期設定時に認証用のユニークキーの設定という所があります。 ローカル環境だと特に必要ないのですが、ネット公開するのなら設定はしておいた方がいいでしょう。wordpressのダウンロードしたフォルダにある「wp-config-sample.php」のだいたい50行…

変数の中の文字列を区切り文字を指定することで分割・配列化する。最大要素数を指定することで、分割した文字列群の数を要素数にあわせることができる。 なお、その際に区切った文字列群の方が多い場合は要素数にあわせて最後の文字列に残り全ての分割文字列…

placeholder属性 入力欄に薄字の入力例を記述できる。 実際入力すると、薄字が消える。 html <label for="name">お名前</label> <input type="text" name="name" id="name" size="20" maxlength="25" class="text1" placeholder="例）式乃辺 健一"> 出力 autofocus属性 フォームページを開いたときに、この属性があるinputフォームが フォーカスされている状態になる。 基本的に一番上にある名前入力欄で…

html5でウィンドウサイズを可変すると スマートフォン、タブレット、デスクトップなどの 決まったデバイスのサイズになると一瞬にそれぞれの適応サイズに変わる。レスポンシブデザインの技術 フルードグリッド フルードグリッドは、Webページの要素を罫線や…

sassやcompassやKoalaのインストールが前回の説明で 完了したという前提で進めます。さて、早速Sassを使ってみたいと思います。 まず、任意の場所に好きな名前のフォルダ名を作りその中に拡張子が"scss"のファイルを入れます。 今回は「CSS」フォルダに｢test…

やっぱりプラウザの困ったちゃんであるインターネットエクスプローラーに HTML5を対応させる記述。 以下のjavascriptコードとstylesheetコードをhead内に記述。 <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> …

scssとは scssとはぶっちゃけていえば「すごいCSS」である。 これだけだとミもフタもないので、大きくまとめて4行で説明すると 変数が使える ネストできる Mixin ができる セレクタの継承ができる である。scssには「sass」と「compass」があり、それぞれの…

article要素 HTML5が出始めた時に、アップルコンピューターがartileをコンテンツ内全てに囲んだので 皆それを真似て本文を全てarticleで囲んだ経緯があるが、articleの本来の意味は「独立した記事」であるということ。 新聞の記事には経済欄、芸能欄、政治欄…

head内の文書構造をhtml5に変換する方法。 メニューバーの「ウインドウ」＞「プロパティ」で画面下にプロパティウインドウが開きますので、その中から「ページプロパティ」をクリック。 更にページプロパティウインドウから「タイトル/エンコーディング」を…

id属性 特に変更なし class属性 半角スペースで区切りすると複数指定できる。 title属性 その要素にマウスオーバーすると補足情報がツールチップとして表示される HTML5では重要度あり。 accesskey属性 指定した要素にショートカットキーを割り当てる <a href="index.html" accesskey="u"> 上記</a>…

正規表現とは幾つかの文字列を一定の形式、規則で表現する物である。 郵便番号を入力するとき通常ならば半角英数字で入力するけれど、 多くの場合はお問合せフォームで前述に名前欄を全角ひらがなで入力していて 郵便番号欄に入力する時に、そのまま全角のま…

レイアウト（骨組み）に仮コンテンツ(文章・画像)を入れよう イケアやニトリなどのインテリアショップへ行くと、見本の商品の本棚やクローゼットなどに仮置きの本や洋服がセットされている方が買う際に自分の部屋に置いた際のイメージが想像しやすいと思いま…

特定のフォルダ内のソートが出来なくなっている場合があります。通常ですとリストの上部の名前、変更日、種類などをクリックすると昇順・降順で 並べ替えできるが、表示が白くなっていてソートクリック出来ない状態になっています。 ソート操作可能にするに…

気がつけば自動生成サイトばかり使って楽しちゃってます。 BG Maker http://bgmaker.ventdaval.com/ ピクセルドットでお好みのパターンを形成できます。 カラー指定やピクセル数を指定出来ますのでドット書きが得意な人はいいかも？ Dotted Background Gener…

フォームの値が適切でない場合や空欄の場合などの警告表示 7桁の郵便番号が5桁までしか入力されていない、名前の入力が空欄のまま、などなどそのままだとまずいので警告表示を出したい。 empty()で空欄フォームをチェック empty(変数）で変数の中身がからっ…

implode()で複数回答を受信する。 先日紹介した「foreach」で配列変数に入れた複数回答を並べる方法以外にも 「implode」を使い「foreach」と同じように複数の回答の値を表示できる。 implode( 連結文字 , 連結したい配列 )で配列要素を並べられる。 それで…

Akismet：★★★★★ スパム対策プラグイン。これが無いとスパムメールが大量に押し寄せてくるので、一番最初にセッティングしておきたい。 また、本来の目的とは外れるがAkismet統計でGoogleアナリティクスのようにサイトアクセスを確認できる。 WP-DBManager：★…

Colorzilla http://www.colorzilla.com/ web上で「あっ、この色彩センスいいなー」と思ってキャプチャをとって、画像編集ソフトで カラー情報をとるという手順が面倒なのでプラウザ上で直に取得できるツール。 プラウザ右上のスポイトツールで取得したい色を…

input属性がcheckboxで複数回答を送信すると受信する側は... contact.php(送信側) <form action="contact_do.php" method="post"> <label><input type="checkbox" name="check" value="select01" checked="checked">select01</label> <label><input type="checkbox" name="check" value="select02">select02</label> <label></label></form>

ブログやニュースサイトで発行しているRSSを取得しよう。 phpで標準搭載されたsimplexml_load_file関数を利用してRSSを読み込む。 item as $item){ if(++$i>5)break; $dc = $item->children('http://purl.org/dc/elements/1.1/'); $link = $item->link; //…

入力フォームの基礎 contact.php(送信フォームのhtml) <form action="contact_do.php" id="form" method="post"> <p> <label for="Name" class="formTitle">お名前<span>個人名</span></label> <input type="text" class="text" name="Name"><em>例）田中&nbsp;仁</em> </p> 〜中略〜 </form> まずformタグ内の"action="に送信先のファイル名、"method="に送信方法（主…

プラウザ上の画像を右クリックで「この画像をGoogleで検索」 タマネギと宣言した画像を上げているサイト一覧が出る。

ベベル(内側）効果でチョコレートソースで書いた文字を表現 スイーツ関係の画像を下地にしてその上にチョコレートソース文字を乗せる 素材画像 RGB=(60,25,20)ぐらいで、フォントは「Brush Script Std」 元フォントにブラシツールでフォントの輪郭をチョコの…

アピアランスを使って、入力したテキストを自動的に付箋デザインにしよう。 1,まず普通にテキスト入力 2,アピアランスパネルを開いて「線：無し」、「塗り：お好みの色」にする。 3,パネルの下段、左から2番目にある「新規塗り」を追加して、付箋の色(黄）を…