今回は『既存のホームページをレスポンシブスマホ対応する方法』についてご紹介いたします。 2年程前からBootstrapやjQuery_Mobileによるスマートフォンサイトの作成であったり、WordPressのスマホ対応テンプレートの導入であったり、様々な手法を用いてスマホ対応を行ってきました。 最近ではWordPressのスマホ対応テンプレートか、今回ご紹介するメディアクエリによるレスポンシブスマホ対応の2パターンに収束してきた感じです。 今回はメディアクエリによるレスポンシブスマホ対応について紹介いたします。 メディアクエリとは CSSの記述によって、画面幅に合わせたスタイルシートを適用させる事ができる手法です。 例えば、「横幅が640pxまでの画面であればこのスタイルシートを使う」といったことが容易にできます。 メディアクエリによるレスポンシブスマホ対応の利点 既存のホームページを流
ちょっとしたお知らせをさくっとホームページに載せたい時、わざわざCMSを使ってページを作るまでもない、ごちゃごちゃしたテンプレートは嫌、とにかく気軽にシンプルに情報を載せたいだけのときに役立つシンプルテキストテンプレート。 ソースは単純シンプル。でも見やすい、カスタマイズしやすい、画像も使ってない、初心者でも気軽にページが作れる、ホームページのベースとしてもＯＫなネットマニアテンプレートです。 もちろん最近流行のXHTMLコーディング・検索エンジン対策(SEO)最適化済！ こんなときに使えます。 ・ちょっとしたお知らせや告知に利用する ・流行の検索エンジン用バックリンク(被リンク)用ページに ・放置ドメインなど、とりあえずトップページを表示させておきたいときに ・難しいことはわからないので、とりあえずホームページを作りたいときに ・XHTMLコーディング・検索エンジン対策最適化済ページが欲
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く