Best JavaScript Typography Libraries | Code Geekz
ScaleOut | Supership
日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。
ロゴ制作にも使いやすい個性的なフォントまとめ「20+ examples of beautiful and inspiring fonts」
TOP > Font > ロゴ制作にも使いやすい個性的なフォントまとめ「20+ examples of beautiful and inspiring fonts」 フリーフォントの中にも、プロのデザイン制作に利用しやすいクオリティの高いフォントが多数発表されています。そんな中から今回は、ロゴ制作など、インパクトを与えたいデザインにも利用しやすい、個性と洗練さを兼ね備えたフリーフォントをまとめた「20+ examples of beautiful and inspiring fonts」を紹介したいと思います。 （TELÉFONO Free Font on the Behance Network） スタイリッシュなフォントからおもちゃのような可愛らしいフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種
ベースとなるhtml 今回はテキストタイプなので文字列をリストで並るだけですね。 一部spanを入れた方が動作が安定することがあったので入れてます。javascriptのコードにspanを指定していなかったら外してください。 html <ul id="nav1"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">GALLERY</a></li> <li><a href="#">LINK</a></li> </ul> 1.マウスオーバーでスライドするボタン 単純に横にスライドするアニメーションは「marginLeft」を変化させます。 テキストの色はcssで変えてます。 このナビゲーションに限ってはliにspanを入れると安定して動作するっぽいです。 html <li><a href="
CSS文字装飾のバリエーション(12パターン) - jsdo.it - Share JavaScript, HTML5 and CSS
<p>Normal</p> <p class="dropShadow">Drop Shadow</p> <p class="stroke">Stroke</p> <p class="outset">Outset</p> <p class="inset">Inset</p> <p class="block">Block</p> <p class="glow">Glow</p> <p class="blur">Blur</p> <p class="doubleStroke">Double Stroke</p> <p class="reflect">Reflect</p> <p class="deepInset">Deep Inset</p> <p class="gradient">Gradient</p> <p class="blind">Blind</p> body { background
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DropCatch.com
