Webデザインラボ

10月更新・前月(9月)の人気記事トップ10 - 10/06/2021

( 01 − ) 【CSS】CSSだけでドロップダウンメニュー
( 08 ↑) 【iPhone iPad】iPhoneやiPadの音量を細かく調整する方法
( 04 ↑) 【Mac】Safariでソースコードを見る方法
( 02 ↓) 【iPhone iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法
( 03 ↓) 【Mac】Macのユーザー名とアカウント名を変更する
( 06 − ) 【jQuery】入門2. jQueryをHTMLに組み込む
( 07 − ) 【CSS】マウスオーバーでボタンの色が変わるロールオーバー
(１０↑) 【jQuery】入門5. jQueryで日時を表示
(圏外↑) 【制作Tips】画面解像度一覧表
(圏外↑) 【CSS】スマホサイト向け横にスクロールするナビゲーション

ブログ

Webデザインラボ管理人のブログ

* Web制作やネットに関連しない内容の投稿は別ブログへ移動しました。

Camera

カメラ入門

css

GIMP

GIMP関連

Inkscape

Inkscape関連

制作ガイド

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】デバイスピクセルと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

Last updated on 2010/08/06

こんにちは（・∀・）

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