Font Awesome 6がもうすぐ提供開始！新たなアイコンの種類やスタイルの登場も | Web Design Trends
Font Awesomeと言えば、Web上でアイコンを表示することができる人気サービスです。 そんなFont Awesomeから、新たに「Font Awesome 6」の登場が発表されました。 現在はまだプレオーダー受付中のステータスですが、現段階で発表されているFont Awesome 6の情報についてまとめてみました。 Font Awesome 6とは Font Awesome 6は、Font Awesome 5の後継となる新しいFont Awesomeのバージョンです。 気になるリリース時期は、2020年後半を予定しており、2020年6月現在ではプレオーダーの受付が行われています。 Font Awesome 6の大きな変化としては、下記のようなものがあります。
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語のフォントでも最適に利用できます。 Fluid-responsive font-size calculator Fluid-responsive font-size calculatorは、レスポンシブ対応のfont-sizeを可変にするスタイルシートもこの計算機で簡単に生成できます。font-sizeは最小値と最大値を決め、その間のサイズはcalc()関数でスムーズに変更させます。例えば、スマホなどの小さいスクリーンでは16px（最小値）に、ワイドスクリーンでは24p
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
Instagram Font Generator (𝘤𝘰𝘱𝘺 ⒶⓃⒹ 𝙥𝙖𝙨𝙩𝙚) — Meta Tags
T̶h̶i̶s̶ M̶e̶t̶a̶ T̶a̶g̶s̶ F̶o̶n̶t̶ G̶e̶n̶e̶r̶a̶t̶o̶r̶ i̶s̶ ♡
Simplified Fluid Typography | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4
macOS 10.15 Catalinaアップグレード後、Google Chromeで「ヒラギノ角ゴ Pro/ProN」が反映されない不具合が最新のCanaryで修正。
macOS 10.15 Catalinaアップグレード後、Google Chromeで「ヒラギノ角ゴ Pro/ProN」が反映されない不具合が最新のGoogle Chrome Canaryで修正されています。詳細は以下から。 Appleが現地時間2019年10月07日にリリースしたmacOS 10.15 Catalinaでは、Google Chromeでヒラギノ角ゴ Pro/ProNフォントが反映されなくなり、フォントがFont Bookアプリにも表示されないことから、「macOS Catalinaにはヒラギノ角ゴ Pro/ProNフォントが同梱されておらず、Chromeでフォントが指定できない」という一部誤った認識がされたようですが、本日リリースされたChrome Canary v80.0.3951.0ではこの問題が修正されたそうです。 この問題はmacOS CatalinaのNSFon
SF Symbolsの使い方とカスタマイズの仕方 - くらげだらけ
こんにちは、くだくらげです。 私はSketchもFigmaも両方使って仕事していますが、最近になって両アプリともOpenType Featureへの対応をアップデートに入れてきていることはご存知でしょうか？ 私はこの部分について前々から注目していたわけですが、その理由はSF Symbolsとの関係が大きいのではないかと睨んでいます。SF Symbolsがリリースされた直後の時期は、IllustratorやSketchでしかOpenType Featureを使うことができませんでした。この頃Sketchも一応利用できるという程度でした（正直現状も使いやすいとも思えないですが…）。それが2019年9月、10月辺りでFigmaもOpenType Featureサポートし、Sketchもその辺りの改善を加えてきました。 ということで、UIツールを提供している各社もサポートし気にしているであろうSF
macOS Catalinaでヒラギノ角ゴPro/ProNがなくなって困ってるfont-familyの設定を考える。｜榊原昌彦
macOS CatalinaのChrome 77のフォント問題。 勘違いしている人が多いので説明。 Chromeのデフォルトだった「ヒラギノ角ゴシック ProN」がCatalinaで未バンドルになる ↓ 該当するフォントがなくなったため、Sans Serifが明朝体で表示される ↓ フォント指定の甘いサイトは全部明朝体に！ pic.twitter.com/Cil92P8PGO — 池田 泰延 (@clockmaker) October 8, 2019 注：本記事はベストプラクティス紹介ではありません。記事内のフォント指定はわかりやすさを優先しているため、英語フォント名は割愛しておりますので、このまま利用すると意図していないフォントになることがあることご注意ください。この問題です。池田さんが書いてますが、端的にいうと「フォント指定が甘い」から起きています（Sans Serifがなぜか明朝体で
9月20日に配信！iOS13にアップデートしたくなる13のメリット - iPhone Mania
日本時間9月20日からダウンロードが可能になるiOS13では、ダークモードの実装や写真機能の刷新など、多数の新機能が追加されます。iOS13はiPhone11やiPhone Pro/Pro Maxに標準で搭載されるOSでもあり、購入を考えている方は特に注目したいアップデートです。 この記事では、リリース直前の今日、iOS13の主なアップデート内容の中から、特に注目したい新機能や、アップデートの恩恵を大きく受ける変更点を13個ピックアップして紹介します。 1.パフォーマンスの向上 iOS13では、これまでよりアプリの起動が最大2倍早くなります。 さらに、アプリをダウンロードする際の容量が最大50％小さく、アップデートする際も平均で最大60％小さくなります。 また、iPhone X、iPhone XS、iPhone XS Max、iPhone XRにおいて、Face IDのロック解除が最大30
通常は有料だけど、今週末まで無料！走り書きの流れるような文字がかっこいいフォント -Outlander
通常は有料ですが、今週末まで無料でダウンロードできる、走り書きの流れるようにデザインされた文字がかっこいいフォントを紹介します。 フォントはたくさん持っているほど、デザインのバリエーションが増えるので、今のうちにダウンロードしておくのをお勧めします。 フォントファイルには、.otf, .ttfが揃っています！ Outlander Brush Script Outlander Brush Scriptは、Webデザインや紙のデザイン、ロゴ、ブランディング、パッケージ、プロダクトなど、さまざまな目的で利用できるデザイン性の高いフォントです。 有料だけあって、文字を組み合わせた時のリガチャも豊富に揃っています。
センスが良くなる！オシャレな新作フリーフォント60個まとめ 2019年7月度
この記事では、最近公開されたばかりの新作フリーフォント素材をまとめてご紹介します。デザインにフル活用できる幅広いセレクションで、使うだけでおしゃれに魅せる素敵なフリーフォントが揃います。 高級感のあるセリフ書体、使い勝手の良いサンセリフ、かわいい手書き風、クールな太字ゴシックなど、あらゆるシーンで活躍する和文＆欧文フォント60書体をまとめています。また商用利用の可否についても一緒に掲載しています、こちらも参考にどうぞ。 【商用可＆無料】2019年上半期ベスト英語・日本語フリーフォント厳選90個まとめ 商用OKな手描きブラシ無料フォント83個まとめ【5年熟成の秘密レシピ】 センスが良くなる！オシャレな新作フリーフォントまとめ Blacker Sans Font Family 人間らしさをうまく表現した、使い勝手の良いエレガントなサンセリフ・フォントで、太さの異なるウェイト10種類の中から2書
デザイナーが持っていたい、すごいフリーフォント素材57個まとめ 2019年4月度
この記事では、最近公開されたばかりの新作フリーフォント素材をまとめてご紹介します。デザイナーが持っておくと便利なスタイルを網羅したコレクションで、使い勝手の良い万能スタイルから、ユニークな手書きブラシ、筆記体フォントまで幅広く揃います。 高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、雰囲気をガラリと変え、魅力的なデザインに仕上げることができます。デザインアイデアに悩んだときに、参考サンプル例として目を通してみると良いでしょう。 デザイナーが持っていたい、すごいフリーフォント素材まとめ こまどり 小さくかわいい小鳥のイメージで作成した日本語フォントです。本文よりも、ちょっとした言葉や見出しなどに使っていただくと、紙面がカワイイ雰囲気になります。 ※ 個人利用可能 きなりゴシック 華奢で有機的なシルエットのフォントで、繊細で優しい雰囲気を表現したい際に活用できます
フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)｜原田 佳樹 Harada Yoshiki
こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
アドビのフォントが新元号「令和」に対応--2パターンの合字を追加
アドビは4月1日、同社のフォントシリーズである「小塚明朝」「小塚ゴシック」「源ノ角ゴシック」日本語およびPan-CJKフォントにて、新元号「令和」の合字を追加すると発表した。2019年4月30日までにアップデートを完了する予定だ。 日本語フォントの多くで、明治・大正・昭和・平成の各元号を構成する2文字を、全角1文字に入るように圧縮してデザインした「合字」が提供されており、アドビでは令和の発表に合わせ、合字の作成を開始したという。 今回、令和の縦組、横組用の合字を作成し、Adobe Fontsから提供するアドビフォントに段階的に追加する。また、合字は「国際符号化文字集合（UCS）」にも含まれ、日本語フォントやPan-CJKフォントで利用可能。新元号の合字もU+32FF の文字コードが割り当てられ、UCSに収録する予定という。 そのほか、元データが無い書類でも編集できる同社のドキュメントソリュ
Utatane - プログラミング用の日本語等幅フォント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 日本語でプログラミングをしている時に困るのが英字と日本語のバランスです。記号や英字で幅が違ったりすると何となく気持ちが悪かったり、さらにそこに日本語まで加わるとずれが大きくなります。 そこで使ってみたいのがUtatane、プログラミング用の日本語等幅フォントです。 Utataneの使い方 Utataneの文章例。英語は日本語1文字分にきちんと収まっています。 プログラミングの中で使った場合。可読性も高く、文字幅もちょうどいいです。 UtataneはRichyからフォークしたCicaをさらにフォークして作られています。さらにUbuntu Monoとやさしさゴシック、やさしさゴシックボールド を合成と調整して作られています。様々なフォントの工夫が盛り込まれたフォントだけにプログラミング
Typography for Developers | CSS-Tricks
Taimur Abdaal leads design at Retool, a fast way to build internal tools. They’re working on a new design system for their platform, to let anyone easily build beautiful custom apps. Typography will be a huge part of this and Taimur wrote this based on that experience. You may have read the title for this post and thought, “Why on earth does a developer need to know anything about typography?” I m
ワンランク上のフォント選びをするために意識したい3つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのみやです。 フォントを選ぶときってみんなどうしてるの？ って思いますよね。僕も思ってます。 デザインは、フォント選びによってよりよくなったり死んでしまったりするものです。一応、選ぶときにビジュアル以外に気にしていることがあるので、今回はそれを紹介しようと思います。何かの参考になれば幸いです。 重心 フォントの重心の位置によって与える印象も変わってきます。ざっくり分けるとすると、高い・真ん中・低いとなります。 重心が高いと、腰高な印象になり、優雅・スタイリッシュな印象になります。 重心が真ん中だと、フラットなイメージでクセが少なく、読みやすい印象になります。 重心が低いと、どっしりとしたイメージになり、安定感・力強い印象になります。 もっと顕著な例だとこんな感じ。 ふところ ふところというのは字体の内側の空間のことをさします。重心とともにフォントの印象を決める要
無料で商用利用も可能な「ナショ文字」風フォント「851ゴチカクット」
1937年から1987年まで松下電器産業(現：パナソニック)がナショナルブランドのロゴ書体として使用していた「ナショ文字」は、80年以上前にデザインされてフォントでありながら、電気グルーヴや明和電機などのロゴにも影響を与えているとみられる日本初の有名フォントです。その読みやすくスタイリッシュな独特の見た目をイメージして作られたフリーフォント「851ゴチカクット」が、無料で配布されています。 851ゴチカクット仮配布だす http://pm85122.onamae.jp/851Gkktt.html 851ゴチカクットの制作者である8:51:22 pmさんは、以前にも851レトロゴというナショ文字風のロゴを制作していた人物。851ゴチカクットは記事作成時点では未完成となっており、収録文字数は1344文字なので、表示できない漢字もありますが、ひらがな・カタカナ・アルファベット・数字にはしっかり対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Why Adobe XD is better than Sketch.