新しいデザインに使いたい!美しくかわいく魅力的な新作フリーフォントのまとめ -2015年7月

最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。

まずは、日本人デザイナーによる美しいデザインフォントから。

フォントのキャプチャ

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

iAi-jpの榊原氏作、カンフーの流れる動きにインスパイアされたフォント。英数記号文字だけでなく、ひらがな・カタカナ・絵文字も含まれています。

続きを読む

High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方

多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。

HTMLは単に複雑さと要素の数を減らすだけでは、パースにかかる時間をあまり改善することはできません。しかしよく作られたHTMLはページを素早くロードするための決定的な土台になり、異なるビューポートサイズに対応するレイアウトになります。
さまざまなデバイスに対して素早くロードし、うまくいくコンテンツを作ることができるクリーンで簡潔なHTMLのコードを紹介します。

サイトのキャプチャ

High performance HTML

続きを読む

これでもうアイコンを探す手間がなくなる!PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App

Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで簡単に利用できる無料アプリを紹介します。

14,700個はビジネスからホビーまで全39カテゴリ、すべてIcons8のアイコンなので、同じテイストのデザインで非常に高品質です。下部にはプレゼント企画もあるので、チェックをお忘れなく。

Icons8 Appのキャプチャ

Icons8 App

続きを読む

[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル

レスポンシブ対応のパンくずとマルチステップのナビゲーションを紹介します。

HTMLもCSSも非常にシンプルで、カスタマイズ性にも優れた有用なスニペットとしても利用できます。

サイトのキャプチャ

Breadcrumbs & Multi-Step Indicator

続きを読む

CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ

大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介します。

続きを読む

すごく分かりやすい!デザインやコンテンツ設計の 面からアクセシビリティへの取り組みを解説したWeb制作者必読書

アクセシビリティって、スクリーンリーダーに対応することでしょ、間違いではありませんがそれはほんの一部です。

分かりにくいナビゲーション、思ったように操作できないインタラクション、入力が困難なフォーム、内容が理解しにくいコンテンツなど、すべての人が快適にアクセスできるよう改善の手助けとなるオススメの本を紹介します。

本のキャプチャ

続きを読む

[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。

かっこいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトのまとめ

画像: Girly Drop

続きを読む

Illustratorで美しくデザインされた、ユーザーフローを設計するワイヤーフレーム用のAI素材

Webサイトのユーザーフローを設計する、美しくデザインされたワイヤーフレーム用の素材を紹介します。

通常は有料ですが今週末まで無料なので、ダウンロードはお早めに!

素材のキャプチャ

Web Wireframes - User Flow

続きを読む

 1 2 3 4 5 ... 628 629 Next

top of page

©2015 coliss