タグ

見出しに関するwebcenterのブックマーク (4)

  • シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選

    コーディング Kota Naito / 2017.07.11 シンプルなHTMLCSSをコピペするだけで実装できる見出しデザイン20選 画像を使用することなくHTMLCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。これから紹介する様々なデザインサンプルを組み合わせれば、また新たな面白い見出しを作ることも可能かと思いますので、カスタマイズも楽しんでみてください。 一部ブラウザで表示できないデザインもあるかと思いますが、その場合はベンダープレフィックスを、各自で追加してください。 このページでは「見出しデザイン」のプレビューに画像を使用していますが、実際の表示は以下デモページで確認することができます。 DEMOページ 手書き風の見出しデザイン[01] このデザインのポイントは「border-radi

    シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選
  • CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

    今回は見出し(h1〜h6タグ)のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

    CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
  • ウェビナーマーケティングのメリットと始め方 | The DOMINO

    今、多くのマーケターの間で話題になっている販売手法があります。 それがウェビナーを使った販売手法です。 2016年の初頭で、サイバーエージェントの藤田社長も「今年は動画元年になる」という内容のブログも更新していましたが、他にもたくさんの動画サービスが存在します。 LINELINEライブというサービスを始めたり、YouTubeもYouTubeライブというサービスを始めました。 また、現在はスマートフォンで簡単に画質の良い、ハイクオリティの動画を撮影することができます。 iPhoneやタブレットで撮影した動画でも専用のビデオカメラで撮影したような綺麗な映像が撮れますし、動画編集ができるツールやソフトもたくさんあります。(10年前は動画編集に100万円以上かけていたものが今では月数千円のツールで、パソコン1台だけでできるようになりました、、) そして、今の時代、商品のPRや販売に動画を活用する

    ウェビナーマーケティングのメリットと始め方 | The DOMINO
    webcenter
    webcenter 2016/10/04
    見出しがロゴの色
  • HTMLとCSSのコピペですぐに実装できる見出しデザイン14選

    WEB制作で必ずと言っていいほど登場するものの1つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン

    HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
  • 1