Circle Navigation Effect Bubble-like thumbnail preview for your navigation with CSS3
フリーランスになってから案件をいくつか請け負っています。最近、レスポンシブウェブデザイン(Responsive Web Design)でWebサイトを制作する機会がありました。バグなどにはまったりしたので記録しておこうと思います。 そもそもレスポンシブウェブデザイン(Responsive Web Design)とは? レスポンシブウェブデザイン(Responsive Web Design)とは、スクリーンサイズに反応するようにレイアウトが変わるWebデザイン手法です。 ここ1年ほどでスマートフォンがもはやギークのおもちゃを通り越して定着したといっていい状況になりました。しかし、そのスマートフォンは画面サイズがバラバラで、しかも機種(デバイス)が年に40〜50機種ずつ発売される状況になってきます。しかも、スクリーンサイズは全部バラバラです。さらに縦向き・横向きにも対応なければいけません。 機
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 1.HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く