こんにちは（・∀・）
レスポンシブデザインのWebサイトもだいぶ増えてきました。そこで今回はスマートフォン、タブレット、PCに対応したWebサイトをレスポンシブデザインで作りたいと思います。
前月(5月)の人気記事トップ10
- ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
- ( 2 - ) 【CSS】CSSだけでサイズ可変・スマホ対応のアコーディオン
- ( 3 - ) 【Mac】Macのユーザー名とアカウント名を変更する
- ( 4 - ) 【Mac】MacにInkscapeをインストール
- ( 9 ↑) 【jQuery】jQueryでドロップダウンメニュー
- (10 ↑) 【CSS】スマホサイト向け横にスクロールするナビゲーション
- ( 6 ↓) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
- ( - ↑) 【CSS】レスポンシブデザインのブレークポイントは⁉
- ( 7 ↓) 【CSS】CSSだけでブロック要素の表示非表示(トグルボタン)
- ( 5 ↓) 【HTML5】スマホサイトの作成・基本編
ブログ
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制作に役立つツール類
【制作Tips】スマホサイトの作成・基本編
こんにちは（・∀・）
スマホサイトを作ると言ってもいろいろとあります。
例えば、既にあるWebサイトをPCサイト・スマホサイトに対応させる、一からPCサイト・スマホサイトを作る、PCサイトはすでにあるので、スマホサイトを別に作ってPCサイトとJavaScriptなどを利用して振り分けるなどなど...
ここではHTML5+CSS3を使って、一からPCサイト・スマホサイト(iPhone・Android)を作る方法についてご紹介していきたいと思います。
【制作Tips】.htaccessを使ってみよう！
こんにちは（・∀・）
.htaccessとはWebサイトに関する設定や制御のためのファイルです。.htaccessで設定した内容は設置したディレクトリ(各フォルダ)以下に適用されます(ホームディレクトリに設置した場合はそのWebサイト全体に適用されます)。サーバによっては.htaccessの設置を許可していない場合がありますのでご確認ください。
【制作Tips】PHP5でinclude
こんにちは（￢ｖ￢）
今回は共通部分をPHP5でインクルードする場合、絶対パスが使えないのでその対処方法についてです。PHP5では絶対パス(/パス)が通らないので、ファイルをインクルードする前にプログラムでパスを設定します。
- タグ：PHP5
削除したコンテンツ
- WindowsXPにApache2.2をインストールしよう！
- WindowsXPにApache2.2のバーチャルホストを設定をしよう！
- WindowsXPにPHP5.2をインストールしよう！
- WindowsXPにActivePerlをインストールしよう！
- WindowsXPにMySQLをインストールしよう！
- WindowsXPにFileZilla(FTP)をインストールしよう！