CSS Advent Calendar 201918日目に空きがあったので埋めます。 最終日も私です。 QiitaやGoogleでremと検索すると、間違った使い方をしている記事がたくさん出てきます。 remはroot emの略！ って分かってるならRootを潰すな！ rootはユーザー設定により変動するかもしれないものです。 ユーザビリティを考えるなら、きちんとユーザーの設定に対応出来るようにしましょう。 よく見る間違った使い方 間違った使い方の言い分 モダンブラウザの初期値は16pxです。 だからrootを62.5%（10px）にすれば1rem = 10pxで分かりやすいです。 15pxは1.5remと書きましょう！ [疑問] 全部pxじゃだめなの？ 1rem = 10pxより全部pxで書くほう分かりやすい。 15pxと書いたほうが楽だし。 なぜこんな変な書き方が流行ったのでしょうか？
2021年7月24日。IBMから『IBM Plex Sans JP』がリリースされました。 「だから？」と思われた方、罰としてこのまま長い序文をお読みください。それ以外の方は次の見出しでお会いしましょう。 以前の記事でもお話ししましたが、これまでにリリースされてきた日本語対応のプログラミング用フリーフォントは、一部を除いて『源ノ角ゴシック』と『M+』という2つのフォントから派生したもの。 なぜ他のフォントが使われないのか。それは選択肢が無いからです。この2つ以外で、 漢字を網羅しクオリティが高くライセンスフリーで使えるそんな都合の良いフォントはほぼありませんでした。あるとすればそれは、漢字を含まないフォントのみ。 ここに加わってきたのが『Plex Sans JP』という新たな選択肢です。 日常使いできる安定感、多彩なウェイト (太さ) 、そして商用利用可能なフリーフォントであるという大きな
顧客からのちょろちょろインプットを脱却 顧客からのめちゃ太いインプットを通して何を選んでもアウトカムを生み出すプロダクトバックログを実現する/Break free from narrow customer input 2024
よわよわプロダクトバックログアイテムで悩むプロダクト開発チームに向けて、顧客からのインプットを太くすることで、つよつよプロダクトバックログを作り出すための仕組みと構造を解説します。 発表者 https://twitter.com/_N_A_ https://note.com/mryy 関…
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
2022/11/11 凸版印刷、明治期から昭和初期の手書き文字を解読する AI-OCRを日本で初めて開発
2019年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。
Web フォントを使って contenteditable から脱出する - LINE ENGINEERING
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは、LINE フロントエンド開発センターの玉田です。突然ですが、本日よりフロントエンド開発に携わる UIT のエンジニアが持ち回りで記事を公開する「UIT 新春 Tech blog」を開催します。 UIT のメンバーが普段の業務で得た知識や、年末年始でたまった知見などを共有していきます。本記事の公開から 1 月 28 日 (金) まで、平日の毎日違うメンバーが記事を公開していきます。ぜひ最後まで見に来てください！ トップバッターは私から、フロントエンドエンジニアを悩ませる contenteditable からの脱却についてです。 contenteditable の呪い みなさんは contenteditable につい
マキナス マキナス 4 シリーズをダウンロード 刻ゴシック 刻ゴシックフォントをダウンロード 廻想体ネクストB 廻想体ネクストBをダウンロード コーポレート・ロゴ コーポレート・ロゴをダウンロード やさしさゴシック やさしさゴシックをダウンロード 黒薔薇シンデレラ 黒薔薇シンデレラをダウンロード 棘丸ゴシック 棘丸ゴシックをダウンロード マメロン マメロンをダウンロード 源柔ゴシック 源柔ゴシックをダウンロード 機械彫刻用標準書体 機械彫刻用標準書体をダウンロード 明朝系 まじめで優しいイメージを与える明朝体のフリーフォントです。 刻明朝 刻明朝をダウンロード さつき源代明朝 さつき源代明朝をダウンロード はんなり明朝 はんなり明朝をダウンロード うつくし明朝体 うつくし明朝体をダウンロード ほのかアンティーク丸 ほのかアンティーク丸をダウンロード ほのかアンティーク角 ほのかアンティーク
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
GitHub - yuru7/PlemolJP: IBM Plex Mono と IBM Plex Sans JP を合成したプログラミングフォント PlemolJP (プレモル ジェイピー)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは。TAK(@tak_dcxi)です。 今回は SNS で頻繁に話題になる「font-size の指定はpxとremどちらを使うべきか？」問題について。 自分が観測している限りだと、 font-size の指定は px と rem どちらを使うべきか？ Web デザイナーはコーディングの知識があったほうがいいか？ jQuery はオワコンなのか？ 実装者はピクセルパーフェクトに拘らないとダメか？ h1 タグはどこに使うべきか？ あたりは四半期に一度は話題になっている感覚がありますね。 おそらくこの記事を読んでいる方や、もしくはタイムラインにこの記事の Twitter カードなんかが流れてきてウンザリしている方も多いことでしょう。僕も正直「またこの話題か…」という感想ですが、頻繁に話題になるということはそれだけ意見が割れているということなので、自分なりの見解をまとめるためにもこの記事
【修悦体】新宿駅のガムテープ文字のデザインが洗練されすぎていると話題に「“駅”の点々を縦にならべる」「読めなさそうなのに読める“れ”」
ニカイドウレンジ @R_Nikaido 新宿駅のガムテープ文字、デザインが洗練されすぎている。 ・「駅」の点々を縦に並べる ・「止」の2つの縦棒がシンメトリ ・濁点を文字に重ねることでグリッドに納める ・読めなさそうな形なのにすっと読める「れ」 pic.twitter.com/VvjP7ZYcU2 2020-08-23 16:55:51
ゲーム日本語化の「フォント選び」について翻訳者たちが語る。『Hollow Knight』は古風に、『Blasphemous』は荘厳に - AUTOMATON
ホーム ニュース ゲーム日本語化の「フォント選び」について翻訳者たちが語る。『Hollow Knight』は古風に、『Blasphemous』は荘厳に 海外ゲームの国内展開に必要となる日本語ローカライズは、国内ユーザーのゲーム体験を左右する重要なプロセスだ。今回、ローカライズの工夫のひとつである「フォント選び」の興味深い裏側について、複数の関係者がSNS上で語っている。 ローカライズは「地域化」などとも訳されるように、単に英語テキストを日本語に翻訳するだけの作業ではない。ゲームの持ち味をそのままに、日本国内のユーザーが遊びやすいように、あるいは没入できるように、多岐にわたる調整とクオリティの管理をおこなう工程なのだ。そして、英語などの言語を日本語に翻訳した際に発生するひとつの問題がある。それが「文字の違い」だ。 ゲーム内で表示されるテキストは、主にフォントファイルを利用して表示されている。
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がなぜか明朝体で
モリサワ 阪神甲子園球場と100周年記念共同プロジェクト 伝統の「甲子園文字」を受け継ぐ『甲子園フォント』制作が決定！ | ニュース&プレスリリース | 企業情報
モリサワ 阪神甲子園球場と100周年記念共同プロジェクト 伝統の「甲子園文字」を受け継ぐ『甲子園フォント』制作が決定！ 株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel:06-6649-2151 代表、以下モリサワ）は、2024年7月24日に、創業者森澤信夫らが「邦文写真植字機」を発明して100周年を迎えます。同じく、阪神電気鉄道株式会社（代表取締役社長：久須 勇介 本社：大阪市福島区）が運営する阪神甲子園球場も、同年8月1日に開場100周年を迎えます。これを記念して、阪神甲子園球場とモリサワは、100周年記念共同プロジェクトとして、同球場のスコアボードで使用してきた伝統の「甲子園文字」を受け継ぎ、『甲子園フォント』として制作、デジタルフォント化することを決定しました。 阪神甲子園球場のスコアボードでは、1983年まで、職人が黒い板に毛筆で手書きをし
チャットAIが組み込まれた「新しいBing」に先行利用を申し込んで、3日ほどで使えるようになった。 新しい Bing - 詳細情報 さて、なにを聞いてみようかな。そうだ邪馬台国の場所を聞いてみよう。 いい感じの回答が出てきた。先行しているチャットAIの「ChatGPT」だとどうだろうか。 New chat ChatGPTに邪馬台国の場所を聞くとこんな調子である。 「ChatGPTはもっともらしい嘘をつく」の典型である。しかし人間も知らないことをあえて聞くのは意地悪だった。ChatGPTは聞かれたことに「知らない」と返すと鼻が伸びる奇病にかかっているため（嘘）、作り話をしてでもなにか答えを返そうとする。 新しいBingにまじめなことを聞いてみた。 いいですね。特にウクライナ侵攻や、6日に発生したトルコ・シリアの大地震という最新の情報が盛り込まれているのがよい。ChatGPTは2021年までの
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン世界中で高い人気を得ている日本のマンガだが、その隆盛を支えてきたのはマンガ雑誌であった。本記事ではマンガを語るうえで頻繁に取り上げられる物語や絵ではなく、とくにマンガ雑誌における「文字」の歴史がいかなるものであったのかを、『週刊少年ジャンプ』を例にひも解いていく。 聞き手・監修＝岡本正史（集英社） 文・構成＝安原真広（ウェブ版「美術手帖」編集部） 歴代の『週刊少年ジャンプ』 いまやスマートフォンで見ることも多くなったマンガだが、世界中で高い人気を得るようになった日本のマンガ文化をつくりあげてきたのはマンガ雑誌に代表される、紙でつくられた本のマンガだった。月刊や週刊という刊行スピードで数百万部にも上るマンガ雑誌が印刷され、日本全国の書店に届けられる。この世界的に見ても稀有なシステムが、日本の多様なマンガ文化をつくりあげたことに
日本語組版の行間の話 in PowerPoint
anond:20210204012040 前書き組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。 なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件（日本語版）』に載っていてタダで読めるよ。 https://www.w3.org/TR/jlreq/ この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。 この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。 これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。 簡単な結論結論を先に書くよ。 単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15p
かわいいVScodeの作り方👁👄👁💗
かわいくないワ...👁👄👁 これではテンション上がりません。コーディングに置いてモチベーションは最も大事な栄養素です。 テーマを変更してモチベを上げていきます。 テーマを変更 illusion お好みのテーマをダウンロードしてテーマを有効にします。 ...いいんじゃない？👁👄👁 まだそこまでかわいくありません。 コーディングにおいて、インデントは最も大事な要素です。そんなに重要なものが光っていないのは怠慢という言葉を禁じ得ません。インデントを光らせていきます。 indent-rainbow 拡張機能を有効にしたらこうなっているはずです。 トーンが暗いわネ...👁👄👁 setting.jsonでハイライトの色を変えていきます。 "indentRainbow.colors": [ "rgba(128, 64, 64, 0.5)", // 1インデント目の色 "rgba(128
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語のフォントでも最適に利用できます。 Fluid-responsive font-size calculator Fluid-responsive font-size calculatorは、レスポンシブ対応のfont-sizeを可変にするスタイルシートもこの計算機で簡単に生成できます。font-sizeは最小値と最大値を決め、その間のサイズはcalc()関数でスムーズに変更させます。例えば、スマホなどの小さいスクリーンでは16px（最小値）に、ワイドスクリーンでは24p
海の幸 @tomato5023 これ！これ！探してました。昨日の衝撃。もったいないとは思わなかったけど、なんだ！？サスペンス的テロップと困惑しました。 twitter.com/meworange/stat… 2020-04-08 12:28:00
Seiho @seiho777 Day Tripper Records主宰 Sugar's Campaignの片方 おでん屋そのとうり 和菓子屋かんたんなゆめ soundcloud.com/seiho
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた：デジタルネイティブのためのフォントとデザイン（1/4 ページ） GItHubで公開されている話題のIBM製オープンソースフォント「IBM Plex Sans JP」。「デジタルネイティブのためのフォントとデザイン」連載を執筆しているエディトリアルデザイナーの菊池美範さんが検証した。 Googleの「Noto Sans CJK JP」やアドビの「源ノ角ゴシック」といった日本語フォントの登場によって、プレゼンテーションやドキュメントの日本語表示は格段にレベルが上がった。もうこれで十分なのではと思っていたところ、IBMがオープンソース日本語フォント「IBM Plex Sans JP」をGitHubで公開したという知らせを受けた。 このフォントをインストールして試用したところ、想像以上に出来の
new.css
Write modern websites using only HTML. This site is made from vanilla HTML and the default new.css theme. View Source new.css is a classless CSS framework to write modern websites using only HTML. It's ~4.5kb. It's perfect for- A dead-simple blog Collecting your most used links Making a simple "about me" site Rendering markdown-generated HTML The web was made for semantic HTML—let's start using it
html { font-size: 62.5%; } は嫌いだ - デフォルトを変更するのは悪手です - Qiita
font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を
Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコンテンツがなかったが、コンテンツも増えた後は、コンテンツの原稿である markdown ファイルから使用している文字を抽出して生成するように変更していた。 これでおおよそ必要最小限のサイズにすることができていた。 Regular と Bold の最適化 本サイトでは Font Weight として Regular(400) と Bold(700) を提供しているが、これまでは抽出した文字種を Bold/Regular 両
リンク GIRLY DROP(ガーリードロップ) がりどろ運営イチオシ写真一覧 | GIRLY DROP(ガーリードロップ) GIRLY DROP(ガーリードロップ)は、眺めるだけで、キュンとする♡女の子による女の子な無料(フリー)写真画像サイトです。通称「がりどろ」または「ガリドロ」☆商用利用可能で会員登録やクレジットは不要！写真はオシャレな加工済みです♫ 1 user
「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 2024年6月12日 プログラミングフォント制作者 たわら プログラミングフォント制作者。コーディングに適した欧文・英数字フォントと、日本語フォントを合成し、新たなフォントを生み出す手法に定評がある。2019年5月に「白源（HackGen）」を公開したのを皮切りに、毎年のペースで合成フォントを手がけている。本業ではインフラエンジニアやWebプログラマなどを経て、現在ではSaaS企業にてSREを担う。自身の息子に「プログラミングを教えて」と頼まれた時、まずはプログラミングフォントの重要性を説いた。 X GitHu
コブラフォントのつかいかた
これでコブラ風ロゴの敷居が格段に下がったのではないでしょうか。【2023/9/24追記①】リメイクしました(sm42801306)。3年間で磨き上げたスキルを総動員し、とても使いやすくなったと思います。アルファベット等収録文字も大幅に増えました。【2023/9/24追記②】コモンズの大型アップデートに合わせ、利用規約を変更しました。本フォントはもちろん全てのフォントが対象となりますので、今一度確認いただければと思います。詳細はこちらから→https://webayan39.com/font/2724/作ったフォント→mylist/68343737小豆虫さんがAviUtlで簡単にコブラロゴ風にしてくれるプラグインを作ってくれました。非常に便利ですので、是非。→sm36843818DL・詳細はこちら→https://webayan39.com/font/20/BGM→nc216795
はじめに 業務でCSSを書くようになってから、いくつかの月日が流れました。 CSSを学び始めた当初は、要素をキレイに横並びにすることすら手こずっていましたが、最近は随分スムーズにデザイン通りのスタイルを書くことができるようになりました。 今日に至るまで、過去の自分が書いたCSSへの後悔の念で眠れない日々や、原因のよくわからない表示崩れの悪夢にうなされる夜もありました。1 これからCSSを学ぶ人、CSSにはあまり詳しくないけどたまに書くよという人にそんな思いをして欲しくない。できたらCSSのことを好きになって欲しい。 そんな思いで自分がスタイルを書く時・レビューをする時に気をつけていることを（自戒も込めて）まとめまてみました。 🤔 良いスタイルってなんだろう？ スタイルを書く時に大切だと考えていることは3点あります。 開発効率 デザイン再現性 パフォーマンス 開発効率 色々な記事や本でも引
モリサワ 「Google Fonts」へユニバーサルデザインに配慮した「BIZ UDフォント」を提供 | ニュース&プレスリリース | 企業情報
株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel：06-6649-2151 代表、以下モリサワ）は、Google の提供するフォントサービスライブラリ Google Fonts へ、ユニバーサルデザインに配慮した「BIZ UDフォント」を提供します。 BIZ UDフォントは、「文字の形がわかりやすい」「文章が読みやすい」「読み間違えにくい」をコンセプトに開発されたユニバーサルデザイン（UD）フォントです。より多くの方にとって読みやすく使いやすいように設計されており、ユーザ評価に基づく読みやすさのエビデンスを取得しています。ICT化が進む教育現場やビジネスでの書類作成をはじめ、正確な情報伝達が必要な場面でお使いいただけます。2017年から当社が展開する、日常的なビジネス文書作成のためのUDフォントソリューション「MORISAWA BIZ+」で初めて提供
和文フリーフォント“IBM Plex Sans JP”リリース！「ウェイトがあっても潰れない」「フトコロが広い」既存フォントとの比較も
リンク mojiru【もじをもじる】 IBMが無料で使えるフォントIBM Plexを公開 - mojiru【もじをもじる】 オープンソースフォント・IBM Plex オープンソースフォント・IBM Plex 書体見本 IBM-Plex-Mono IBM-Plex-Sans IBM-Plex-Sans-Condensed IBM-Plex-Serif オープンソースフォント・IBM Plexのダウンロードはこちら フォントのミステリー：何故、オリジナルフォント「IBM Plex」が開発されたのか？ 「IBM Plex」の今後…、日本語版「IBM Plex」は？ Netflixもオリジナルフォントを開発！ 無料で使えるフォント「フ 1 user リンク GitHub Release v5.2.1 · IBM/plex IBM Plex Sans JP Added CSS stylesheets
これはかなりいい！ Helveticaに似たオープンソースの無料フォント -Overused Grotesk（異世界のHelvetica）
さまざまなデザインに広く使用されているHelveticaのもっとも際だった特徴を模倣した、異世界のHelveticaを目指してデザインされたオープンソースの無料フォント「Overused Grotesk」を紹介します。 8種類のウェイトに可変フォントも揃っており、Webフォントとしても利用できます。最終的にはキリル文字など多言語にも対応する予定です。 上: Overused Grotesk、下: Helvetica Overused Groteskは異世界のHelveticaとして、Helveticaのもっとも際だった特徴を模倣してデザインされたフォントです。ライセンスはSIL Open Font License 1.1で、個人でも商用プロジェクトでも無料で利用できます。
ついに初の解説書！ フォント制作の王道ソフト「Glyphs（グリフス）」執筆陣も非常に豪華で、フォントの作り方がよく分かります -Glyphsではじめるフォント制作
待ち望んでいた人も多いと思います！ フォント制作の王道ソフト「Glyphs（グリフス）」初の解説書がついに発売！！ 執筆陣も非常に豪華、Glyphs日本語版を監修した書体デザイナーの大曲 都市氏、GlyphsのTipsを公開している照山 裕爾氏、Glyphs用のテンプレートを多数公開している丸山 邦朋氏、アドビの書体デザイナーである吉田 大成氏、ベジェ曲線の基本から実際のフォント制作の入門までカバーした解説書です。 「Glyphs（グリフス）」が気になっていたけど、どこから手をつけてよいのかさっぱりだったという人にお勧めの解説書です。Glyphsのダウンロード・インストールから、購入方法、インターフェイス・基本操作、ベジェ曲線のさまざまなパス操作、記号フォント・欧文フォント・和文フォントの作り方まで詳しくていねいに解説されています。 Glyphsの練習用ファイルや完成ファイルをサポートサイ
Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive. Principles#Get to know our foundational thinking and how we put it into action across our design system. Learn about our principles
このような記事を参考にすることで設定可能です。 僕は ⌘ + Shift + M で設定しています。 3: Figma Walkerはショートカット設定しよう一押しPluginの一つ、Figma Walker。 日本人のエンジニアさんが開発されました。 SkecthでいうRunnnerのようなPluginです。 特に、特定のFrameやMainComponentがある位置にすぐさま移動するのに便利です。 プロジェクトが進みファイルが大きくなってきた際にとっても便利です。 これもどんどん使う機会が多くなってくるため、Macにて独自のショートカットとしておくと便利です。 僕は ⌘ + Shift + F としています。 4: ショートカットのチートシートの存在 ショートカットに苦手意識がある方は、ぜひ「ショートカットのチートシートがある」ということをだけでも覚えておいてください。 全てではない
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの単位remの正しい使い方 - Qiita
PlemolJPか、それ以外か – プログラミング用フォント徹底比較！
全米が待ち望んでいた超便利なTailwind CSSツール10選 - Qiita
凸版印刷、明治期から昭和初期の手書き文字を解読するAI-OCRを日本で初めて開発
2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
【日本語フリーフォントまとめ】プロのデザイナーも使っているおすすめのフリーフォントまとめ
全米が待ち望んでいた超便利なTailwind CSSツールリスト
「font-sizeの指定はpxとremどちらを使うべきか？」問題に対する回答
フォントワークス、手書き文字をAIがフォント化する「AI JIMOJI」の提供を開始／フォントを楽しむ実験仮想都市「MOJICITY」のコンテンツ第1弾
「新しいBing」の中華フォントを日本語フォントにする - ただいま村
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
緊急会見に一瞬出たテロップがすごい！フォント界隈がざわつく→業界の人たち「手書きタイトルさんという職種があって…」
「源ノ角ゴシック/Source Han Sans」がバリアブルフォントに ～サイズは1/10以下、可能性は無限大／日本・中国・韓国の65,535グリフをひとまとめ。ウェイトも好みに指定可能
実家に帰ってきたらオカンがめちゃくちゃ独特な字で般若心経を書いてて可愛い「無がすごい」「このフォント欲しいな...」
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
商用や同人誌なんかに使いたい可愛いフォントがたくさん！「めっちゃ欲してた」「沼る」などフォント沼の皆さんが湧き立つ
機械学習で古文書のくずし字を読み取れるアプリ「みを」、正式公開
治安の良いCSSを目指して 〜 平和な世界のために僕たちができること 〜 - Qiita
Spectrum, Adobe’s design system
Figmaの生産性を高めるTips50選｜三上蒼太 / Sota Mikami
fevier.jugem.jp
chihiro2.ue.bulog.jp
business.nikkei.com
togetter.com
ecila-design.shop-pro.jp
business.nikkei.com