無料で高品質！デザイナーが欲しくなる最新フリーフォント70個まとめ 2017年10月度
毎月新しく公開された高品質なフリーフォント素材をまとめてご紹介しています、今回は2017年10月度のまとめとなります。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材が中心で、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 入力するだけで美しい！筆記体フリーフォント86選 改訂版 【2017年保存版】デザインが良くなる！最新の日本語、和文フリーフォント35個まとめ デザイナーが愛用したいこだわりフリーフォント56個まとめ 2017年9月度 無料で高品質！デザイナーが欲しくなる最新フリーフォントまとめ Avayx Font フォントを部分的に削って、丸みを付けたユニークで魅力的なフリーフォント。 ※ 個人、商用利用可能 Moon Fre
【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個
2017年の間に公開された、デザインの可能性を広げ、即戦力として実用性の高いPhotoshop無料ブラシ素材を厳選してご紹介します。 デザインに重ねるだけで質感をアップするお手軽ブラシから、鉛筆や筆ブラシなどの風合いをそのままリアルに表現できる素材、星や雲、水のほかにも、人気の水彩ペイントやデジタルペイント向けの本格的な素材までバラエティ豊富に揃います。 【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個 16 Subtle Grunge Photoshop Brushes Collecttion ざらっとしたグランジ感のあるデザインを手軽に表現できるPhotoshopブラシ素材セット。 15 Free Grit & Grain Texure Brushes for Adobe Photoshop きめが荒いビンテージな質感をワンクリックで追加でき
【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版
ウェブデザインを作成したいけど、デザインアイデアが浮かばない。そんな悩みを抱えたデザイナーは少なくはありません。世界中で公開された、ウェブサイト用テンプレート素材を利用すれば、デザイン制作時間を短縮し、より手軽にクリエイティブな作品を完成させることができます。 今回は、無料ダウンロードできるウェブサイト用PSDテンプレート素材をまとめてご紹介します。 ウェブデザイントレンドをうまく取り入れた作品が中心で、シンプルでミニマルな素材から、カード型レイアウトやマテリアルデザイン、画面を二分割したレイアウトやグラデーション、フラットスタイルなどどれも人気の高い素材ばかりが揃います。 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 より手早くウェブサイトを作成したいときは、無料のHTMLテンプレートの利用も検討してみましょう。 レスポンシブ対応で無料！ウェブ制作を高速化できる
Photoshopで編集ラクラク！Webサイト用の美しい無料PSDテンプレート45個まとめ
「ウェブサイトを作成したい、でも時間もスキルもない。」そんなときに役立てたいのが、あらかじめデザインされたテンプレート素材です。時間の節約になるだけでなく、デザインのベースとして使うことで手軽にカスタマイズできます。 今回は、無料ダウンロードできるPhotoshop最新ウェブテンプレート素材をまとめてご紹介します。テンプレート素材はどれもレイヤーごとにきちんと整理され、必要に応じて手軽にカスタマイズできるように設計、デザインされています。今後のデザインプロジェクトにいかがでしょう。 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ Photoshopで使える！美しい Web サイト用の無料テンプレート素材まとめ Edd – Landing Page Sketch Fr
これ知ってる？2017年話題になった最新サービスまとめ30選 - WEBハックツ
「IT技術が日々進歩している」と、近年はよく耳にしますね。 では、実際に最近リリースされた画期的なサービスや2017年話題になったインターネットサービス・アプリを、あなたはどれくらい知っていますか？ 実は、皆が知らない所で、面白いサービスや役に立つサービスが沢山ローンチされています。この記事では、2017年にローンチされた、もしくは話題になったサービスや役に立つサービスをご紹介しましょう。 新しい波をいち早く察知するための、１つの参考になれば幸いです。マーケットが拡大する前、あるいは流行に沿ってチェックできれば、オイシイ思いができるかもしれません。 1.ロケラボ 2.Cotobox（コトボックス） 3.Sarahah（サラハ） Peing（ピング） 4.SPRAY Insight 5.eiffel（エッフェル） 6.VALU（バリュー） 7.cash 8.メルカリNOW 9.ランチパスポー
Photoshopのデザインパターンの作り方＆フリー素材61選
パターンとは！？ パターンとは、下記の例のような、継ぎ目なく規則的に繰り返される模様のことをいいます。 今やデザイナーでなくともフォトショップなどのデザインソフトを使う時代です。 基本的なパターンの作り方を押さえていきましょう。 パターンの使い方 パターンを使うには、 ①最小単位のパターンを作る ②「パターンを定義」でパターンとして使える状態にする ③シェイプや、塗りつぶしでパターンを適用する という3つのステップが必要です。 パターンを作ってみよう！ パターンの表示の仕組み 今回例として、下記のようなドットのパターンを作ってみようと思います。 この場合のパターンの表示の仕組みですが、下記のように、繰り返しに必要な最小単位のパターンが、たくさん敷き詰められて表示されます。 なので、後の「パターンを定義」で定義するパターンとして、まず最初にこの最小単位のパターンを作ります。 最小単位のパター
良質Webデザイン見本帳！創造力を高める最新サイト47個まとめ
ウェブデザインに関わる全てのひとにオススメしたい、デザインや発想、アイデアの糧になる優れた最新Webサイトの実例をまとめています。配色やレイアウトの他にも、書体や印象、業種など目的別に探せて、すぐに使えるアイデア集です。 これからウェブサイトを作ろうというひとや、クライアントとの打ち合わせの参考資料として、またアイデア出しに困ったときなど幅広く参考にできるウェブデザインを厳選してご紹介します。 アイデアに困ったら確認したい！最新ウェブデザイン良質見本47選 2017年9月度 現役デザイナーも注目！最近話題のウェブデザイン50個まとめ 2017年7月度 良質Webデザイン見本帳！創造力を高める最新サイトまとめ 久米島インスタTrip 人気インスタグラマーたちが久米島のインスタ映えする写真を投稿して、島の観光につなげる新しい試み。 Air Jordan Coilection 歴代のAir Jo
入力するだけで美しい！筆記体フリーフォント86選 改訂版
毎月ご紹介しているフリーフォントの中でも、特に人気の高いスタイル「筆記体」。手軽にオシャレでスタイリッシュな雰囲気を演出するのにもピッタリで、デザイン制作で活用する人も多いでしょう。 今回は、数ある英語フリーフォントの中から、無料で利用できる筆記体、スクリプト書体をまとめてご紹介します。 どんなデザインにも合わせやすい万能スタイルから、筆の質感が人気のブラシスタイルや手書きスケッチ、高級感たっぷりのエレガントスタイルなどなど。 可読性にもこだわった素材を、合計86個まとめています。 好きに選べる、好きなだけ使えるAdobe Fonts 「海外サイトからのフォントのダウンロードは不安。」 「できるだけ低予算で、高品質なフォントを、安心して使いたい。」 そんなときは、20,000以上のプロフォント、500以上の日本語フォントを使い放題の、Adobe Fontsがオススメです。 その理由はずばり
Photoshopブラシ見本！無料ダウンロードできる素材37個まとめ 2017年10月度
初めてのひとでもPhotoshopのデザインライフをより楽しく、手軽にしてくれる新作の無料PSブラシ素材をまとめてご紹介します。 人気の高い星や雲、雷などの自然系ブラシにはじまり、2017年のグラフィックトレンドの手書きスケッチや水彩ペイント系、ゼロから制作すると膨大な制作時間が必要なモノや、本格的なデジタルペイント向けアイテムなど、幅広いブラシ素材が揃います。 当サイトで定期的にまとめている、最新の無料ブラシ素材も一緒に確認してみると良いでしょう。 無料ダウンロードできるすごいPhotoshopブラシ素材30選 2017年8月度 どんな場面でも役立つ！上質な無料Photoshopブラシ素材45個まとめ Photoshopでまずダウンロードしておきたい無料ブラシ素材50個セットまとめ Photoshopブラシ見本！無料ダウンロードできる素材まとめ Brushes デジタルペイントを得意とし
無料で最強！レスポンシブ対応の高品質HTMLテンプレート23個まとめ 2017年10月度
2017年のウェブデザイントレンドをうまく反映したかっこいいウェブサイトや、アニメーションなど素敵なエフェクトを採用したランディングページなど、HTML5/CSS3で制作された無料テンプレート素材をまとめてご紹介します。 デザインの現場でも人気の高いBootstrapフレームワークをベースとしたテンプレートも多く、自由にそして手軽にHTMLテンプレートのカスタマイズを行うことができる素材が揃います。どれもスクリーン画面サイズに関係なく表示できるレスポンシブデザインを採用しており、さくっとウェブページを作成したいときの参考にもどうぞ。 Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Wired
CSSで実現！目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ
普段からユーザーが何気なく利用しているホバーエフェクトやマウスクリックを、CSSアニメーションを使ってより魅力的に表現してみませんか。動きに目が奪われるアニメーションエフェクトは、デザイン的な見た目だけでなく、画像やハイパーリンクのクリックしやすさなど、ユーザビリティや操作性を大幅に改善することができます。 今回は、ユーザーの印象に残る効果的なホバーエフェクト用HTML/CSSスニペットをまとめてご紹介します。 HTML/CSSのみでスタイリングされたスニペットも多く、自由にカスタマイズできるだけでなく、コピペでサイトに利用することも可能です。ユーザーのハートをがっちり掴むエフェクトを、今後のプロジェクトに活かしてみてはいかがでしょう。 コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニ
Illustrator の即戦力！デザイン力がアップする無料ベクター素材48個まとめ
Illustrator がもっと簡単に、楽しくなる無料ベクター素材をまとめています。 オールジャンルの素材が揃っており、どれもベクターなので自由に編集、加工することができるスグレモノ。急なイラスト発注や納期までギリギリ、といったときにも活躍してくれる便利アイテムです。 アナログな素材の風合いや、味のある質感を表現できるビンテージ素材、さくっとオシャレなロゴを作成できるキット、人気の水彩ペイント、キラキラの黄金スタイルなど実用的な無料ベクター素材が揃います。Illustratorがより便利になるお気に入りアイテムを探してみてはいかがでしょう。 Illustratorをもっと面白くする！すごい無料ベクター素材30個まとめ 2016年4月度 大人ナチュラルな西海岸スタイル！無料の手書きイラスト、文字フォント素材集 Illustrator の即戦力！デザイン力がアップする無料ベクター素材まとめ I
Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ
デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材をまとめました。 人気のHTMLフレームワーク Bootstrap を利用して作成されており、カスタマイズしやすく拡張性の高いテンプレートが中心に揃います。また、2017年のウェブデザイントレンドをうまく反映した素材も多く、サイト開発のデザインやレイアウトの参考にしてみても良いでしょう。 レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Paper Kit 2 控えめな配色と美しいタイポグラフィーが特長のBootstrap 4対応で、収録されているコンポーネントはどれもレスポンシブ対応で、あらゆる画面スクリーンサイズでも読みやすいうれしい設定も。 デモページ ダウンロ
CSSで作る！綺麗なWeb用リボンデザイン22選
画像を使わなくても、立派なリボンをWebサイト上に表示することができます。この記事では様々な形のリボンの作り方を使用サンプルとともに紹介していきます。どれもHTMLとCSSのコピペで使うことができます。 はじめに リボンのテキストはサンプルでは「Welocome to My Blog!」や「NEW」などとしていますが、お好みのテキストに変えてご利用ください。ただし、複数行にわたるような長文にするとデザインが崩れてしまうことがあります。なるべく、短めのテキストを入れて頂くのがおすすめです。 また、HTMLコードでは例としてh3タグを使っていますが、この部分をh1~h5やpタグ、div、spanタグに置き換えてそのまま使うことができます。
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
2020年まで使えるfont-familyおすすめゴシック体 - Qiita
新しい記事書きました。【font-familyについて本気で考えてみた】 「Chromeでも読みやすい游ゴシックを指定する方法 」の記事で游ゴシックが一部ブラウザで掠れる問題を解決出来たので、font-familyのベストプラクティスを考えてみたいと思います。 本当は「2016年font-familyの決定版」みたいなタイトルにしたかったのですが、執筆時は8月ですしね。2017年も名乗れません。 2020年と書いたのはWindows7のサポートが切れるのがこの年だからです。 目的はどの環境でも出来る限り近い見た目を目指すものではなく、実行環境で最も読みやすいものを目指すものです。MacよりもWindowsに比重をおいています。 -- 追記 -- Chrome58から一時対応しなくなってしまいましたが、游ゴシックをWindows版Chromeでキレイに表示する@font-faceの設定にヒン
SmartPhoto.js
SmartPhoto.js The most easy to use responsive image viewer especially for mobile devices View on GitHub
Landing Page Inspiration — March 2017
We’ve curated the best landing page designs on Dribbble for your inspiration.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Megakit - Free Ultimate Multi-purpose Bootstrap Site Template | Keenthemes