ご無沙汰しています。前記事から 3 年ぶりに note を更新しました。本稿では、芳文社の発行する「まんがタイムきらら」やその姉妹誌に掲載された作品の写植（吹き出し）に注目し、使用されている書体や、その書体が読者に与える印象に関して考察を行います。 「ぼっち・ざ・ろっく！」観てますか？？図 1：｢ぼっち・ざ・ろっく！」の単行本（筆者撮影）アニメを観てから完全に難民になってしまったので、原作を無限に読んでいます。アニメよりもテンポが早く、4 コマの起承転結を通じて 1 つのストーリーが構成されている点が（ぼざろに限った話ではないですが）素晴しいです。未確認ライオット編よかった…… さて、アニメでは数多の声優さんの演技によって、登場人物の描き分けや感情表現が行われていますが、漫画においては写植、すなわち吹き出しの部分が登場人物の喜怒哀楽の表現に一役買っています。 印刷物のデザインでは「1 ペー
大阪で冷やしあめを巡りながらの街歩き
趣味は食材採取とそれを使った冒険スペクタクル料理。週に一度はなにかを捕まえて食べるようにしている。最近は製麺機を使った麺作りが趣味。（動画インタビュー） 前の記事：ネギカッターでところてんを作る ＞ 個人サイト 私的標本 趣味の製麺 最初の一杯はサンガリアの缶になった 大阪のシカクという、当サイト関係者の同人誌やグッズをたくさん扱っているショップの店員であるビロくんに教えてもらった店を中心に、冷やしあめを巡ってみる。 冷やしあめを売っている店は大阪の下町に多いようなので、まずは新今宮駅へと向かう。 前に来たときは確か公園だった場所に、星野リゾートの大きなホテルができていて、「本当にできたんだなあ」と駅のホームからしばし眺めた。 あれが例のホテルかー。 この日はちょっと蒸し暑い、絶好の冷やしあめ日和（冷やしあめは夏の飲み物らしい）。なるべく余計な水分摂取は控えて、程よく喉が渇いた状態でクイっ
line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
先般、当協議会所属のフォント技術のエキスパートから、MJ明朝体フォントをWOFF化するサービスを提供しているサイトがある、MJ明朝体フォントの使用許諾契約に違反しているのではないか、との指摘があった。事務局長や対外窓口をお願いしている理事の方とも相談して、このサイトのオーナーに連絡を取り、MJ明朝体決め打ちのサービスについては、公開を差し控えていただいた。 ぼく的には、フォントをWOFF化するサービスの必要性もよく分かるし、協議会としても、WOFF化やサブセットフォントの提供など、協議会として直接行うか、協議会メンバーのフォントベンダー各社にビジネスとしてやっていただくかも含めて、具体的な方策を検討しているところだ。 ちょうどいい機会なので、MJ明朝体フォントの使用許諾契約書の成立の経緯と、ついでに、フォントの知的所有権を巡るず〜っと以前のぼくの経験を書き記しておきたい。 そう考えて、経緯
みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？ 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より
とあるコンビニに貼ってあった還付金詐欺のポスターは『騙されている方は自分が騙されているという自覚がない』事を見越したスマートなやり方だった
コンビニATMの横に貼ってあったポスターは、自分が詐欺に遭っている事に気付いていない人を水際で食い止めるのにスマートな方法でした。 大島紫尾 @cmbvolvo コンビニATMの横に貼ってあったのだが、これ「騙されている方は自分が騙されているという自覚が無い」ことを見越していてスマートなやり方だと思う。 pic.twitter.com/Ei5Vg0TL2g
こんにちは！ドイツに住んでるUIデザイナーのいまがわ (@i_magawa)です。 この記事は「GameGraphicDesign AdventCalendar 2019」の23日目の記事になります。 自己紹介 現在はフリーでUIの仕事をやりつつ、夫婦や育児に関するマンガを描いたりしています。以前は東京でスマホゲームの開発やってました。 こういう記事も書いてます（宣伝）↓ 何の記事書くの…！？ スマホゲームUIのローカライズ対応について今回は書きたいと思います。 いくつか案件関わった気がしたりしなかったりするのでまとめてみました。あくまで日本っぽいゲームを海外対応するときの注意点です！ また今回参考として「ポケモンマスターズ」のUIをよく載せています。 ポケモンマスターズはなんと驚異の8言語対応…！殺す気か！ちなみに私は一切運営と関係ないただのファンです。 海外対応の目標 英語ネイティブの
フォントワークス8書体が無料公開！商用利用や埋め込みも可能で「Google Fonts」にも対応 | Game*Spark - 国内・海外ゲーム情報サイト
フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、GoogleのWebフォント「Google Fonts」にて配信開始しました。 また、これに伴い、GitHubにて「Google Fonts」と同じく「SILオープンフォントライセンス」の元で各書体が無料公開。このライセンスのもとでは、商用利用やゲームなどへの埋め込み、改変なども無償で可能となります。今回の提供フォントは下記のとおりです。 クレー One Regular クレー One SemiBold トレイン One Regular（トレインはレイルウェイのGoogleFonts提供名称） ロックンロール One Regular ステッキ Regular ランパート One Regular レゲエ One Regular ドットゴシック16 Regula
「なぜこの字体にしたのか...」商品ラベルに使われた古印体フォントをめぐって議論が巻き起こる→｢不気味なイメージしかない｣｢普通にかわいい｣
荻野謙太郎(マンガ編集者) @gouranga_ 前に何度か話してますが、古印体を「かわいい」と感じる層が先入観の無い人たちの中に一定数いるようなのですよね。なんかモコモコしてファンシーに見えるらしい twitter.com/Nancy65094154/…
もっとも注目されたUIデザインのテクニックの総まとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 細いフォントは暗いカラーにする 2. 長いフォームは常にラベルを上部に配置する 3. ボタンのラベルは一貫性を保つ 4. 不要なテキストでフォームのUIを乱雑にしない 5. フォームはインタラクションの後、すぐにフィードバックを提供 6. 次のステップの情報を提供する 7. CTA用にカラーを1つ確保しておく 8.
聖剣伝説LoMのリマスター版が発売決定するも、当時の思い出となにか違う…→地道に作られたオリジナル要素が欠けていた「途方もない…！」
リンク GAME Watch 「聖剣伝説 Legend of Mana」HDリマスター版がPS4/Switch/PCで6月24日発売決定 スクウェア・エニックスは、プレイステーション 4/Nintendo Switch/Windows（Steam）版アクションRPG「聖剣伝説 Legend of Mana（聖剣伝説 レジェンド オブ マナ）」を6月24日に発売する。価格は3,520円（税込）。特典が同梱する限定BOXは14,300円（税込）。 1 user 28
IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な使い方を紹介します。 min(), max(), and clamp(): three logical CSS functions to use today by Una Kravets CSSの関数のさらにいろいろな使い方は、下記をご覧ください。 CSSの比較関数 min(), max(), clamp()の使い方を詳しく解説 CSSのcalc()関数を使うとスゴイ便利！ページのレイアウト、要素やフォントのサイズ指定など実装
現在の実装でよく使用されるCSSの機能をはじめ、まもなく使用できるようになる新機能まで、現在とこれからのCSSを紹介します。 CSS3が登場した2015年以降の新機能、2022年これから登場するCSSの新機能、最近のCSSについてWeb制作に携わる人は要チェックです。 What's New Since CSS3 by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS3以降の新機能 CSSワーキンググループ これから登場する新機能 はじめに 「CSS3」はCSSにとって大成功でした。たくさんの新機能がリリースされ、素晴らしいものばかりでした。CSSグラデーション、CSSアニメーション、border-radius、box-shadow、transform、などたくさんあります。さらに、CSS
POPなポイントを3行で 『シドニアの騎士』などに登場する「東亜重工」のフォント 老舗フォント制作会社のイワタとコラボ 漫画家・弐瓶勉が開発、今秋発売 漫画家・弐瓶勉さんが原案／監修を担当したフォント「東亜重工」が今秋に発売される。 弐瓶勉さんの代表作である『シドニアの騎士』、『BLAME!』『BIOMEGA』などの作中に共通して登場する巨大企業として読者にはおなじみの東亜重工。 それをフォントとして具現化させたのは、創業百年を迎える老舗フォント制作会社・株式会社イワタだ。 英数字、ひらがな、カタカナ、漢字およそ7700字を収録した東亜重工製フォントは、個人利用のほか、商用利用も可能になる予定。発売は2020年秋。 弐瓶勉作品には欠かせない東亜重工 現在、最新作『人形の国』を連載中の弐瓶勉さん。その代表作品に必ずと言っていい頻度で登場する、架空の重工業企業が東亜重工だ。 東亜重工は、新刊の
プログラミング用フォントとUIデザインのどちらにも使える！ 美しさと読みやすさを兼ね備えたフォント「Martian Mono」
Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。 ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリのUIデザインにも適しています。 Martian Mono -GitHub Martian Monoは、Martian Grotesk（myfonts.com）の等幅バージョンで、Groteskのすべての利点を継承しつつ、コード用とデザイン用に制作されたフォントです。 ライセンスはSIL Open Font License 1.1で、商用プロジェクトでも無料で使用できます。
2023年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、今年個人的に一番気に入ったフォントから。 無料版で使ってみたらいい感じだったので、有料版を購入しました。 かもめ明朝 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 築地二号系で昭和初期に作られたであろう金属活字にインスパイアされて作成されたフォント。ひらがな・カタカナ・約物、漢字は4文字だけ収録されています。 フリーフォントのダウンロードは、サイドバーの「無料ダウンロード」から。 202
Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful tricks you might not know about. by Kiss Patrik 下記は各ポイントを意訳・加筆したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 更新: 2021/2/1現在の最新情報にアップデートしました。 Font Awesomeとは Font Awesomeへの登録方法・アイコンの基本的な使い方 Font Awesome アイコンのサイズの指定方法 Font Awesome リスト用のアイコン Font Awesome アイコンの回転 Font Awesome アイコンのアニメーション Font Awesome アイコンを
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を切り出して公開しました。 ほかのサービスや技術と何が違うの？ 技術書をマークアップテキストで書くプラットフォームとしては、Re:VIEW、Vivliostyleなどがありますが、FlightBooksは「出版やDTPに関する知識がなくても印刷所にだしたい」というエンジニア諸氏のために開発されました。 「商業印刷」にどこまで向き合うか ご家庭のプリンタに印刷を指示すると、ファイルの情報がプリンタドライバに送信され、そこでインクの出し方を制御するためのデー
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。 このclamp()関数を使用して、CSSでレスポンシブ対応のフォントサイズやレイアウトを簡単に定義できるツールを紹介します。ツールはオンラインでも、ローカルでも利用できます。 Min-Max Calculator Min-Max Calculator -GitHub Min-Max Calculatorの特徴 Min-Max Calculatorの使い方 Min-Max Calculatorの特徴 Min-Max Calculatorは、レスポンシブ対応にする時
最近ではモダンブラウザをターゲットにした場合、リセットCSS自体は必要ないかもしませんが、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 その中の一つとして、img要素に設定しておくと便利なスタイルを紹介します。 最近のリセットCSS、また設定しておきたスタイルや一部のブラウザ用に設定しておきたスタイルは、下記をご覧ください。 2023年、現在の環境に適したリセットCSSのまとめ img要素に設定しておきたスタイルは、こちら。 img { max-width: 100%; /* 1 */ height: auto; /* 1 */ vertical-align: middle; /* 2 */ font-style: italic; /* 3 */ background-repeat: no-repeat; /* 4 */ background-size:
anond:20191115214630 ブコメを付けてくれた人々ありがとう。 まとめると、IT屋さん的にはサポートがあるOSが「良いOS」ってことなんだね。 逆に10の優位性ってサポートしかないんか。 Windows10の良いところを教えてくれたコメントは参考にしたい。 ほんの少数だけれども共感のコメントもあって嬉しかった。どうもありがとう。 いまだにXPを使っているというコメントは心強いものがあった。今後も頑張って欲しい。 老害扱いしてきたコメントの人、さようなら。別に何の参考にもならなかったです。 もう済んだ話に蛇足ではあるのだけど、Windows10の使いにくいところを具体的に挙げると、ざっと以下のような感じ。 サポートするならこの辺を優先的にサポートしてくれればいいのに。 ・エクスプローラでファイルをコピーすると遅い ドライブ内の移動でさえ遅い。わざとウエイト入れてるんじゃないか
中国人を悩ませるレアな名字の文字コード問題
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 中国では、2023年8月1日に強制力のある国家標準規格「GB 18030-2022」（信息技術中文編碼字符集）が施行される。中国で「強制」という言葉が出ると「また締め付けが強化される」と反射的に考えてしまうかもしれないが、これは文字コードの標準規格を新たに導入するという話だ。珍しい名字などに使われ、既存の文字コードに未登録の漢字に対応しようというものになる。 中国の面積は日本の国土の約25倍で、約14億人の人口を擁している。一部の地域限定で使われている漢字や、少数民族の固有名詞でのみ用いられている漢字もある。文字コードに含まれない漢字を使っている人は約6000万人もいるそうだ。例えば、山東省青島市郊外にシュイユー村という地元ではまあまあ
元々の「貂明朝」は、明朝体の新しいスタイルとして2017年にリリースされている。翌年には貂明朝をベースに、長文でも読みやすいフォントとして「貂明朝テキスト」をリリースした。そして今年登場した「貂明朝アンチック」は、マンガのセリフに特化した新フォントとして3たびのリリースとなった。 なぜマンガ専用のフォントが必要なのか。その理由を明らかにしてみたい。
おまえはもうRのグラフの日本語表示に悩まない (各OS対応) - ill-identified diary
2021/9/10 追記: 改めて更新された話を統合して整理して書き直しました. 以降はこちらを参考にしてください: ill-identified.hatenablog.com 2021/1/15 追記: RStudio 1.4 がリリースされたのでなるべくアップデートしましょう 2020/12/06 追記: Japan.R で今回の話の要約+新情報を『Mac でも Windows でも, PNG でも PDF でもRのグラフに好きなフォントで日本語を表示したい (2020年最終版)/Display-CJK-Font-in-Any-Gpraphic-Device-and-Platform-2020 - Speaker Deck』として発表した. ハイライトは「近々出るRStudio 1.4 があれば fontregisterer はほぼいらなくなる」 2020/10/31 追記: geom
更新日:1月11日21時32分
似鳥鶏 『育休刑事』角川文庫版発売中！ @nitadorikei 誇示脱字のチェックは校正さんの仕事の一部でしかなく、実際には「資料ではこの年のこの日は曇っていたようですが月が見えてもよろしいですか？」とか「シリーズ○巻で主人公はこれを持っていないという発言をしていますが」とか、そちらの方にびびることが多いのですが、これはシンプルに凄い……。 twitter.com/nitadorikei/st… 2023-07-11 15:06:13
おでんマンwithたわ神 @ugaidensetu サッポロ一番の謎すぎる「切り胡麻」フォント、メーカーにもなんでここだけフォント違うのか理由を把握してる人居ないって記事見て温かい気持ちになっている。 pic.twitter.com/U0MimlNcyx
以前に 劇薬の The New CSS Reset という記事を書き、その中で「UAスタイルシートを理解していれば、どんなCSSリセットも使える」と言いました。 ただ改めてUAスタイルシートの事を検索にかけても「ブラウザのデフォルトのスタイルシートです」で終わる記事が多く、これでUAスタイルシートを理解しろというのは無理な話です。 そこで後進のために、UAスタイルシートとは何なのか？ UAスタイルシートとリセットCSSの付き合い方を文章として残しておきます。 UAスタイルシートとは？ UAスタイルシートとは、User Agent Style Sheet の略で、webブラウザがデフォルトで持っているスタイルシートのことです。これは、HTML要素をどのように表示するか、振る舞いを持たせるかを定義したものです。 スタイルシートの種類と階層 スタイルシートといっても、いくつかあります。 多くのド
Slack は、メッセージのどこからどこまでハイライトするかを、 Unicode の私用領域 *1の U+E000 と U+E001 を使って表しているらしく、こういう HTML を glitch とかで書いて、 <html> <head> <meta property="og:title" content="Slackでタイトルをハイライトする" /> <meta property="og:description" content="Slackで説明も好きな部分をハイライトする" /> </head> </html> そのページを Slack で展開させたりすることで、好きな部分を勝手にハイライトできて面白い *2 *3。 ちなみに printf "\ue000寿司\ue001が光ったら成功"
無料ダウンロードOK、おすすめのフリーフォント総まとめ
Tweet Pocket このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に181個まとめてみました。 気になるフォントがあればぜひ使ってみてくださいね。 現役WEBデザイナーおすすめの見やすいフォントTOP5それではさっそく、現役WEBデザイナ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル] ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ
ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードルが低く、とても使いやすくなっています。まだ使ったことがない人や便利なプラグインをもっと知りたいという方にオススメの記事です。 Figmaプラグインの使い方 Figmaのプラグインを見つけるにはFigmaコミュニティが便利です。Figmaアプリのホーム画面の「コミュニティ」ボタンから、Figmaコミュニティへアクセスしましょう。 プルダウンから「プラグイン」を選択すると、コミュニティに公開されているプラグインの検索が可能です。 プラグインアイコンの右下のマークで、対応している
現在のWindowsのフォントは、アウトラインフォント形式のOpenTypeをメインにしている。OpenTypeは、1997年にTrueTypeの拡張として発表された。TrueType形式のアウトラインデータに加え、CFF/Type2というPostScript用のアウトライン形式を含めることができる点がTrueTypeと異なる。 ここでは、OpenTypeフォントであるCascadia Codeを例に、フォントの概要やアプリケーションからのフォントfeature機能の利用について解説する。 そもそもCascadia Codeフォントとは？ Cascadia Codeフォントとは、Windows Terminalと同時に開発されたオープンソースのフォントである。Windows Terminalと同時にインストールされるが、単体でもインストール可能だ。このフォントを例に持ち出したのは、オープン
ハードオフのジャンク品につけられる値札を再現するジェネレータです。 品名 メーカー名 型番 状態 動作未確認 電源は入りました 動作確認 説明文を入力... 税込み価格 本体価格 送信 生成結果 右クリックから保存できます
UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio
UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということができます。また、作成した比例スケールは、CSSで書き出されるのですぐに使用できます。 Proportio Proportio -GitHub Proportioの特徴 Proportioの使い方 Proportioの特徴 Proportioはデザインシステムに必要となるタイポグラフィ、スペースや角丸やシャドウなどのシェイプ、コンポーネントに使用する比例スケールを簡単に作成するためのツールです。 パラメトリックデザイン（変数を基準としてサイズを決める形状作成方法）を採用しているので、体系的なデザイン
イラストレーターのみふねたかしさんが運営するフリー素材サイト「いらすとや」。2012年の開設から10年以上運営が続くフリー素材サイトの老舗ともいえる同サイトだが、商用での素材の無償利用には実は個数制限がある。 あるTwitterユーザーが20日、「新入社員が作成したプレゼン資料に『いらすとや』の素材が大量に使われていた」と投稿。その社員に無償利用の範囲で素材を使っているのか聞くと、一定数以上使うと有償になるとは知らなかったという。 このツイートに対し「知らなかった」や「これ案外知らない人いる」「世間的に全然守られてない気はする」「どんな素材も利用規約を読むことは大切」などの意見が見られた。 いらすとやの利用規約を見ると「サイトで配布している素材は規約の範囲内であれば、個人、法人、商用、非商用問わず無料でご利用頂けます」と記載がある。ただし、その下には有償対応の場合として「素材を21点以上使
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まんがタイムきららの「写植」を読む――吹き出しにみる漫画書体の使い分け｜いなにわうどん
IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会
ベタ組とツメ組。日本語の文字の並べ方を押さえよう｜モリサワ note編集部
多言語対応のゲームUI注意点覚え書き - デザイナー脂肪
CSSの数学関数min()、max()、clamp()の基本的な使い方
現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ
『シドニアの騎士』弐瓶勉監修のフォント「東亜重工」爆誕 今秋発売
Google、古いガラケーの白黒絵文字をオマージュした「Noto Emoji」フォントを発表／収録文字数は3,663で可変フォントもあり。ライセンスは縛りの緩い「OFL 1.1」
2023年も新しいフリーフォントがたくさんリリースされました！ 2023年、日本語の新作フリーフォントのまとめ
2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ
Web制作の現場で使えるWebサービス13選！無料で使えるサービスを集めてみた | BUILD Journal
Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita
CSSのデフォルトとして記述しておくと便利、img要素に設定するスタイルのまとめ
Windows10についてコメントをくれたIT屋さんにお礼
「な、なんだってーーーーー!!?」のひみつ マンガに「専用フォント」が必要な理由
「ツョッピソグ」「御会計はスッタフにお声かけ下さい」惜しい日本語が続々集まる
校正さんから修正箇所が返ってきたが、神がかった指摘をされて驚いた「これに気付けるの！？」
「パッケージ担当した父に聞いたところ、直感的どストレートな理由でした」サッポロ一番の「切り胡麻」フォントの謎が判明
UAスタイルシートとリセットCSSとは - 2023 - kojika17
Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
Webデザインに悩まない、心をつかむ最新サイト30選まとめ
Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選 - ICS MEDIA
Windows Terminalで採用されたCascadia Codeフォントを使うとプログラムを書くとき断然見やすい (1/2)
ハードオフジャンク値札ジェネレータ
「いらすとや」の無償利用は何点まで？ 「意外と知られていない」とTwitterで話題に
日本人プログラマー向けカスタムフォント「UDEV Gothic」が約2年半ぶりのメジャー更新／「BIZ UD」＋「JetBrains Mono」でソースコードと日本語コメントの可読性を両立
note.com/quantumuniverse
canvas-cluster.com
news.yahoo.co.jp
topics.smt.docomo.ne.jp
kumejimaaosyoubin.jimdofree.com
ameblo.jp/bb-activation