box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ
CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box Shadow 10個のスニペットは、Apple, Pinterest, Facebookなどで使用されているエレメントのHTML/CSSを簡略化したものです。 1. スクロールしてもバーを常に最上部に表示 2. サブナビゲーションのドロップダウン 3. シャドウを使った光沢が美しいボタン 4. 吹き出しスタイルの通知パネル 5. Appleのページラッパー 6. Appleのコンテンツボックス 7. Appleのフィーチャーリンク 8. 画像にさりげなくシャドウを添える 9. フォームの入力を目立たせる 10. エラステック
HTML5を使ったクールなサイトデザイン集２１:phpspot開発日誌
21 Fresh Examples of Websites Using HTML5 | Inspiration HTML5を使ったクールなサイトデザイン集２１ 今風のWEBサイトデザインが２１種まとまっており、デザインの参考に出来そうです。 久しぶりにこうしたギャラリーをみてみると、どんどん進化しているなぁという部分を感じます。 年々レベルが上がってきて昔クールだと思っていたサイトも時代遅れになってしまいますね。 関連エントリ HTML5のゲームエンジン「Quintus」 WebCamで撮影をHTML5で実現するデモ HTML5でネイティブ風アプリを作るFEフレームワーク「Junior」 フリーでHTML5ベースのリッチな管理画面テンプレート
【流行】 レスポンシブWebデザインについて思うこと 【誰得】 | soplog(そぷログ)
レスポンシブWebデザイン、最近巷で賑わっているようですね。 私も自分なりに調べて使ってみましたが、巷で騒がれているような魅力や凄さは感じませんでした。 むしろ、この言葉に飛びついた社内の人間が「マルチ！低コスト！」とはしゃぎだすのが怖いくらいです。 私もちゃんと説明できるよう、備忘も兼ねて記事に残しておきます。 レスポンシブWebデザインとは PC・スマートフォン・タブレットなどの複数のデバイスに対して、HTML側はワンソースで対応した、デザイン・技術のことです。 Media Queries（メディアクエリ）を使う方法が一般的なようです。 （あまり触れられているのを見ませんが、PSPなどのゲーム機でもMedia Queriesは有効なのでしょうか？） 使用上のメリット 制作期間が短く済む 複数のデバイスにワンソースで対応できるので、別々に制作するよりは制作期間は短く済みます。 まぁ、ケー
The Shapes of CSS | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn thos
HTML5の「コンテンツ・モデル」についてまとめました【MdN連載第7回目】 | HTML5でサイトをつくろう
HTML5でコーディングする場合に、知っておくべきことの一つに『コンテンツ・モデル』があります。『コンテンツ・モデル』とは、各要素ごとに内包できるコンテンツを定義したものを言います。つまり、要素ごとにどんなコンテンツを入れて良いのかが決まります。 HTML5からは『ブロック/インライン要素』の概念がなくなり、『コンテンツ・モデル』『カテゴリー』を意識することになりますので基本の考え方を学びましょう。 まず、コンテンツ・モデルとして大抵の場合はカテゴリーの定義が考えられるようです。前回の記事「HTML5のカテゴリーの種類についてまとめました」でカテゴリーの種類についてまとめましたが、下記にカテゴリーの関係を示した図がありますのでこちらも確認したいと思います。 コンテンツ・モデルとは コンテンツ・モデルとはどの要素（タグ）にどんなコンテンツを入れて良いかを定義したものをいいます。すべての要素に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
