Guide | Webデザインラボ

前月(9月)の人気記事トップ10

ブログ

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】iPhone画面解像度まとめ

Posted on 2018/09/21
Guide

Last updated on 2018/09/21

image:Apple

こんにちは（・∀・）

新型iPhoneの発売に伴い、iOS12をアップデートできるiPhone5s以降のiPhone端末の画面解像度をまとめてみました。一覧は【制作Tips】画面解像度一覧表でもご覧いただけます。

タグ：Apple, iPhone, Retina ディスプレイ, 画面解像度

【制作Tips】デバイスピクセルとCSSピクセル

Posted on 2018/09/20
Guide

Last updated on 2018/09/20

タグ：CSSピクセル, デバイスピクセル, 画面解像度

【制作Tips】スマホサイトの作成・レスポンシブデザイン

Posted on 2015/06/05
Guide

Last updated on 2017/06/01

こんにちは（・∀・）

レスポンシブデザインのWebサイトもだいぶ増えてきました。そこで今回はスマートフォン、タブレット、PCに対応したWebサイトをレスポンシブデザインで作りたいと思います。

タグ：レスポンシブデザイン

【制作Tips】スマホサイトの作成・基本編

Posted on 2014/04/25
Guide

Last updated on 2017/04/03

こんにちは（・∀・）

スマホサイトを作ると言ってもいろいろとあります。
例えば、既にあるWebサイトをPCサイト・スマホサイトに対応させる、一からPCサイト・スマホサイトを作る、PCサイトはすでにあるので、スマホサイトを別に作ってPCサイトとJavaScriptなどを利用して振り分けるなどなど...

ここではHTML5+CSS3を使って、一からPCサイト・スマホサイト(iPhone・Android)を作る方法についてご紹介していきたいと思います。

タグ：スマホサイト, レイアウト

【制作Tips】.htaccessを使ってみよう！

Posted on 2010/08/06
Guide

こんにちは（・∀・）

.htaccessとはWebサイトに関する設定や制御のためのファイルです。.htaccessで設定した内容は設置したディレクトリ(各フォルダ)以下に適用されます(ホームディレクトリに設置した場合はそのWebサイト全体に適用されます)。サーバによっては.htaccessの設置を許可していない場合がありますのでご確認ください。