2012年に流行りそうなWebデザイントレンド厳選10個まとめ
2011年もあとわずかとなりましたが、今年はWebデザインに関する新しいテクニックやアイデアなどがたくさん登場した年でもありました。 海外デザインブログWeb Design Ledgerで、2012年に流行しそうなWebデザインのトレンド10個をまとめたエントリー「Web Design Trends in 2012」が公開されていたので、今回はご紹介します。 既に利用され始めている手法、トレンドから、今後利用機会が増えそうなテクニックまでまとめられています。 詳細は以下から。 大予想、2012年に流行しそうなWebデザイントレンド厳選10個まとめ 1. レスポンシブWebデザイン パソコンだけでなく、iPadなどのタブレット、iPhoneなどのスマートフォンなどスクリーンサイズに応じて、レイアウトが変化するレスポンシブWebデザイン。 ようやく「レスポンシブWebデザイン」というワードが聞
[CSS]正方形・ダイアモンド・台形・三角形・円・ハートなどを作り出すスタイルシートのまとめ
HTML <div id="square"></div> CSS #square { width: 100px; height: 100px; background: blue; } Diamond: ダイアモンド HTML <div id="diamond"></div> CSS #diamond { width: 80px; height: 80px; background: blue; margin: 3px 0 0 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin:
CSS3 Simple Shapes - Cheat Sheet - Land-of-Web
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”. If you have some questions or su
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
CSS3 で新しいボックスレイアウトのサンプル3
自由なカラムレイアウト: 高さがそろったボックスを並べたい場合 これは width: 80%; の body 要素です。 2カラムが共に可変の場合 これは横幅 width: 40%; border-width: 20px; の div 要素です。 box-sizing: border-box; でスッキリ。親要素に display: box; で clearfix もいりません！ Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egesta
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
