無料ダウンロードOK、おすすめのフリーフォント総まとめ
Tweet Pocket このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に181個まとめてみました。 気になるフォントがあればぜひ使ってみてくださいね。 現役WEBデザイナーおすすめの見やすいフォントTOP5それではさっそく、現役WEBデザイナ
商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
Adobeユーザーはダウンロードしておこう！ Adobe Fontsで使用できる日本語フォントすべてが一覧できるPDF
Adobe Fontsで使用できる日本語フォントが一覧できるPDFが、アップデートされたので紹介します。 現在使用できる日本語フォントすべての書体見本がまとめられており、先日追加された「ヒグミン」「黒⿓爽」「⼼⿓爽」「秀英にじみ初号明朝」「秀英にじみ明朝」も収録されています。 Adobe Fontsにアドビオリジナル日本語フォント「ヒグミン」や、昭和書体など、魅力溢れるフォントが多数追加 Adobe Fontsの今年の追加分がすごいですね！ これまでの分は、下記の記事をご覧ください。 2021/10: Adobe Fontsに昭和書体の鬼滅フォント「黒龍」「心龍」が追加 2021/9: Adobe Fontsにフォントワークスの人気フォントが追加 2021/4: Adobe Fontsにキリギリスや味明やルイカなどが追加 2021/1: Adobe Fontsに砧書体制作所のフォント39種
フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD
無料FTPソフト「FileZilla」の使い方｜ファイル転送の一時停止、複数サーバー同時接続も可能。 2024.09.05
CSSを最適化してページの読み込み時間を高速化する方法
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか？ スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か
無料＆たった数秒で写真から人物を抜き出して透過画像を作ってくれる登録不要のサービス「remove.bg」 - GIGAZINE
画像の加工を行っている時、「画像に映っている人物だけを抜き出して、背景を全て消し去った透過画像を簡単に作りたい」と思った経験がある人もいるはず。「remove.bg」はそんな人にピッタリな、AIを使ってわずか数秒で背景と人物を分離してくれる登録不要＆無料のウェブサービスです。 Remove Background from Image – remove.bg https://www.remove.bg/ 「remove.bg」を使うには公式ページへアクセスし、「Select a photo」をクリック。 すると、コンピューターのフォルダから写真を選択できるので、加工したい画像を選択して「開く」をクリック。 ほんの数秒間処理が行われ…… オリジナルの画像から人物だけを抜き出し、背景を除去した画像が表示されました。remove.bgでは学習済みのAIが人を「前面」として検出し、それ以外の要素が「
ウェブページの表示速度を改善するために気をつけなくてはいけないこと
ウェブページの表示が遅くなってしまう原因の一つに「JavaScriptの読み込み」があります。ブラウザはダウンロードしたhtmlドキュメントを上から順番に解釈して描画していくのですが、途中で「script」タグに出会うとJavaScriptの読み込み・実行が終わるまでその場所で解釈を一旦ストップしてしまいます。ページの表示速度に影響を与えずにJavaScriptを読み込むにはどうすれば良いのかについてfly.ioがまとめています。 Lighthouse: how to reduce render-blocking scripts https://fly.io/articles/lighthouse-how-to-reduce-render-blocking-scripts/ scriptタグが外部のJavaScriptを読み込むのかインラインで記述されているJavaScriptを実行するの
2018年のウェブフォントについて
少しの間Noto Sans Japaneseを利用していたが、すぐに止めた。やはりFOITが気になる。かといってFOUT強制も苦肉の策という印象しかない。……このような記事を書いていたら、先にうまくまとまったfont-displayデスクリプターについての記事が広まっていたので、そちらを読むのが良い。 他が高速・即時化しつつある現在、1MBくらいを超えるウェブフォントはどうにもならない。動的なサブセット化はわからなくもないが、労多くして……という印象だ。自前で作るのも難しいし、安心して任せられる速さの提供者は知らない。 回線の状況(種別ではなく)に応じてうまいこと切り替える仕組みを導入しなければならないだろう。そうなるとデバイスから「今、回線あんま速くないです……」といった動的な情報を得たいが、プライバシーにかかわるので難しい。残る可能性はfont-displayデスクリプターのみだ。 @
無料で最強！レスポンシブ対応の高品質HTMLテンプレート23個まとめ 2017年10月度
2017年のウェブデザイントレンドをうまく反映したかっこいいウェブサイトや、アニメーションなど素敵なエフェクトを採用したランディングページなど、HTML5/CSS3で制作された無料テンプレート素材をまとめてご紹介します。 デザインの現場でも人気の高いBootstrapフレームワークをベースとしたテンプレートも多く、自由にそして手軽にHTMLテンプレートのカスタマイズを行うことができる素材が揃います。どれもスクリーン画面サイズに関係なく表示できるレスポンシブデザインを採用しており、さくっとウェブページを作成したいときの参考にもどうぞ。 Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Wired
知らないと損！新しいのがどんどん増えてる、商用無料の写真素材がダウンロードできるサイトのまとめ
商用のサイトでも個人のブログでも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできる写真素材サイトを紹介します。 最近公開されたサイトから、新しい写真が追加されたサイトまで、要チェックです！
レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度
ウェブサイトの閲覧方法は、モバイルやタブレットの普及によって大きく変わってきており、あらゆる端末へ対応することがウェブデザイン制作では必須となってきています。このややこしい問題を解決する、もっとも一般的な方法のひとつが、レスポンシブWebデザインです。 レスポンシブWebデザインとは、デスクトップやタブレット、スマートフォンなどさまざまな画面サイズごとにデザインを調整でき、あらゆるデバイスに最適化したWebサイトを、1つのHTMLで実現できる制作手法を指します。 今回はレスポンシブWebデザインに対応した、無料ダウンロードできるHTMLテンプレート素材をまとめてご紹介します。どれも文字テキストや画像イメージを編集するだけで、すぐに高品質なウェブサイトを作成できます。またBoostrapなど人気フレームワークを利用した素材も多く、柔軟にカスタマイズできる点もポイントです。 サイト設計の手間を
無料でレスポンシブサイトをクリックだけでデザインしてダウンロードも可能な「Launchaco」
閲覧者の環境に応じてレイアウトが変化するレスポンシブサイトを手軽に無料で作成できるサービスが「Launchaco」です。このサービスを使うと、ほんの数クリックだけでレスポンシブなレイアウトのページを作成して、必要なファイルをダウンロードすることが可能です。 Launchaco - Name a business http://launchaco.com/build/ ページを開くとすぐにレイアウトを開始できる状態になっています。 「Step 1/4」ではまず、レイアウトのテンプレートを選択。 すると次のページで、選択したテンプレートによるページデザインが表示されました。上部のテンプレートをクリックすることで、リアルタイムで変化させることが可能です。 ページ上部のテキスト欄の内容を自由に書きかえることも可能。日本語も問題なく利用できます。 もちろん、レスポンシブデザインになっているので、横幅
Windowsユーザーに朗報！画像加工ツールの決定版「Screenpresso」とは | SELECK [セレック]
「画像」を加工する際にどのようなツールを使ってますか？ 様々なツールがありますが、使いやすさに定評があるのは、Evernote社が提供している「Skitch（スキッチ）」です。 ▼使いやすさに定評があるSkitch 直感的なUIで使いやすく、矢印などの注釈もPOPで可愛らしいので、多くのユーザーが愛用しているのですが、今年の2月突然Windowsがサポート対象外になりました…。 Windowsユーザーの人々にとっては、かなりの悲報だと思います。（私もWindowメインなので、ショックでした。） 今回は、そんなWindowユーザーの方にぴったしの画像加工ツール「Screenpresso（スクリーンプレッソ）」を紹介します。 ▼Skitchの使い方については、こちらの記事をご参考ください。 無料で自由自在に画像をカットできる神ツールSkitchの使い方 まずはダウンロード！ 早速、Screen
![Windowsユーザーに朗報！画像加工ツールの決定版「Screenpresso」とは | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0e179c9b5f2eedb2df31f26e9c2a6888d379cc6/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2016%2F09%2F13154348%2F0059d684-d29d-4c31-89e1-4e8eb1f01519.png)
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
総まとめ: Bootstrapの無料で高品質なテーマファイルがダウンロードできるサイト
ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサイトを紹介します。 コンテンツのコンポーネント、ナビゲーション、サイドバーやフッタのウィジェットもあり、カスタマイズする際の参考にもなると思います。
デザインやイラストに取り入れたい！2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！
2016年、Pantoneがセレクションしたカラーは「Rose Quartz（ローズ クォーツ）」と「Serenity（セレニティ）」 2色のブレンドが選ばれたのは初めてです。 今回もダウンロード素材として、ローズ クォーツとセレニティを含む2016年 春のトレンドカラー10色のスウォッチを用意しました。 Pantone Color of the Year 2016 「Rose Quartz（ローズ クォーツ）」は淡い暖色系のバラ色で、思いやりと落ち着いた感じを伝える優しいトーンです。 「Serenity（セレニティ）」は頭上に広がる青空のようなブルーで、不穏な時でさえも休息やリラックスをもたらします。 この2色をブレンドすることで、平和への不安を和らげ、快適さと安らぎを与えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://sozai.site/archives/193
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
