[CSS] ロード時のアニメーションをCSSだけで表現するサンプル

2014年5月13日

画像ファイルを一切使用せず、CSSだけでロード時のアニメーションアイコンを表示するサンプル。出来合いのアニメgifを使うのが最も楽ですが、1から自分で作る手間を考えると、この手段もなかなかお手軽ではないでしょうか？

[JS] マウスに連動してシャドウを移動させる「shine.js」

2014年4月21日

マウスカーソルを移動させると、それに連動して光源が移動（text-shadowが移動）するという装飾用のjavascript「shine.js」。

ロゴなどにワンポイントで使うと効果的かも。

2014年3月17日

「Bootflat」は、フラットデザインのUI KitをベースとしたCSS Framework。
オープンソースで無償配布されており、IE 8/9/10, Firefox, Chrome, Opera, Safariなどの各ブラウザに対応しているフラットデザインのUIを実装することができます。

2014年2月28日

TablesGenerator.comは、プレーンなものから複雑なものまで、様々な形のTableを作成できるジェネレーターサービス。HtmlタグからText、Markdown形式などにも対応しており、大きさから数、フォントサイズ、デザインテーマまで指定して作成することができます。

メールを使って商品やサービスのPRをするときに使用すると、効果的なリンクボタン。見た人が思わずクリックしたくなるような、魅力的なボタンを設置したいものです。

そこで役に立つのが、簡単にリンクボタンを生成できるジェネレーター。