テキストの左側と下側だけをボーダーで囲ったデザインの見出しって、いろんなブログで良く見かけますよね。 CSSだけで作る見出しとしてシンプルで使い勝手がいいので僕も多用してます。 「どうやって作ってるんですか?」という質問をいただいたので、CSS初心者向けに見出しのデザインの一例としてご紹介します。
![【CSS初心者向け】ブログで良く見かけるシンプルな見出しの作り方 - ディレイマニア](https://cdn-ak-scissors.b.st-hatena.com/image/square/b96dce99ea67745268043a870dad8210ecdba247/height=288;version=1;width=512/https%3A%2F%2Fdelaymania.com%2Fwp%2Fwp-content%2Fuploads%2F2013%2F03%2Fmidashi_design-eyecatch.jpg)
Webサイト上での限られたスペースにお知らせなどの 複数にわたる情報を表示させたい際に便利なニュースティッカー。 jQueryプラグインでもいろいろな形状のニュースティッカー用プラグインがありますが シンプル(ベーシック)な動きのニュースティッカーを 極力シンプルなスクリプト構成で実装することが出来ないか試してみたので紹介してみます。 ニュースティッカーの切り替え動作については ——————————————————– ・フェード切り替え ・画面下からスライドイン ・画面右からスライドイン ——————————————————– の3パターン構成にしてみます。 まずフェード切り替えパターンのサンプルから。 HTML構成は以下の様になります。 ◆HTML <div class="ticker" rel="fade"> <ul> <li><a href="#1">【News1】このテキストはNe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く