-優れた欧文書体 21Fonts-Whisper | Diary
フォントの魅力 世界で最も愛用されているとされるHelveticaフォントは誕生50周年。 「ヘルベチカ 〜世界を魅了する書体〜」として映画やDVDにもなり、 原宿のラフォーレにおいて企画展も催されました。 それに伴い特設サイト「Helvetica project」もあります。 フォントのドラマを考えると、フォント一つでも感慨深いものに感じてきます。 海外のプロデザイナーが多用する21種のフォント フォントの色や大きさでももちろんイメージが大きく変わりますが、 それ以前にセリフ体、サンセリフ体、スクリプト体などの書体、 更に分解すると、フォントそのものの質も問われるわけです。 国内で知名度の低いフォントもいくつかあるようですので、押さえておくと為になるかも。 海外で行われたアンケート実施からみえたWebデザイナーが最も多用する 21種のフォントを簡単な説明を交えて掲載してみます。(元記事)
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
Posted: 2010.10.24 / Category: javascript / Tag: jQuery ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準備 はじめにボタンと
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="
Sproing! – Make An Elastic Thumbnail Menu « Build Internet
In an ongoing attempt to offer alternative methods to spruce up menus, I’ve pieced together an elastic thumbnail menu. What does it do exactly? Magnifies menu items when they are hovered over. Menu items expand upwards. View the demo to see it in action. Hopefully you know what you’re getting into, let’s make this thing happen. The HTML Quick and easy, the general framework we’ll be using goes as
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
