【CSS】コピペするだけ！読者になるボタンをシンプルにカスタマイズ - えむしてっく
昨日のエントリーを書くにあたって、CSSをいろいろ弄っていたら上の画像みたいなのを作る事が出来たので軽くご紹介 もしかしたらこちらの方が需要があるかも知れませんね。 mshitech.hatenablog.com 三つ紹介します。好みに応じてどうぞ。 CSSの貼り付け位置 CSS エッジの利いたボタン オリジナルよりより丸いタイプ 読者数が吹き出しっぽくなったタイプ 軽く解説 CSSの貼り付け位置 まずはCSS、その貼り付け場所はこちら。 デザイン→カスタマイズ→デザインCSSです。 CSS エッジの利いたボタン 一つ目からいきます /* 読者になるボタン角 */ .hatena-follow-button { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .hatena-follow-
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
