草彅剛の「なぎ」も漢字で使えちゃう、丸ゴシックのかわいい日本語のフリーフォント -Rounded Mgen+

先日「源真・源柔ゴシック(当ブログの記事)」をリリースしたばかりの自家製フォント工房から、第5弾となる新しいフォントがリリースされました!

個人でも商用でも無料、Webや紙や動画などさまざまなメディアで利用でき、成果物や派生成果物のコピーを複製したり頒布することもできます。
※ご利用の際には、必ず添付のライセンスをご確認ください。

丸ゴシックフォント:Rounded Mgen+

Rounded Mgen+
※↑画像は作者様が作成、拝謝

続きを読む

正式版リリース間近!Web制作の作業が驚くほど捗る『Avocode』最速レビュー

PNG Hat, CSS Hatなど、Web制作に役立つツールを数多く開発しているMadeBySourceが新たにリリースする『Avocode』の正式版のリリースがいよいよ間近になりました!

一足先にプレオーダー版が届いたので、さっそくレビューします。
ベータ版の機能が限定されている時でも「こいつはすげえ」と思ってましたが、現在の最新版は更にヤバイです。

サイトのキャプチャ

Avocode

続きを読む

これは便利で使いやすい!マージンやエレメントのサイズやグリッドを簡単に測れるツール -Pixel Winch

マージンやエレメントのサイズやグリッドを簡単に測れる便利ツールを紹介します。

マージンはその間をちょこっとドラッグするだけ、エレメントのサイズはぐぃーと選択して、あとで微調整もできる簡単操作です。

Pixel Winchを使ったアニメーション

続きを読む

[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト(WordPressにも対応) -Animsition

ページを表示する時に、スライド、フェード、回転、ぱたりなどのかっこいいアニメーションを加えるjQueryのプラグインを紹介します。

アニメーションは表示する時だけでなく、リンクがクリックされて離れる時にも適用することができます。

サイトのキャプチャ

Animsition
Animsition -GitHub

続きを読む

数多くの無料アイコンから必要なものだけをセットにして、軽量化されたWebフォントやSVGを作成できるサービスのまとめ

セットになったアイコンはデザインが統一されており、それはそれで便利ですが、全部のアイコンを使うことはほとんどないと思います。
自分が必要なアイコンだけをセットにし、軽量化されたセットにして、WebフォントやSVGとして利用できるオンラインサービスを紹介します。

用意されたアイコンからセットを作ってもよし、自分のアイコンを加えてセットにすることもできます。

サイトのキャプチャ

flat icon
フォーマット:font(woff, eot, ttf, svg), png, svg, eps, psd

462種類のパック、55,000個のアイコンから使用するアイコンだけを選択し、セットにすることができます。チェックしたアイコンはクッキーで保存されているので、ログインしないでも利用できます。

続きを読む

[JS]フラットなデザインで映える!美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle

Googleが提唱する新しいUX「Material Design」で採用されている美しく広がる波紋のエフェクトを簡単に実装できるjQueryのプラグインを紹介します。

波紋にはさまざまなバリエーションがあり、どれも美しいエフェクトです。

デモのアニメーション

jQuery.twinkle

続きを読む

プレゼンや企画書をより魅力的に!商用でも無料でつかえるインフォグラフィック用のベクター素材

個人でも商用でも無料で利用できる、インフォグラフィックのベクター素材をInfographic Template Shopから紹介します。

サイトのキャプチャ

Infographic Template Shop

続きを読む

[CSS]シンプルなHTMLで、ギザギザのかわいいボーダーをつくるスタイルシートのテクニック

シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。

デモのキャプチャ

続きを読む

 1 2 3 4 5 ... 576 577 Next

top of page

©2014 coliss