前月(8月)の人気記事トップ10
- ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
- ( 2 - ) 【jQuery】jQueryでドロップダウンメニュー
- ( 5 ↑) 【Mac】Macのユーザー名とアカウント名を変更する
- ( 3 ↓) 【CSS】CSSだけでサイズ可変・スマホ対応のアコーディオン
- ( 4 ↓) 【CSS】レスポンシブデザインのブレークポイントは⁉
- ( 6 - ) 【CSS】スマホサイト向け横にスクロールするナビゲーション
- ( 8 ↑) 【PHP】PHPでシンプルなメールフォーム
- ( 9 ↑) 【CSS】CSSだけでブロック要素の表示非表示(トグルボタン)
- ( - ↑) 【CSS】スマホ対応CSSだけでドロップダウンメニュー
- ( - ↑) 【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。
ブログ
Webデザインラボ管理人のブログ
* Web制作やネットに関連しない内容の投稿は別ブログへ移動しました。
Camera入門
カメラ初心者向け
css
GIMP入門
GIMP関連
Web制作ガイド
Web制作関連
html
iphone & ipad
iPhone・iPad関連
JavaScript入門
JavaScript初心者向け
jQuery入門
jQuery初心者向け
Labs
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：レイアウト系のサンプルを探したい場合は「レイアウト」、スクロール系のサンプルを探したい場合は「スクロール」などなど。
ローカル環境
Webデザイナー・コーダーのための簡単にできるWeb制作環境の構築
各OSごとに掲載してあります。また、それぞれバージョンがありますが制作するコンテンツのサーバー環境にあわせると開発もスムースに進みますね。特に無ければApacheなら2.4、PHPなら5.6あたりが安定して利用できそうです。
ここでの解説はWebデザイナーやコーダー向けのローカル環境構築なので、セキュリティ的な事は考慮(りょ)しておりません。
*お探し物はページ内検索 command + F or ctrl + FでGetして❗️
例：Apache系のサンプルを探したい場合は「Apache」、PHP系のサンプルを探したい場合は「PHP」などなど。
Mac
Mac関連
webツール
Web制作に役立つツール類
【iPhone・iPad】iPhoneやiPadを初期化する方法を検索する際のApple公式の検索コード
こんにちは（・∀・）
そろそろ新型iPhoneの発表ですね。
新しいiPhoneに買い替える際、今まで持っているiPhoneを手放す場合は初期化をしなければいけません。
- タグ：Apple公式コード, ht201252, ht201263, iPhone初期化
【ブログ】iPhone修理はApple正規サービスプロバイダのクイックガレージ
image:クイックガレージ
こんにちは（・∀・）
Appleストア以外でもiPhoneなどのApple製品の修理をしてくれるApple認定の正規サービスプロバイダという専門店が存在することご存知でしたか⁉️
【制作Tips】インスタグラムのオリジナルフォローボタンの作り方
こんにちは（・∀・）
前回はインスタグラムにPCから写真を投稿する方法をご紹介しましたが、いかがでしたでしょうか⁉️
今回も前回に引き続きインスタグラムに関する内容で、インスタグラムのフォローボタンの作り方についてご紹介したいと思います。
【CSS】CSSのGridでスマホサイト対応のグリッドレイアウト
こんにちは（・∀・）
前回はdisplayプロパティの値「grid」を使ってスマホサイトにも対応した通常レイアウトのサンプルをご紹介しましたが、今回は通常レイアウトではなく、グリッドデザインのレイアウトをご紹介します。もちろんスマホ対応です。
基本的なCSS構成は前回ご紹介しました【CSS】CSSのGridでスマホサイト対応レイアウトとほぼ同じです。
前回と同じく、すべてのサンプルはレスポンシブデザイン対応、横幅600px以下になると1カラムになるよう設定してあります。
サンプルは全部で5パターンです。
- タグ：CSS, Grid, グリッドレイアウト, レスポンシブデザイン
【Mac】MacBook Proを閉じてもスリープしなくなったのでNVRAM(PRAM)リセットを試してみた
こんにちは（・∀・）
MacBook Pro、閉じてもスリープしなくなったので、閉じたらスリープするようにリセットしてみた、という投稿です。
- タグ：Mac, MacBook Pro, NVRAM(PRAM)リセット, SMCリセット
【CSS】CSSのGridでスマホサイト対応レイアウト
こんにちは（・∀・）
今日はdisplayプロパティの値「grid」を使ってスマホサイトにも対応したレイアウトのサンプルをご紹介します。
- タグ：CSS, Grid, グリッドレイアウト, レスポンシブデザイン
【Mac】外付けメディアが取り外せなくなったらSpotlightの除外項目を設定してみる
こんにちは（・∀・）
最近、ある特定の外付けメディアだけ次のようなメッセージが出て取り外せなくなりました。
「ディスク”hoge”を取り出せませんでした。1つ以上のプログラムが使用している可能性があります。」
いつからそうなったのかは分かりません。
削除したコンテンツ
- WindowsXPにApache2.2をインストールしよう！
- WindowsXPにApache2.2のバーチャルホストを設定をしよう！
- WindowsXPにPHP5.2をインストールしよう！
- WindowsXPにActivePerlをインストールしよう！
- WindowsXPにMySQLをインストールしよう！
- WindowsXPにFileZilla(FTP)をインストールしよう！