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教授によると、『鋭角の長方形は同じ大きさの楕円より認知するのに努力を必要とする。人間の目は円形のものをより速く捉えることができる。」と述べています。 鋭角と角丸の視線の流れ 鋭
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
