Compressor http://compressor.ebiene.de/ cssとjavascriptのコードをコンパクトに整形してくれます。 やり方はとても簡単。 軽量化したいコードをコピーして1段目の「paset」欄に貼り付け。 圧縮方法をコメントアウトと空白行をカットした「basic」か、コメ…

条件分岐を書いていて時々nullとfalseと0と""(空文字)ってどう区別するんだっけ？ というのが偶にあります。特にフォーム未記入欄のチェック時に。 また関数にも isset()...変数が空であるかどうかを検査する と empty()...変数がセットされていること、そし…

アクションとは アクションとはPhotoshop（以下Psと省略)での一連の作業工程を記録し 別のファイルに同じ処理をしたい時に記録したアクションをロードさせることで今まで一つ一つ手作業でした過程を一瞬で処理してくれます。 パッチとは 上記の作業工程を記…

フォームでファイルをアップロード 文字情報をフォーム送信するのなら$_POST['name']でOKだが ファイルをアップロードするにはformでenctype="multipart/form-data"を記述しないと そもそも送信できない。 そのほかにinput要素にもtype="file"とつけておく。 <form action="check.php" method="post" enctype="multipart/form-data"></form>…

MCE Table Buttons 表組みプラグイン Simple Map GoogleMapのプラグイン上記2つのプラグインを使用して簡易ではあるが 会社説明などのaboutページを手軽に出来る。 WP-PageNavi ページネーション機能。 ブログ形式のサイトでフッター近くにあるページ機能。 …

覚え書きとしてメモ。 Emmetの「TAB」ボタンの問題について DW.CCになってzen-cordingからEmmetに機能拡張を変更した際に、 ショートカットをzen-cordingの仕様に設定し直す必要があります。いくつかのキーは問題なく移行しましたが、「TAB」キーのみはコー…

概要 モバイルデバイス用に作成したWebサイトにブックマークとしてホームアイコンを追加すると、自動的にその時表示したサイトのキャプチャ画像が アイコンとして登録される。見た目を重視してホームアイコンをデザイン済みのものを登録する方法は head内に…

ノーマライズCSSとリセットCSSの違いまず、ノーマライズCSSとリセットCSSは似て非なるスタイルシートである。リセットCSSはプラウザ毎の独自スタイルシートを無効化(リセット)することで、プラウザ間のレイアウトの誤差をなくす為のものです。ただ、各自プラ…

ページ内のheaderとfooter部分 一般のWEBサイトはheader部分やfooter部分などはテンプレートページの共通レイアウトエリアとして レイアウトは編集不可領域とし、情報やデザインが可変するコンテンツ内を編集領域としていました。スマホなどのモバイルデバイ…

基本はHTML5,CSS3,そして以下のhead内のコード <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> </link></meta></meta>

基本設計 コーディング HTML5&CSS3などのセマンティックマークアップを使用 header nav section article aside footer 補足として 挿絵や図表などを囲むfigureタグや 著作権情報、注釈などを囲むsmallタグも使います。 文章・テキスト フォントサイズ(font-s…

テキストでなくファイルを送信する場合。 <form action="./prd_add_check.php" method="post" enctype="multipart/form-data" id="product"> enctype="multipart/form-data" と設定する事で テキスト文章以外のファイルを送信できる。</form>

macのハードウェアがあちらこちら不調を訴え始めましたので 今後、似たような現象が起こった際の、対処法として日記形式で記録。今度はノートの方が軽い反発を起こしました。 ある日、いつものように起動するとメニューバーのバッテリー電池マークが 雷では…

macのハードウェアがあちらこちら不調を訴え始めましたので 今後、似たような現象が起こった際の、対処法として日記形式で記録。MacMini(mid_2012)のフュージョンドライブ搭載を使用していましたが、 使い始めてそろそろ１年経つ頃になって急に起動がおかし…

ダウンロード、またはインストール時に既にあるテーマのstyle.cssの冒頭部分にあるテーマの各説明。 Theme Name:テーマの名前(*必要項目) Theme URI: テーマのＵＲＬ Description:テーマの説明 Autor:テーマの作者 AutorURL:作者のＵＲＬ Version:テーマのバ…

商品画像一覧で目的の商品画像の上にマウスを重ねると ロールオーバー画像が浮かびあがる方法として専ら『a:hover』などの擬似クラスを使用しますが、 このやり方をcss3の新しい技術を加えた発展型を使用します。html5 〜head,body部分省略〜 <div id="container" class="clearfix"> <h1>SELECT SHOP</h1> <div id="gallery"> <article> <a href="#"></a></article></div></div>…

PuSHPress PuSHPressはWordPressで記事を投稿するとGoogle検索エンジンに自動的にインデックスしてくれるプラグイン。早くインデックスできれば,自分のオリジナル記事に類似した、あるいは内容を不許可に引用した他者のサイトに対してGoogleが粗悪なサイトと…

PDOクラスを使うメリット データベース（以下DBと略）に接続する関数は以下3行で書いていました。 mysql_connect('サーバ名','ユーザ名','パス')or die(mysql_error()); mysql_select_db('データベース名'); mysql_query('文字コード'); これでも充分接続に…

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

横並び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> …