キーワード検索
Webデザインラボ管理人のブログ
* Web制作やネットに関連しない内容の投稿は別ブログへ移動しました。
カメラ初心者向け
GIMP関連
Web制作関連
iPhone・iPad関連
JavaScript初心者向け
jQuery初心者向け
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：レイアウト系のサンプルを探したい場合は「レイアウト」、スクロール系のサンプルを探したい場合は「スクロール」などなど。
各OSごとに掲載してあります。また、それぞれバージョンがありますが制作するコンテンツのサーバー環境にあわせると開発もスムースに進みますね。特に無ければApacheなら2.4、PHPなら5.6あたりが安定して利用できそうです。
ここでの解説はWebデザイナーやコーダー向けのローカル環境構築なので、セキュリティ的な事は考慮(りょ)しておりません。
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：Apache系のサンプルを探したい場合は「Apache」、PHP系のサンプルを探したい場合は「PHP」などなど。
Mac関連
Web制作に役立つツール類
こんにちは（・∀・）
今日はHTML5でFlexレイアウトのテンプレートサンプルをご紹介します。
以前Flexboxでレイアウトする方法についてご紹介したことがありますが、テンプレートとしてご紹介はしてきませんでした。それはやはりIEで使用することができないというのが一番の理由です。しかし、今年の4月でWindows Vista(IE9)のサポートも終わりWindows 7以降のブラウザはIE11となりますのでいよいよFlexboxでレイアウトすることができるようになりました。
ということで改めて、この度Flexboxでのレイアウトテンプレートの公開という運びとなりました。
frameレイアウト・tableレイアウトからfloatレイアウトときていよいよFlexboxでのレイアウトとなります。CSSとブラウザの進化によりこれまでのfloatレイアウトが負のレガシーとなりIE6でのカラム落ちの対応に追われた日々を懐かしむようになることは間違いありません。
こんにちは（・∀・）
今日はHTML5でFloatレイアウトのテンプレートサンプルをご紹介します。
こんにちは（・∀・）
郵便番号の入力フィールドに郵便番号を入力するとフォームに自動で住所を入力してくれる便利なjQueryライブラリがありますのでご紹介します。
こんにちは（・∀・）
前回のラジオボタンやチェックボックスの解説に続いて今回もフォーム系についての解説になります。今回はinput要素のautocomplete属性についてです。
こんにちは（・∀・）
アンケートサイトの選択肢などでラジオボタンやチェックボックスが使われていて、時々クリックしづらかったりすることがあります。ラジオボタンやチェックボックスはHTMLのinput要素で作りますが、そのままだとボタンを押す範囲が狭すぎてクリックしづらいことがあります。
こんにちは（・∀・）
レスポンシブデザインでWebページをスマホサイトとPCサイトに振り分けたとき、ある要素のスマホサイトにはリンクがあり、PCサイトではなしにするという仕様のとき、PCサイトのリンククリックを無効にする方法はないのか…と調べてみたらありました。CSSだけで簡単にできるようです。
こんにちは（・∀・）
HTML5でWebページを作るときの基本です。DOCTYPE宣言文、言語コード指定、文字コード宣言など参考にしてください^^。
