Filter fonts0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
Dev Fonts
Filter fonts0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
はじめに Steam で遊びたいと思ったゲームでも、Windows版があるが Mac版がないものが結構多いんですよね。そこでWineskinServerを使えば、MacでもWindows版のゲームが遊べるのか試してみました。 ※Mac版Steamはインストール済み、かつSteamアカウント作成済みです。 下記サイトでWineskinServerを使用して動作しているので大丈夫でしょう。 【2023/10/28追記】 エンジン「WS11WineCX64bit23.5.0_D3DMetal-v1.0」にした場合、遊戯王マスターデュエルを起動時に下記エラーが出ます。redditの情報ではD3DMetalが有効だと駄目なようです。 自分の場合、下記の方法で遊戯王マスターデュエルを起動させることが出来ました。 アプリケーションフォルダの「Wineskin Winery.app」をダブルクリックして、
CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ
CSSのこの機能を待っていた人も多いと思います！ CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読
フロントエンドエンジニアの嶌田です。今回が LIFULL Creators Blog への初めての投稿です。 「サービス共通ヘッダ・フッタ」は、ただのヘッダ・フッタではありません。ソースコードはいくつものサイトやサービスで使いまわされます。組込み先が持っている CSS によっては表示が崩れてしまうかもしれません。ブレークポイントやコンテンツの幅がそろわないかもしれません。サービス共通で使えるヘッダ・フッタには相応の強さや柔軟さが求められます。 この記事では、LIFULL HOME'S のサービス共通のレスポンシブ版ヘッダ・フッタを実装するために動員した「強く・堅牢に実装するためのノウハウ」を紹介します。 どこにでも組み込めるように実装する 重複しないクラス名ルールを設定する 詳細度や継承とうまく付き合う プレーンな技術を使う ブレークポイントや z-index 等をカスタマイズ可能にする
游ゴシック大嫌いな同志諸君！お久しぶりです。ことりちゅんです。 ついに！ついに、Excelからレイアウトを崩さずに游フォントを完全に消し去る最強のマクロが完成しましたのでご報告申し上げます。 本記事は「Excelから游ゴシック体を徹底的に駆逐する」の第三弾になります。 ※游ゴシックが好きな人は気分を害する恐れがあるので、この先は読まずにお引取りください。 前回のえくせるちゅんちゅん 第一弾では 第二弾では 今回のえくせるちゅんちゅん 第三弾では 追記 説明の流れ フォント変更VBA 全てのセルのフォントを変更 VBA 結果 課題リスト 行の高さを固定 VBA 課題リスト スタイル定義を変更 GUI VBA 結果 課題リスト フォントテーマを変更 GUI VBA 結果 課題リスト セルの游フォントを直接変更 VBA 結果 課題リスト 図の游フォントを強引に変更 VBA失敗例 VBA成功例 結
検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト（アイコンも）を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinput要素のテキストを揃える インタラクティブな要素のコンテンツを垂直方向に揃えるのに苦労したことはありませんか？ あなたは仲間です、多くの人が経験していると思います。 この記事では、line-height, padding, flexboxを使用して、button要素とinput要素のコンテンツを中央に配置する方法について解説します。 まず、ゴールを明確にしておきましょう。 button要素とinput要素のコンテンツは完璧に揃えます。 button要素とinput要素の高さは
私はターミナルが大好きなので毎日使っているんですが、永らく alacritty + tmux を愛用してました。(といってもさっき見たら alacritty 使ってたのは 1 年ちょっとだったらしい・・・) しかし最近 wezterm というターミナルの話を Reddit とかでちょくちょく聞くようになってたので 2022 年個人開発環境大変革[1]に合わせて試してみることにしました。 wezterm とは？ wez さんが作った Rust 製の GPU-accelerated で cross-platform なターミナルです。自分の名前をプロダクトに入れるところに正直自信の表れを感じます w wez さんは 2022 年現在 Facebook(meta)で働いているようです。 まぁけど、Rust 製の GPU-accelerated で cross-platform なターミナルってそ
ご無沙汰しています。前記事から 3 年ぶりに note を更新しました。本稿では、芳文社の発行する「まんがタイムきらら」やその姉妹誌に掲載された作品の写植（吹き出し）に注目し、使用されている書体や、その書体が読者に与える印象に関して考察を行います。 「ぼっち・ざ・ろっく！」観てますか？？図 1：｢ぼっち・ざ・ろっく！」の単行本（筆者撮影）アニメを観てから完全に難民になってしまったので、原作を無限に読んでいます。アニメよりもテンポが早く、4 コマの起承転結を通じて 1 つのストーリーが構成されている点が（ぼざろに限った話ではないですが）素晴しいです。未確認ライオット編よかった…… さて、アニメでは数多の声優さんの演技によって、登場人物の描き分けや感情表現が行われていますが、漫画においては写植、すなわち吹き出しの部分が登場人物の喜怒哀楽の表現に一役買っています。 印刷物のデザインでは「1 ペー
大阪で冷やしあめを巡りながらの街歩き
趣味は食材採取とそれを使った冒険スペクタクル料理。週に一度はなにかを捕まえて食べるようにしている。最近は製麺機を使った麺作りが趣味。（動画インタビュー） 前の記事：ネギカッターでところてんを作る ＞ 個人サイト 私的標本 趣味の製麺 最初の一杯はサンガリアの缶になった 大阪のシカクという、当サイト関係者の同人誌やグッズをたくさん扱っているショップの店員であるビロくんに教えてもらった店を中心に、冷やしあめを巡ってみる。 冷やしあめを売っている店は大阪の下町に多いようなので、まずは新今宮駅へと向かう。 前に来たときは確か公園だった場所に、星野リゾートの大きなホテルができていて、「本当にできたんだなあ」と駅のホームからしばし眺めた。 あれが例のホテルかー。 この日はちょっと蒸し暑い、絶好の冷やしあめ日和（冷やしあめは夏の飲み物らしい）。なるべく余計な水分摂取は控えて、程よく喉が渇いた状態でクイっ
先般、当協議会所属のフォント技術のエキスパートから、MJ明朝体フォントをWOFF化するサービスを提供しているサイトがある、MJ明朝体フォントの使用許諾契約に違反しているのではないか、との指摘があった。事務局長や対外窓口をお願いしている理事の方とも相談して、このサイトのオーナーに連絡を取り、MJ明朝体決め打ちのサービスについては、公開を差し控えていただいた。 ぼく的には、フォントをWOFF化するサービスの必要性もよく分かるし、協議会としても、WOFF化やサブセットフォントの提供など、協議会として直接行うか、協議会メンバーのフォントベンダー各社にビジネスとしてやっていただくかも含めて、具体的な方策を検討しているところだ。 ちょうどいい機会なので、MJ明朝体フォントの使用許諾契約書の成立の経緯と、ついでに、フォントの知的所有権を巡るず〜っと以前のぼくの経験を書き記しておきたい。 そう考えて、経緯
とあるコンビニに貼ってあった還付金詐欺のポスターは『騙されている方は自分が騙されているという自覚がない』事を見越したスマートなやり方だった
コンビニATMの横に貼ってあったポスターは、自分が詐欺に遭っている事に気付いていない人を水際で食い止めるのにスマートな方法でした。 大島紫尾 @cmbvolvo コンビニATMの横に貼ってあったのだが、これ「騙されている方は自分が騙されているという自覚が無い」ことを見越していてスマートなやり方だと思う。 pic.twitter.com/Ei5Vg0TL2g 2021-06-04 22:08:50
こんにちは！ドイツに住んでる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/… 2024-02-05 15:56:30
みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？ 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より
聖剣伝説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
もっとも注目された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.
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などを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
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
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 アイコンを
POPなポイントを3行で 『シドニアの騎士』などに登場する「東亜重工」のフォント 老舗フォント制作会社のイワタとコラボ 漫画家・弐瓶勉が開発、今秋発売 漫画家・弐瓶勉さんが原案／監修を担当したフォント「東亜重工」が今秋に発売される。 弐瓶勉さんの代表作である『シドニアの騎士』、『BLAME!』『BIOMEGA』などの作中に共通して登場する巨大企業として読者にはおなじみの東亜重工。 それをフォントとして具現化させたのは、創業百年を迎える老舗フォント制作会社・株式会社イワタだ。 英数字、ひらがな、カタカナ、漢字およそ7700字を収録した東亜重工製フォントは、個人利用のほか、商用利用も可能になる予定。発売は2020年秋。 弐瓶勉作品には欠かせない東亜重工 現在、最新作『人形の国』を連載中の弐瓶勉さん。その代表作品に必ずと言っていい頻度で登場する、架空の重工業企業が東亜重工だ。 東亜重工は、新刊の
2023年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、今年個人的に一番気に入ったフォントから。 無料版で使ってみたらいい感じだったので、有料版を購入しました。 かもめ明朝 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 築地二号系で昭和初期に作られたであろう金属活字にインスパイアされて作成されたフォント。ひらがな・カタカナ・約物、漢字は4文字だけ収録されています。 フリーフォントのダウンロードは、サイドバーの「無料ダウンロード」から。 202
プログラミング用フォントとUIデザインのどちらにも使える！ 美しさと読みやすさを兼ね備えたフォント「Martian Mono」
Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。 ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリのUIデザインにも適しています。 Martian Mono -GitHub Martian Monoは、Martian Grotesk（myfonts.com）の等幅バージョンで、Groteskのすべての利点を継承しつつ、コード用とデザイン用に制作されたフォントです。 ライセンスはSIL Open Font License 1.1で、商用プロジェクトでも無料で使用できます。
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は、レスポンシブ対応にする時
こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を切り出して公開しました。 ほかのサービスや技術と何が違うの？ 技術書をマークアップテキストで書くプラットフォームとしては、Re:VIEW、Vivliostyleなどがありますが、FlightBooksは「出版やDTPに関する知識がなくても印刷所にだしたい」というエンジニア諸氏のために開発されました。 「商業印刷」にどこまで向き合うか ご家庭のプリンタに印刷を指示すると、ファイルの情報がプリンタドライバに送信され、そこでインクの出し方を制御するためのデー
最近ではモダンブラウザをターゲットにした場合、リセット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の使いにくいところを具体的に挙げると、ざっと以下のような感じ。 サポートするならこの辺を優先的にサポートしてくれればいいのに。 ・エクスプローラでファイルをコピーすると遅い ドライブ内の移動でさえ遅い。わざとウエイト入れてるんじゃないか
更新日:1月11日21時32分
中国人を悩ませるレアな名字の文字コード問題
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 中国では、2023年8月1日に強制力のある国家標準規格「GB 18030-2022」（信息技術中文編碼字符集）が施行される。中国で「強制」という言葉が出ると「また締め付けが強化される」と反射的に考えてしまうかもしれないが、これは文字コードの標準規格を新たに導入するという話だ。珍しい名字などに使われ、既存の文字コードに未登録の漢字に対応しようというものになる。 中国の面積は日本の国土の約25倍で、約14億人の人口を擁している。一部の地域限定で使われている漢字や、少数民族の固有名詞でのみ用いられている漢字もある。文字コードに含まれない漢字を使っている人は約6000万人もいるそうだ。例えば、山東省青島市郊外にシュイユー村という地元ではまあまあ
おまえはもう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
おでんマンwithたわ神 @ugaidensetu サッポロ一番の謎すぎる「切り胡麻」フォント、メーカーにもなんでここだけフォント違うのか理由を把握してる人居ないって記事見て温かい気持ちになっている。 pic.twitter.com/U0MimlNcyx 2024-03-17 10:17:13
元々の「貂明朝」は、明朝体の新しいスタイルとして2017年にリリースされている。翌年には貂明朝をベースに、長文でも読みやすいフォントとして「貂明朝テキスト」をリリースした。そして今年登場した「貂明朝アンチック」は、マンガのセリフに特化した新フォントとして3たびのリリースとなった。 なぜマンガ専用のフォントが必要なのか。その理由を明らかにしてみたい。
以前に 劇薬の The New CSS Reset という記事を書き、その中で「UAスタイルシートを理解していれば、どんなCSSリセットも使える」と言いました。 ただ改めてUAスタイルシートの事を検索にかけても「ブラウザのデフォルトのスタイルシートです」で終わる記事が多く、これでUAスタイルシートを理解しろというのは無理な話です。 そこで後進のために、UAスタイルシートとは何なのか？ UAスタイルシートとリセットCSSの付き合い方を文章として残しておきます。 UAスタイルシートとは？ UAスタイルシートとは、User Agent Style Sheet の略で、webブラウザがデフォルトで持っているスタイルシートのことです。これは、HTML要素をどのように表示するか、振る舞いを持たせるかを定義したものです。 スタイルシートの種類と階層 スタイルシートといっても、いくつかあります。 多くのド
似鳥鶏 『育休刑事』角川文庫版発売中！ @nitadorikei 誇示脱字のチェックは校正さんの仕事の一部でしかなく、実際には「資料ではこの年のこの日は曇っていたようですが月が見えてもよろしいですか？」とか「シリーズ○巻で主人公はこれを持っていないという発言をしていますが」とか、そちらの方にびびることが多いのですが、これはシンプルに凄い……。 twitter.com/nitadorikei/st… 2023-07-11 15:06:13
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が光ったら成功"
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル] ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードルが低く、とても使いやすくなっています。まだ使ったことがない人や便利なプラグインをもっと知りたいという方にオススメの記事です。 Figmaプラグインの使い方 Figmaのプラグインを見つけるにはFigmaコミュニティが便利です。Figmaアプリのホーム画面の「コミュニティ」ボタンから、Figmaコミュニティへアクセスしましょう。 プルダウンから「プラグイン」を選択すると、コミュニティに公開されているプラグインの検索が可能です。 プラグインアイコンの右下のマークで、対応している
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacでWindows版Steamを使用する方法(無料のWineskinServer) - Qiita
清く正しく「サービス共通ヘッダ・フッタ」を実装する - LIFULL Creators Blog
Excelから游ゴシック体を徹底的に駆逐する Part3 - えくせるちゅんちゅん
CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック
alacritty+tmuxもいいけど、weztermがすごい件
まんがタイムきららの「写植」を読む――吹き出しにみる漫画書体の使い分け｜いなにわうどん
IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会
多言語対応のゲームUI注意点覚え書き - デザイナー脂肪
ベタ組とツメ組。日本語の文字の並べ方を押さえよう｜モリサワ note編集部
CSSの数学関数min()、max()、clamp()の基本的な使い方
現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ
2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ
『シドニアの騎士』弐瓶勉監修のフォント「東亜重工」爆誕 今秋発売
2023年も新しいフリーフォントがたくさんリリースされました！ 2023年、日本語の新作フリーフォントのまとめ
Google、古いガラケーの白黒絵文字をオマージュした「Noto Emoji」フォントを発表／収録文字数は3,663で可変フォントもあり。ライセンスは縛りの緩い「OFL 1.1」
Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita
CSSのデフォルトとして記述しておくと便利、img要素に設定するスタイルのまとめ
Windows10についてコメントをくれたIT屋さんにお礼
「ツョッピソグ」「御会計はスッタフにお声かけ下さい」惜しい日本語が続々集まる
「パッケージ担当した父に聞いたところ、直感的どストレートな理由でした」サッポロ一番の「切り胡麻」フォントの謎が判明
「な、なんだってーーーーー!!?」のひみつ マンガに「専用フォント」が必要な理由
UAスタイルシートとリセットCSSとは - 2023 - kojika17
校正さんから修正箇所が返ってきたが、神がかった指摘をされて驚いた「これに気付けるの！？」
Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*
Webデザインに悩まない、心をつかむ最新サイト30選まとめ
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選 - ICS MEDIA