いろんなパンくずリストを画像を使わずに CSS で再現してみた。 - buena suerte!
CSS Triangle を使ったパンくずリストを見てて、この方法だと単色はともかく、グラデーションかけたい時、ボーダーで作った三角がネックでうまくいかないだろうなっておもった。 参考記事：Breadcrumb Navigation with CSS Triangles | CSS-Tricks 前回、 iPhone Buttons を再現した際に使った方法でグラデーションかけられそうなので試してみた。 オリジナルの詳しい解説は既にコリスさんにありますので割愛。 大分書き進めた後に気づいたけど、コメントにあった span を使う方法のがパッと見簡単やないかな……こっち使うほうがいいかもしれんね…… 動作確認 Chrome(7.0.517.41) で確認。もしかすると、ウィンドウ幅が小さいと崩れるかも。横幅 1024px で最大化して確認してます。 同じ webkit の Safari でも
横並びのリストを中央寄せにする5つの方法 - CSSテクニック - acky.info
HTMLコード <ul class="float"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline-block"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="table-cell"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="flex"> <li>1</li> <li>2</li> <li>3</li> </ul> CSSコード ul { list-style-type: none; padding-left: 0; } li { background: #CCC; width: 50px;
悪用厳禁！心理学で人を動かす7つの秘法 - ライフハックブログKo's Style
人を動かす、と言うと、その言葉からは、やや良くないイメージがしてしまう人も多いかもしれません。 しかしもし、うまく相手の信頼を得て、心をつかみ、自然に気持ちよく動いてもらえる方法があるとしたら？ 仕事以外でも、家庭や恋愛など、対人スキルとして非常に重要なことですよね。 そこで今日は、全米ベストセラー、日本では2011/1/29に出たばかりの本、 『なぜあの人からつい「買ってしまう」のか 』から私が読み解いた、実践すれば必ず結果が出る、 心理学で人を動かす7つの秘法を紹介します。 以下を読んで、「なるほど！たしかにあのときそうだった！」などの経験があったり、何か思うところがあれば、ぜひツイッターやコメント欄から教えてくださいね。 1～3は、相手に気持ちよく動いてもらうために、事前に信頼関係を築く方法。 4～7は、相手の心を自然に動かしてしまう方法です。 1. ミラーリングでラポールを築く 会
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
