キーワード検索
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制作に役立つツール類
こんにちは（・∀・）
前回はdisplayプロパティの値「grid」を使ってスマホサイトにも対応した通常レイアウトのサンプルをご紹介しましたが、今回は通常レイアウトではなく、グリッドデザインのレイアウトをご紹介します。もちろんスマホ対応です。
基本的なCSS構成は前回ご紹介しました【CSS】CSSのGridでスマホサイト対応レイアウトとほぼ同じです。
前回と同じく、すべてのサンプルはレスポンシブデザイン対応、横幅600px以下になると1カラムになるよう設定してあります。
サンプルは全部で5パターンです。
こんにちは（・∀・）
MacBook Pro、閉じてもスリープしなくなったので、閉じたらスリープするようにリセットしてみた、という投稿です。
こんにちは（・∀・）
今日はdisplayプロパティの値「grid」を使ってスマホサイトにも対応したレイアウトのサンプルをご紹介します。
こんにちは（・∀・）
最近、ある特定の外付けメディアだけ次のようなメッセージが出て取り外せなくなりました。
「ディスク”hoge”を取り出せませんでした。1つ以上のプログラムが使用している可能性があります。」
いつからそうなったのかは分かりません。
こんにちは（・∀・）
今日はナビゲーションボタンをcalc()関数を使って作ってみます。
前回【ブログ】CSS3のcalc()関数なら割り切れない数値でも本当にピッタリになるの⁉️で実験した通りChromeでの表示を気にする必要がありますが、1px程の誤差なのでうまく調整して作っていきましょう。
こんにちは（・∀・）
まだ6月なのにもう夏みたいですね。
我が家では暑さに耐えられず扇風機を出しました('～`；)
前回【CSS】CSSで関数が使えるって知ってました⁉でCSSでcalc()関数が使えることをご紹介しましたが、実践で使用したことがなかったのと、割り切れない数値でも本当にピッタリになるのか気になったのでちょっと実験してみました。
こんにちは（・∀・）
前回の【CSS】CSSでも変数が使えるって知ってました⁉に続いて、知ってました⁉️シリーズ第２弾。
「CSSでcalc()関数が使えるって知ってました⁉️」です。
こんにちは（・∀・）
iPhoneやiPadの使わないソフトウェアキーボードを削除する方法をご紹介します。
こんにちは（・∀・）
SassやLESS、または他のプログラムのようにCSSでも変数を使用することができます。
今日はSassやLESSではなく、CSS変数の使用方法をご紹介します。
こんにちは（・∀・）
iPadのソフトウェアキーボードで簡単に数字を入力する方法をご紹介します。
こんにちは（・∀・）
親要素から特定する子要素にCSSを適用させる場合、「p > img」みたいな感じでセレクターを利用してCSSを適用させることができます。
その逆で子要素から親要素にCSSを適用させる場合、上記のようにセレクターを使ってCSSを適用させることはできません。
CSS4のセレクターで「:has()」というのがあり、上記のことが実現できますが、まだどのブラウザも対応しておりません。
CSSで完結したいところですが、こんな時はjQueryで解決できます。
こんにちは（・∀・）
こちらの【CSS】スマホ対応CSSだけでドロップダウンメニューの横並びドロップダウンメニューをスマホに対応させました。3パターンのサンプルをご用意しましたのでよろしければご活用ください。
