ニュージーランドの女の子が書いたカリグラフィが、かなりカッコイイと話題に! -Brand by Hand

「Brand by Hand」は、Sara MarshallがAUT大学の卒業プロジェクトとして取り組んだもので、有名ブランドの特徴をかっこいいカリグラフィで表現した作品です。

あちこちのデザインコミュニティで話題になっているので、見かけた人も少なくないと思います。彼女のカリグラフィとともに、メールで聞けたコメントも紹介します。

Sara Marshallのカリグラフィ

Brand by Hand: Sara Marshall
Sara Marshall -Instagram

続きを読む

[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu

縦長ページにナビゲーション機能とスクロール機能を融合させた、実用性とデザイン性を兼ね備えたスクロールメニューを実装できるjQueryのプラグインを紹介します。

細かいとこまで配慮が行き届いた設計に、よく考えられてる!と思いました。
「ScrollMenu」は、スクロールバーの「バー」が「メニュー」として機能する感じです。

サイトのキャプチャ

ScrollMenu
ScrollMenu -GitHub

続きを読む

新しい写真素材サイトがどんどん増えてる!高品質な写真画像がクレジット表記無しで無料利用できるサイトのまとめ

今年に入って、CC0で利用できる新しい写真素材サイトがどんどん増えてます。
Webデザインや紙のデザイン、プレゼンや企画書などにも無料で利用できる高品質な写真素材がダウンロードできるストックフォトサイトを紹介します。

ちょっと写真素材を使いたい時など、クレジット表記の義務がないと気軽に使えて便利ですね。

無料写真素材のまとめ

画像:PixiteからLondon Eye

続きを読む

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワーク -Hartija

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワークを紹介します。

印刷用のスタイルシート:Hartija

Hartija CSS Print Framework -GitHub

続きを読む

シンプルな美しいフォントからコーディング用・ラーメンまで、フォント選びに迷った時にチェックしたい新作フリーフォント -2015年5月

シンプルなデザインのサンセリフやセリフ書体をはじめ、美しい細字フォント、小さくてもくっきり見えるフォントなど、使い勝手のよいフォントやコーディング時に見やすいフォントなど、新作フリーフォントを紹介します。

フォントのキャプチャ

REEF
個人・商用利用、無料。

500種類以上のグリフが収録された、しっかりしたラインでシンプルにデザインされたフォント。

フォントのキャプチャ

Didactic
個人・商用利用、無料。

伝統的なデザインにインスパイアされて作られたセリフの部分が特徴的なフォント。

続きを読む

こんなツールが欲しかった!Photoshopで面倒なスプライト画像をあっという間に作成できる機能拡張 -Sprite Sheet Gen

CSSスプライト用の画像はどうやって作成してますか?
ロゴやナビゲーションやアイコンなどをPSDファイルにちまちま並べて、Photoshopで書き出す感じでしょうか。

そんな面倒な作業とおさらばできる便利な機能拡張「Sprite Sheet Gen」を紹介します。
しかもコリスのビジター限定で3名様にプレゼント! そして絶対欲しい人用に半額キャンペーンも同時に行います!

応募期間は、2015年5月28日で終了しました。
半額キャンペーンは、29日23:59までです。

サイトのキャプチャ

Sprite Sheet Gen

続きを読む

[JS]変形アニメーションがかっこいい!アイコンをクリック・タップすると別のアイコンに変えるスクリプト -iconate.js

オフキャンバス メニューなどで最近よく見かける、アイコンをクリック・タップすると、別のアイコンにアニメーションで変形させる単体のスクリプトを紹介します。

実装も非常に簡単で、それぞれのアイコンとアニメーションを指定するだけでOK。

サイトのキャプチャ

iconate.js -GitHub

続きを読む

Bootstrapで日本語をより美しく表示させることにこだわった無料のテーマ -Honoka

Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。

単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。

Honoka

Honoka
Honoka -GitHub

続きを読む

 1 2 3 4 5 ... 618 619 Next

top of page

©2015 coliss