gayouのブックマーク - はてなブックマーク

こんなフォントが欲しかった、デザイナーにオススメの良質フリー書体まとめ

毎月新しく公開された無料ダウンロードできるフリーフォント素材をまとめています。今回は、あっという間に一年の半分が過ぎた6月分まとめをご紹介します。豊富なウエイト数を用意し、どんなデザインにも活用できる持っておくと便利なアイテムから、デザイントレンドのブラシフォントや人気の筆記体、スクリプト書体、ハンドメイド感たっぷりな手書きスタイルなど、幅広いセレクションから選んでいます。デザインに応じて使いたいフリーフォントを探してみてはいかがでしょう。詳細は以下から。こんなフォントが欲しかった、デザイナーにオススメの良質フリーフォントまとめ 2016年6月度 Andis くっきりとした読みやすさを重視した、シンプルでミニマルなサンセリフ書体。Light バージョンを無料ダウンロードできます。 ※　個人、商用利用可能 Tofino スクリーン表示にこだわり、太さの異なる8ウエイトを用意した万能フリ

gayou 2016/07/13

フォント

リンク

無料で使える！レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

ウェブサイトをもっと簡単に作成したいというときは、HTMLやCSS、JavaScript、画像などをセットにしたHTMLテンプレート素材を活用してみましょう。あらかじめデザインや機能が実装されているので、テキストエディタで文字を編集するだけで、魅力的なサイトデザインに仕上げることができます。今回は、デザイン性だけでなく使いやすい、無料ダウンロードできるHTMLテンプレートをまとめています。素材はどれもあらゆる画面サイズに対応できるレスポンシブWebデザインという点もポイントです。詳細は以下から。無料で使える！レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ Synthetia 余白たっぷりのコンテンツ用レイアウトに、洗練されたアニメーションエフェクト、落ち着きのある配色カラーパレットなど、すぐにウェブページを作成したいときに。デモページダウンロード Apollo 写

gayou 2016/07/01

リンク

BootstrapとMaterial Design Liteの違いを徹底検証！各ポイント10個まとめ

海外デザインブログTutorialzineで公開された「Comparing Bootstrap with Google’s New Material Design Lite」より許可をもらい、日本語抄訳しています。 Googleが、Android 5.0の登場と一緒に公開した、マテリアル・デザイン（英: Material Design）は多くのウェブサイトやアプリデザイン用フレームワークとして活用されています。すでに、ウェブコンポーネントをまとめたMUIやMaterial UI、Polymerなどのライブラリも公開されています。 2015年7月はじめに、Googleはより手軽にマテリアルデザインを活用できる、新しいフレームワーク「マテリアル・デザイン・ライト（英: Material Design Lite）」を発表しました。人気フレームワークBootstrapに標準を合わせており、今回は異

gayou 2016/06/02

比較

リンク

アニメーションが気持ちいい！コピペで実装できる最新HTML/CSSスニペットまとめ

Fancy Button 2016年を代表する鮮やかな配色に、オーバー気味のドロップシャドウが美しい、ボタン・ホバー用エフェクト。 See the Pen Fancy Button by Mohsen Khakbiz (@Mohsen-Khakbiz) on CodePen. Big Fancy 3D Rotating SVG Button マウスホバーに合わせて、立体的に回転します。 See the Pen Big Fancy 3D Rotating SVG Button by J Scott Smith (@jscottsmith) on CodePen. Blue Light Button 青白く光る文字テキストや、放射線上に広がるライティングが魅力的なホバーエフェクト。 See the Pen Blue light button by Toshiyuki TAKAHASHI (@g

gayou 2016/05/26

リンク

商用OKで完全無料！宇宙、未来SF系のフリーフォント厳選103個まとめ

SFっぽい未来的なデザインに合うフォントをお探しですか？この記事ではテクノロジー、未来SF系フリーフォントで、商用ライセンス対応の素材のみまとめてご紹介します。 2018年の初投稿から定期的に更新を繰り返し、最新版にアップグレード。見出しタイトルやポスター、Tシャツデザインなど大きく表示するのに適した書体を中心に、さまざまなデザインに活用できる万能スタイルも一緒にまとめています。お気に入りのSF系無料フォントを見つけてみましょう。

gayou 2016/05/23

リンク

UIデザインの参考にしたい！ナビメニュー用HTML/CSSスニペット40個まとめ

ウェブサイトやブログにおいて、ユーザーがもっとも操作するインターフェースのひとつは、ナビゲーションメニューです。きちんと設置することで、サイトを構成する各コンテンツへとユーザーを移動でき、目次のような役割として活用できます。今回は操作性にこだわった、最新のナビメニュー用HTML/CSSスニペットをまとめてご紹介します。これらのコードを利用して、よりユーザーの注目を集める、独自のナビゲーションを実装してみましょう。詳細は以下から。未来のナビメニューはこれだ！参考にしたいHTML/CSSスニペットまとめ Spinny Header Menu 各種コンテンツをクリックすると、ヘッダー部分のロゴが回転します。 See the Pen Spinny Header Menu by Josh Nichols (@MrBlank) on CodePen. Fly Out Navigation 左サイ

gayou 2016/05/09

webデザイン

リンク

デザイナーが持っていたい、すごいフリーフォント素材42個まとめ

デザインをしているときに悩んでしまいがちで、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された書体から、今年のトレンドでもある手書き、ブラシスタイルの他に、人気の高い美しい筆記体デザインなどが揃っています。詳細は以下から。デザイナーが持っていたい、すごいフリーフォント素材まとめあさご本丸ゴシック伝統的な雰囲気でありながらも、クルクルとしたループ状の線が個性的でモダンさを感じるエレガントな書体だそうです。 ※　個人利用可能 Margurite 流れるように美しい筆記体スタイルで、リガチャ合字なども豊富に用意された、プロユースのデザインフォント。 ※　個人利用