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番目にある「新規塗り」を追加して、付箋の色(黄）を…

プラウザで表示されるadd広告をプラウザで削除する方法。 safariの場合:「Safari」メニューの「Safari機能拡張…」をクリック safarのプラグインページに移るので「Adblock」をインストール。 再度、同じページを表示すると、広告が消える。

ラーメンやコーヒーなどの熱い飲食物に湯気を足す。 元画像 1,素材画像の上に新規レイヤー作成 ２,フリーフォームペンツールで湯気のパスを引く 3,パスパネルで作成したパスを保存する。作成した湯気のパスを選択状態(アクティブ）のままにする 4，[描画色:…

=ROUND(RAND()*100,0)で2桁の0~100までの乱数を作る。 統計をとるのに参照となる素材データがあればそれにこした事はないのですが (各県の統計課のHPから引っ張ってくるという手もあるが）とりあえず、Excelで ランダムの数字を幾つか作成する。 RAND()で0以…

GoogleアナリティクスでSEO対策を練ろうたって、リピーター率やキーワードやらいっても具体的にどうすればいいのか？と言ったところでアナリティクスで得たデータを上手く活用するにも統計の基礎ぐらいわかったほうがいいんじゃないと思って基礎的なことを覚…

レコード（行）とカラム（列）、フィールド名、テーブル名 NULL（データに未入力、空白を許可するかどうかの事）ただしID番号などの空白自体がありえない レコードは基本的に許されない。 SHOW DATEBASES データベース内のテーブルを一覧表示する SELECT 'フ…

オパシテイ｜要素名{opacity:"o"} "O"=透明度。1を100％（不透明）とし、小数点第一位から透明の割合を出す。 html <div id="wrapper"> <p class="opacity100">透明度100%</p> <p class="opacity70">透明度60%</p> <p class="opacity30">透明度30</p> </div> css #wrapper{ background:#000; width:200px; height:200px; } .opacity100{ opacity:1; background:#FF0;…

grad2 cssグラデーションに特化したサイト。サンプルグラデーションはもう少しバリエーションがあればいいかも。 現在はバージョンアップサイトの「grad3」がオープンしている。 CSS3.0Maker BoxShadow(ボックスシャドウ）、BorderRadius（角丸）、Transform…

themeフォルダ内にカスタマイズしたいテーマ名のフォルダを作成。 index.php style.css タブロイド画像ファイル（wordpress管理画面でテーマのサムネ画像となる） style.cssの文頭に以下のように記述 /* Theme Name: webタイトル Theme URI: webURL Descript…

写真素材 足成 http://www.ashinari.com/ フォトライブラリ http://www.photolibrary.jp/

array関数（要素1,要素2,要素3,要素・・・）で配列を作る。 まず配列の変数名の中身にarray関数を使い複数の要素（データ）を収納する。 要素を表示する場合は以下の通りとなる '."\n"; print $name[1].'<br>'."\n"; print $name[2].'<br>'."\n"; ?> 出力結果 なんで…

flaticon カテゴリが豊富で、サイズも指定できるので用途に困らない。 Yummicon 料理系のアイコンが豊富でフード・サービス系の制作ネタに助かる。 Ballicons キッズ＆ポップなアイコン集。素材として使い回すには少し用途を選ぶかも。 TypeSquare [タイプ…

round関数 round(数値、桁数) 第一引数の数値が基準値となり、第二引数に四捨五入したい桁数を指定できる。 第２引数の”１”が小数点第1位が繰り上がるので結果は。 出力結果：123.5 第２引数をマイナスや指定しなかったりすると... substr関数 substr(対象…