Twitter ウィジェットを、CSSだけでデザインカスタマイズする方法 – LIQUID BLOG
公式のTwitter ウィジェットを、CSSだけでデザインカスタマイズする方法を紹介します。 Twitter ウィジェット：http://twitter.com/about/resources/widgets 上記のような公式プロフィールウィジェットについて、 CSSを追加するだけでいろいろなデザインカスタマイズをすることができます。 HTMLの解説 作成したウィジェットのコードをそのまま使用します。コードの改変は一切行いません。 管理しやすいように、idをtwitter_tickerとしたdivで囲みます。 </p> <p> CSSの解説 ストライプ背景を使用したデザインにしてみます。 デフォルトCSSが優先されないよう!importantを指定します。 border-radiusを0にして、丸角をなくします。 そして全体を囲むdiv、twtr-docに対して、ストライプの背景画像を指定
人はなぜ角丸に魅かれるのか、その理由と角丸の効果的な使い方
ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。 そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページにどのように実装するのかなどを紹介します。 Rounded Corners and Why They Are Here to Stay 下記は各ポイントを意訳したものです。 角丸は目に、そして脳に優しい< 角丸のイメージは安心 -Appleのこだわり 角丸はいつ使用するべきか 角丸の実装：CSS3< 角丸の実装：古い方法 終わりに 角丸は目に、そして脳に優しい ビジュアル認知の権威：Jürg Nänni教授によると、『鋭角の長方形は同じ大きさの楕円より認知するのに努力を必要とする。人間の目は円形のものをより速く捉えることができる。」と述べています。 鋭角と角丸の視線の流れ 鋭
みんなの弥生｜あなたの街の「弥生」を探そう！
あなたの街の弥生を探してみよう！「みんなの弥生」は業務ソフト売上No.1の弥生のキャンペーンです。もれなく皆藤愛子さんの壁紙・スクリーンセーバーがもらえます！
BVLGARI
大胆な進化 永遠に色褪せない伝説的なヘビのカリスマ性を体現したセルペンティ ヴァイパー ジュエリー クリエイションは、そのアイコンの美しさ、力強さ、洗練さが進化を遂げながら、線の美しい現代的なフォルムで表現されています。 セルペンティを見る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kuler