designWeb全般webmasterdevice-widthについてスマートフォン用のサイト制作をするとき、metaタグで「device-width」を指定しますが、これは、端末...リダイレクトについてサイトを運用していると時々、ドメインの移行を行ったりする場合があります。制作中のページであったり、何らかの事情で特定の人以外には閲覧させたくないといったときに、ページをインデックスさ...CSS3セレクタを使ってみよう従来のCSSセレクタに加えて、CSS3で新たに使用できるセレクタが登場しているので、比較的使いそうな擬似クラス...フッターをページ下部に固定する方法サイトを制作していると、ページ内容が少なく画面の下に余白がすごく空いてしまったりすることがあります。この余白が...ウェブクリップアイコンの設置方法スマートフォンサイトを作ったら、ウェブクリップアイコンを設置してみましょう。今回は、jQueryを利用してアコーディオンを実装してみます。内容が多すぎてページが縦に長すぎてしまうときに通...jQueryで簡単にスムーズスクロールを実装Webサイトを作っているとjQueryを利用する機会も多いと思います。今回は、簡単な記述でスムーズにページの先...jQueryの基本的な使い方jQueryとは、ウェブサイトを構築する際に、ちょっとした動きを演出したいときなどに利用されるJavascri...Photoshopで木目調のテクスチャを作る今回は、何かと使う場面がありそうな木目調のテクスチャをPhotoshopで作成してみます。簡単な手順で作...レスポンシブWebデザインの基本レスポンシブWebデザインとは、1つのHTMLファイルでPCやスマートフォン、タブレットといった、あらゆるデバ...Webデザインで使えそうなアイコンを作ってみるWebデザインをするときに、ちょっとしたアイコンがほしいときってありますよね。ネット上にもたくさんフリーで使え...HTML5の基本的なマークアップHTML5の新要素を使用して、基本的なHTMLの構造を作りたいと思います。通常、WordPressで記事を投稿した際、投稿一覧ページには全文が表示されるようになっています。記事の内容に...【Photoshop】パターンを作成して装飾をするPhotoshopの中にデフォルトで定義されているパターンはいくつかありますが、自分でパターンを作成してレイヤ...作業効率を上げるショートカット作業していく上で少しでも効率よく作業したいと思います。そこで、よく使うであろう基本的なショートカットキーをいく...ウェブフォントを使用して、好きなフォントを表示させる基本的にフォントの表示は、各ユーザーのコンピューターにインストールされているフォントで表示されるので、いくら制...Photoshopで作る授賞式風カーテン年間ランキングなど何かしらの受賞や発表で使えそうな授賞式風なカーテンをPhotoshopで作成する方法です。角丸のボックスやボタンなどを使いたいというときに、画像を用意して表現していたものをCSSだけで実現させるプロパ...XHTMLとHTML5の違いXHTMLとHTML5の違いについて、具体的にどのように書き方などが違うのか比べてみたいと思います。