タグ

テクニックに関するreefのブックマーク (3)

  • awesome-css-tutorials-2014-spring.html

    CSSの進化が止まりません。 ページ上部の打ち出し画像をレスポンシブ対応でうまく配置するテクニック、エレメントにちょっとしたアクセントを加えたい、レスポンシブ用のfont-size指定のうまい方法など、スタイルシートの極上テクニックを紹介します。 Zig Zag Border Created CSS 最近見かけるようなったジグザグのボーダー。画像の使用はなし、divの三角形をたくさん並べるでもなく、普通にdiv一つだけで実装できます。区切り線としてもパネルの飾りとしても利用できます。 SVGを使った版はこちら、Pinked Border

  • すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ

    作成:2014/04/21 更新:2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び 1.今までの回り込み解除 2.横並びや並び順 3.均等に並べる/段組み ナビゲーションメニュー 4.多階層 ドロップダウン 5.amazon風 メガドロップダウン 6.ドロワーメニュー コンテンツメニュー 7.モーダルウィンドウ 8.アコーディオン 9.タブパネル テーブル 10.ストライプテーブル 11.レスポンシブ+テーブル リスト 12.カウント

    すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ
  • 6.悪用厳禁!バカ売れコピーを書くために知っておくべき7つの消費者心理

    いざ、最高のコピーライティングで売れるランディングページを作り上げようと意気込んでみても、いざ書き始めると、「何を書けば人は私の商品を買ってくれるのだろう」という迷いが必ず生まれる。 そして、悩みに悩むうちに、顧客の顔が見えなくなり、あらぬ方向に行ってしまう。 そこで重要なのが、平均的な消費者の行動を科学的に分析して、販売戦略に生かすという「消費者モデル」のアプローチを知ることだ。 消費者が無意識に取る行動科学を理解した上で、セールスコピーを書けば、必ず反応率の高いレターを書く事ができる。ここでは、その中から要点を絞って売れるセールスコピーを書くために、知っておくべき7つの消費者心理を紹介する。 ここで紹介している人間心理をしっかりと理解し、うまく活用すると、どんなものでも好きなように売れるようになる。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で

    6.悪用厳禁!バカ売れコピーを書くために知っておくべき7つの消費者心理
  • 1