鵜田良江🎗 Yoshie Uda @hexenkurs きのう、ドイツの方から、この文字、本当に読めるんですか？と訊かれて、読めますよ、と返事をしたら、めっちゃ驚かれたのですが、日本語話者のみなさま、読めますよね？ すこし不自然ではあるけれど。 twitter.com/Computeum/stat… Computeum @Computeum Liebe @hexenkurs eine Frage, kann man diese auf 5x5 pixel verdichtete Schrift wirklich lesen bzw. sich den Inhalt zusammenreimen? pic.twitter.com/cLanm5KmXR 鵜田良江🎗 Yoshie Uda @hexenkurs 独日英日翻訳『ベルリン 1928-1933』『第三帝国のバンカー』『少女が見た19
エンジニアのためのFigma超入門
エンジニアがFigmaを学ぶ利点 ブラウザ上で共同編集ができるなどの理由から、最近では観測範囲内の多くの企業がFigmaをメインのデザインツールとして採用しています。 一般的にフロントエンドエンジニアはデザイナーがFigma上で作成したデザインファイルを元に実装を進めると思いますが、ここでエンジニア側にもFigmaの知識がある程度あればより円滑かつスピーディにUIの実装が行えるのではないかと考えています。 具体的には、エンジニアにFigmaの知識があることで以下のような利点があります。 デザイナーの意図を汲み取ることができる デザイナーと共通言語で話せる 実装の観点からデザイナーにFigmaの修正依頼ができる ↑の打ち返しを待たずに自分で軽微な修正ができる というわけで、今回はエンジニア目線で実装への応用を交えながらFigmaの基礎知識を解説していきたいと思います。 スタイル Figmaで
NTT Tech Conferenceは、NTTグループのエンジニアたちが一堂に会し、NTTグループ内外のエンジニアたちと技術交流を行うためのカンファレンスです。ここで、細田氏が「PDFのコピペが文字化けするのはなぜか？〜CID/GIDと原ノ味フォント〜」をテーマに話します。まずは文字化けが起こってしまう原因について。 原ノ味フォントの作成者 細田真道氏（以下、細田）：細田です。ふだんはNTTグループのどこかでDXな仕事をしていますが、今日はぜんぜん仕事とは関係なく、個人的にやっているオープンソースなどの話をしたいと思います。よろしくお願いします。 簡単に自己紹介をします。楽譜を作成するプログラム「LilyPond」のコミッターと、GNUの公式文書フォーマット「Texinfo」のコミッターをしています。あとで話しますが、「原ノ味フォント」を作っていて、すごく似たような名前で「原ノ町」という
当社社員が翻訳協力した「ChatGPTのセキュリティへの影響」が公開されました | NTTデータ先端技術株式会社
一般社団法人 日本クラウドセキュリティアライアンス（以下：CSAジャパン）にて、「ChatGPTのセキュリティへの影響」が公開されました。 CSAジャパンは、Cloud Security Alliance（以下：CSA）の日本法人で、日本のクラウドセキュリティの向上を目的とし、クラウドのセキュリティに関する啓発・情報発信等の活動を行う任意団体です。 「ChatGPTのセキュリティへの影響」は、CSAが公開している「Security Implications of ChatGPT」の日本語訳で、ChatGPTのような大規模な言語モデルがサイバーセキュリティ産業の未来をどのように形作るかを包括的に理解することを目的としています。 原本である「Security Implications of ChatGPT」の日本語化において、当社サイバーセキュリティ事業本部 石井 英男が、翻訳メンバーの一員と
マンガ向けフリーフォントのざっくりまとめ
アカツキユウ🌙🥼📕 @akatsuki_yu 「フリーフォントまとめ」だと情報量が膨大過ぎて、何を使ったらいいのか分からないので、マンガ向けピックアップください！ とﾌｫﾛﾜｯｻﾝにお願いされたのでちょこっと書きます なお私のフリーフォントの最強まとめはこちらです、コリスさんの coliss.com/articles/freeb… 2020-07-09 12:34:28 リンク コリス 2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 個人でも商用でも無料利用できる、日本語のフリーフォント699種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無 1314 users 1237
はちえん。坂田誠 @nyattta 【お絵描きAI】 今回は絵じゃなくて、ロゴとかフォントデザインもすげーよ特集！いきます。 これはAIダリ先生にお願いした、架空のパン屋さん「パンダ」のロゴ。 なにこれ、可愛すぎる😆 微修正して、即採用できるやつ。 pic.twitter.com/bQ8OC3V6Yy
あおぼし -GitHub Aoboshi One -Google Fonts 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 Copperplate Gothicのような文字の太さが均一でセリフのある和文書体を目指してつくられたかなフォント。ひらがな・カタカナ・英数記号文字・ラテン文字が収録されています。 フリーフォントのダウンロードはページ上部の「Download Family」から、またはGitHubの「Code- Download Zip」から。 つきみ丸ゴかな -GitHub Tsukimi Rounded -Google Fonts 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 東京築地活版製造所の3号かなの骨格にインスパイアされたかなフォント。筆の動きを残した丸ゴシックで、縦組みにぴったりです。ひらがな・カタカナ・一部の記号文字が収録されています。 フ
インターネット上ではさまざまなフォントが配布されていますが、何となく使用したいフォントのイメージはあるものの正式名称がわからなかったり、フワッとしたイメージしかなくてどうやって検索すればいいかわからなかったりといったケースはよくあるもの。そんなフォント選びに困った場合に役立つ、書体やイメージワードから300個の日本語フリーフォントを絞り込み検索できるサイトが「モジザイ」です。 モジザイ https://www.mojizai.com/ モジザイを開くとこんな感じ。 モジザイでは「書体から検索」と「イメージワードから検索」があり、それぞれ表示されているタグを選択することでフォントの検索ができます。試しに「明朝体」をクリック。 スクロールすると、明朝体のフォントが絞り込まれて表示されました。記事作成時点では、モジザイでは362種類のフォントへのリンクが含まれており、そのうち明朝体は31件ヒット
「うまいラーメンショップうまい」みたいに書きたい
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：餃子、ウミウシになる（デジタルリマスター版）
1,500種類以上のアイコンが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。 オープンソースで個人でも商用でも無料で利用できます。また、SVGアイコンとアイコンフォントで利用できるので、サイズやカラーの変更はCSSでできます。アイコンはリスト、固定幅、アニメーションにも対応しており、かなり便利だと思います。 Boxicons Boxicons -GitHub Boxiconsの特徴 Boxiconsの使い方 Boxiconsを実際に使ってみた Boxiconsの特徴 Boxiconsはオープンソースのプロジェクトで、1,500+種類のSVGアイコン・アイコンフォントが簡単に利用できます。シンプルなデザインは、さまざまなWebサイトやスマホアプリにぴったりです。 けっこう前にも紹介しましたが、アップデートされ続け、アイコンの種類や機能がだいぶ
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：チーズには動詞がつきがち
この記事では、Google Fontsで使える日本語フリーフォントをまとめてご紹介します。 Google Fontsには現在、64の日本語書体が提供されており、すべてのウェイトを合わせると、132フォントが商用OK＆完全無料となっています。 フォント選択の幅が広がるWebフォントを利用して、ウェブサイトのデザインをグッと良くしてみませんか。 Adobe CCの日本語フォントと、漢字も使える日本語フリーフォントも一緒に活用してみると良いでしょう。
皮肉記号 - Wikipedia
皮肉記号（ひにくきごう、英語: irony punctuation）とは、文章中で皮肉（irony）や嫌味（sarcasm）の意味合いを表現するために使用することが提案された各種の約物である。本項目では、約物以外の表現法も含めた、文章中で皮肉の意味合いを表現する各種の方法についても説明する。 皮肉を表す文章には、疑問符(?)や感嘆符(!)のような、皮肉表現であることを示す標準的な方法がなく、いくつかの形式が提案されている。それらの中で、最も古く、最もよく使われるのは、1580年代にイギリスの印刷職人ヘンリー・デンハム（英語版）によって提案されたパーコンテーション・ポイント（percontation point）と、19世紀にベルギーの新聞出版者マルセリン・ジョバール（英語版）とフランスの詩人アルカンタ・デ・ブラーム（ポルトガル語版）によって使用されたアイロニー・マーク（irony mark
ハイエンドなグラフィックボードだけでなく、1万円以下のローエンドグラフィックボード「Radeon RX 550」も4K出力をサポートするなど、高解像度なディスプレイ環境はますます構築しやすくなっています。プログラマーのNikita Prokopov氏は、「今こそモニターをアップグレードする時だ」と、低解像度なモニターを使っている人に対し、高解像度モニターへの買い替えをすすめています。 Time to upgrade your monitor @ tonsky.me https://tonsky.me/blog/monitors/ Prokopov氏はプログラマーであるため、「きれいに文字を表示する」ことに特化したモニター環境の最適化を行っており、正確な色表現や色域はあまり気にしていないとのこと。Prokopov氏がTwitterでアンケートを行ったところ、およそ43％の回答者が150dpi
CSS Flexboxの基礎となる考え方や構造、各プロパティの使い方を一通り学べるチュートリアルを紹介します。チュートリアルはステップ形式で、簡単なものから始まるので独学の人、そして初心者にもオススメです！ 30日分のチュートリアルですが、1日分は3分くらいなので、正味1,2時間でCSS Flexboxをマスターできると思います。 Flexbox30 -GitHub by Samantha Ming 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1日目: Flexboxとは Flexboxの前は、レイアウトをするためにfloatを主に使用していました。CSSのデベロッパーは、floatは古い方法で限界があり、フラストレーションが貯まることをよく知っています。 しかし、現在は違います！ レスポンシブ対応の柔軟なレイアウトはもちろ
It will convey our messages in a single, consistent tone.
Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 筑波大学落合研究室の研究チームが開発した「Goshuin 2.0: Construction of the World’s Largest Goshuin Dataset and Automatic Generation System of Goshuin with Neural Style Transfer」（御朱印2.0）は、テキストから御朱印を自動生成する学習ベースのシステムだ。訓練用のデータセットは、寺社1000カ所以上を訪問し取得した御朱印を基に大規模にデータ化した。 御朱印とは、日本の神社やお寺に参拝した証として集められるものだ。御朱印はおおむね、印章と寺社の名称や本尊／祭神の
リコーがフォントに関するWebセミナーをやるので「知ってる話かなー」と思いつつ聞いたらフォントに関わる全員が知っておくべき内容だった
あかね @akane_neko リコーが「あなたの知らないフォントの世界」ってWebセミナーやるよというので聴講したのだけど 事前に聞いていた内容が - 3つに大別される、フォントの種類 - 用途で異なる、フォントライセンス - 少しだけご紹介、フォントの知識 だったので「うん知ってる話かなー」と思いつつ聞いたら（続 2022-09-29 17:14:41
海外旅行とピクニック、あとビールが好き。なで肩が過ぎるので、サラリーマンのくせに側頭部と肩で受話器をホールドするやつができない。 前の記事：「非常用持ち出し袋」は旅行気分で用意しよう ＞ 個人サイト つるんとしている 深遠なる中華炒めの世界 おれが以前から秘かに興味を持っている語学といえば、アラスカ先住民文字、エスペラント語、宜蘭クレオール、ゲール語、モンゴル文字など、日常生活で役に立つ場面がきわめて少ない（趣味性の高い）言葉ばかり。それらと比較すれば、10億人が話す中国語を勉強すれば圧倒的な実益が見込めるだろう。 特に「料理分野」なら、最近は日本の街中でも生身の中国語に触れる機会がそれなりにある。池袋や西川口は日本人向けにアレンジされていない中華料理屋＝「ガチ中華」の街として有名だけど、いま全国的にこうした全力投球の中華料理が体験できる街が注目されつつあるからだ。 おれが住む大阪の場合は
Rich Mikan @richmikan コミケに来てた外国人とポケトークで話して気づいた問題点はサークルスペース番号だった 翻訳機でも「ヨ46aです」は訳せない ローマ字では平仮名・片仮名の区別ができず、これも使えない 館内に掲示してある文字も無力。仮に目的地が「ヒ」で、「ハ」の掲示が見えても彼らは近くに来たと気づけない Rich Mikan @richmikan I noticed a significant problem with Comic Market. That is "KANA," which are the Japanese alphabets, are used to identify exhibitor locations. Foreigners who don't know Japanese can't read them. And, they also don'
Google Fontsからちょっと面白いフォントがリリース！ 商用利用無料、折れ線グラフや棒データを描くためのフリーフォント
折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介します。 Linefont | Wavefont フォントのライセンスはSIL Open Font Licenseで、個人でも商用プロジェクトでも無料で利用できます。 まずは、Linefont。 Linefontは中小規模の折れ線グラフ（時系列など）を描画するためのフォントです。値は0～100の範囲でさまざまな文字に割り当てられます。範囲、値、ウェイトはWavefontと互換性があり、視覚的な一貫性を維持しながらフォントを交換できます。
S @BLTplz フォントマニアなら知っている、無印のイメージを作っていると言っても過言ではないモリサワの「ゴシックMB101」。商品のラベルに使われてるアレ。最近、違うフォントが紛れ込んできてて、ちょっと嫌。 無印は商品だけじゃなくて、店頭POPやラベルにも最近迷いを感じる。ちょっと危険って感じてる。 pic.twitter.com/YpNNO9hGyb 2024-01-07 15:02:18
モリサワ OpenTypeフォントの共同開発で株式会社写研と合意 | ニュース&プレスリリース | 企業情報
株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25、以下モリサワ）は、 株式会社写研（代表取締役社長：笠原義隆 本社：東京都豊島区南大塚2-26-13、以下写研）の保有する書体を、両社共同でOpenTypeフォントとして開発することに合意しました。 写研の書体は、幅広いバリエーションと洗練されたデザインが特徴で、専用のシステムを通じて多くの媒体で利用されています。この度のOpenTypeフォント開発を通じ、より幅広い用途でご利用いただけるよう両社で取り組みます。 フォントは2024年より順次リリースする予定です。2024年は、写研の創業者である石井茂吉氏とモリサワの創業者である森澤信夫が、写真の原理で文字を現して組む邦文写真植字機の特許を、1924年に共同で申請して100周年の節目にあたります。 今回の取組みについて両社の代表は次のように述べています。 株式会
紙幣ダサいについて
ブコメを見ていて驚いたのが、「ダサい」という表現を使っている人があまりにも多いことだった。 言語化能力が高いと思われる人たちが多いと思っていたが、「ダサい」の一言で断じておしまい。 ポジティブな感想ならともかく、その雑な処理は「キモい」で済ませるまとめ主と大差ないだろう。むしろ俺はどちらかと言えば感情に素直でより個人的な「キモい」の表現の方が好感が持てる。「ダサい」はより俯瞰して客観的な視点を気取っている分、タチが悪い点だけブクマカらしいかもしれない。 せめてどうダサく、それがどう致命的なのか、ダサさがもたらす弊害には触れるのが最低限の礼儀だろう。 「100字で書くには狭すぎる」とか言いそうだが、それなら無言でブクマすればいい。プロの仕事に「〜それはともかくダサい」などとインスタントな暴言で溜飲を下げる、非対称性がこそが猛烈にダサいことに気が付くことはないのだろう。 「ダサい」とは何だろう
CSSでよく使用する単位といえば、px, em, remをはじめ、最近ではvh, vwなどだと思います。特にレスポンシブ対応のレイアウト・コンポーネントを実装する時には、ビューポート相対単位のvh, vwが非常に便利です。 CSSはメディアクエリの登場で進化したように、コンテナクエリの登場でさらに進化しようとしています。新しい単位「コンテナ単位（qh, qw）」は、コンテナのサイズをベースにする相対単位です。 コンテナ単位を使用すると、下記のようにコンテナの幅をベースにした値でfont-sizeを定義したり、同一ページ内で異なる幅のカラム（コンテンツとサイドバー、2カラムと3カラム）に同じコンポーネントやテキストを異なるサイズで配置したり、異なる幅のカラムでスペースの量を変えたりできます。 ビューポート単位では、同一ページだとビューポートの基準値は同じなので、こういうことはできません。 C
マンガや同人誌にぴったりなフリーフォント「GL-ノバンチカ源」 濁点・半濁点つきの仮名、小書き仮名、記号文字が盛りだくさん！
マンガ・同人誌向けのアンチック体フォントはたくさんあります。今回紹介する「GL-ノバンチカ源」はアンチゴチとしての読みやすさはもちろん、セリフや擬音・擬態語に使用する濁点・半濁点つきのひらがな・カタカナ、小書き仮名も揃っており、こんなにも仮名や記号文字が揃っているフォントはないと思います。小書きの「ん」や「ー」の濁点なども揃っています。 オープンソースなので、個人でも商用でも完全に無料で利用できます。しかも、改変や組み込みもOKの太っ腹ライセンス！ GL-ノバンチカ源 -GitHub 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」のダウンロード 「GL-ノバンチカ源」を使ってみた 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」は、「GL-アンチック」「GL-オとマのペ」などマンガ・同人誌向けのフリーフォントや「GL-築地初号などを多数リリースされているGutenberg Lag
自作 OSS のためのロゴを作る | micnncim
著名 OSS にあって自作 OSS に無いものの一つにロゴがあります。 OSS において README の出来不出来はユーザへのリーチを高める重要な要素であり、詳細な Description や GIF によるデモはもちろん、ロゴがあればより魅力的な README になるでしょう。 また、SNS でシェアされる際もロゴがあればより良いでしょう。 はじめにソフトウェアエンジニアの多くはデザイナーではないためロゴを作るコストは低くなく、テキストだけ作るのであればまだ簡単ですが、自作アイコンを作ることはかなりの労力を要することでしょう。 僕も同様で、デザイナーではないため、結論として非デザイナーでも出来る戦略を考えることになりました。 今回は、micnncim 流の、出来るだけ低コストで低くないクオリティの OSS のためのロゴの作成方法について解説します。 慣れれば上の画像のようなロゴが 5
うすば【主事】 @ajakatuki @lilia_lia_ff14 県庁勤務ですがガチですね、、、。 入庁2ヶ月経った今でもたまに年月日を半角で入れてしまって、決裁おりないことがあります😔 2022-06-04 06:30:47
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
商用・個人利用を問わずロゴやポスターに使えるTrueType形式のフリーフォントです。 直線のみで構成され、ぎっしり詰まっているのが特徴です。かなりクセのある文字ですので、本文に使用すると非常に読みづらくなると思います。 英数字・ひらがな・カタカナ・一部の記号・小学六年生までに習う＋αの漢字が収録されています。 最近の更新◆2023.12.24 version 0.92beta 配布 ◇次の文字の字形を変更しました。 航 ◆2023.12.21 version 0.91beta 配布 ◇次の文字の字形を変更しました。 船願
今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y
大阪に初めて行ってきた
駅とか街歩いてるだけで、デザインセンスが皆無だけどわかりやすくていいなーと思った 新大阪とかでもめちゃめちゃ観光地への導線がはっきり書いてある 「ユニバ行く人はこっち、通天閣行く人はこっち」みたいな 全部デカ文字のゴシック体とか視認性の高い文字で 通天閣も初めて行ったけど、遠目で見て笑っちゃった 通天閣にクソデカゴシックで「通天閣」って書いてあるんだぜ スカイツリーに「スカイツリー」ってデカデカと書いてあったらダサいだろ しかも有名観光地なのに周辺がマジでドヤ街みたいな感じでなんか治安悪そうだった なんやかんやで楽しかったけどな。たこ焼き食べたし そんで東京帰ってきたら、一気に駅とか街での案内の貧弱さが気になった どこにエレベーターがあるかとか、地下鉄の入り口があるとか、全然わからん デザインばっかり重視して人に優しくない 実際大阪は人も気さくで親切だった お国柄というか、西と東でこんなに
英語の力で開く！A+な未来の扉A+ ⇒ A plus ⇒ aplus(アプラス)は、 福井県鯖江市にある英語教室。 ひとみ先生の熱い想いが伝わると良いな。 The midterm exam is coming soon! もうすぐ中間テストですね☆ えいごハウス aplus 代表 中橋仁美です🍎 中学１年生にとっては、初めての定期テストとなる 今回の中間テスト。 特に「英語」に関しては、 初めて成績がつく本格的なテストを受けることとなります！ 毎年、中学生の１学期中間テストで気を張るのが 「アルファベットブロック体の書き方」 福井県鯖江市内の中学校では大変厳しい採点基準で 塾での指導にも気をつかいます。 私が、板書やプリントのコメント等で書くアルファベットを 生徒が見て、 「先生！その書き方ダメって学校で言われました！」 とか、 採点され返ってきた答案用紙の減点を見て、 学校の採点基準の
ふぉるて @omoti1090 文脈とかに依存してる可能性もある説 例えば｢字｣って漢字も文章があって成り立ってるけど単体で見たら｢宇｣って字にも見える でもこれすごい興味深い twitter.com/izuminosub/sta…
これでUIデザイン用のSVGアイコンに困らない！ 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。1,700種類以上のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォー
UDデジタル教科書体のバリエーション
Windows10 以降のWindowsに標準搭載されるようになった「UDデジタル教科書体」というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。 だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Word でバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。 UD デジタル 教科書体 N-B UD デジタル 教科書体 NK-B UD デジタル 教科書体 NK-R UD デジタル 教科書体 NP-B UD デジタル 教科書体 NP-R UD デジタル 教科書体 N-R フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。書体名和文欧文ウエイトUD デジタル 教科書体 N-R等幅等幅標準UD デジ
全部、完全に商用利用無料！ UIデザインに適した400種類以上のSVG・Figma用も揃ったシンプルでかわいいアイコン素材 -Doodle Icons
アイコン用のグリッドを使用して手描きされた、ちょっとラフなかわいい感じにデザインされたアイコン素材を紹介します。 15のカテゴリに、400種類以上のアイコンがセットになっており、個人でも商用プロジェクトでも完全に無料で使用できます。フォーマットは.png, .svg, .figが揃っているのも便利ですね。 Doodle Icons -Khushmeen Doodle Iconsの特徴 Doodle Iconsのダウンロード Doodle Iconsの特徴 Doodle Iconsは、イラストレーターでアニメーターでもある@khushmeensidhu氏による、手描きのアイコン素材です。 アイコングリッドを使用して、手描きされたアイコン 15のカテゴリに、400種類以上のアイコン 個人でも商用プロジェクトでも無料で利用できます 帰属は必要ありません アイコンのフォーマットは、.png, .s
clamp(下限, デザインファイル上のサイズ / アートボードの横幅 * 100vw, 上限); 例） 横幅375pxのアートボード上で30pxの文字 font-size: clamp(24px, 30 / 375 * 100vw, 30px) 例） 横幅1440pxのアートボード上で650pxの画像 width: clamp(0px, 650 / 1440 * 100vw, 650px) clampという見慣れない関数を使っています。後ほど詳しく説明します。 デモ このデモでは文字と画像部分に上記のサイズ調整を施しています。 解説 上記の計算式でやろうとしているのは、どの画面幅になっても比率を維持することです。比率が維持できているのなら画面幅が大きかろうが小さかろうが絶対に崩れません。 そこで比率が維持される計算式を考えます。画面幅に対してどのくらいか、が計算できれば良いですね。 よっ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドイツ人に「この文字本当に読めるの？」と聞かれた画像、日本語話者なら不思議と読めるはず
PDFをコピペするとなぜ“文字化け”が起きてしまうのか 変換テーブル“ToUnicode CMap”が原因だった
AIで世界の巨匠にロゴデザインを発注したら、とんでもないデザインばかりが…
朗報！ Google Fontsにかわいい日本語フォントが大量に追加されました -2023年5月
無料でダウンロードできるフォントを書体や見た目のイメージから検索できる「モジザイ」
こいつ、動くぞ！ 商用利用無料、シンプルにデザインされたSVGもフォントも揃った高品質なアイコン -Boxicons
80年代の丸文字を思い出して震える :: デイリーポータルZ
【商用OK】Google Fontsで使えるオススメ日本語フリーフォント32個まとめ
日本語プログラミングフォント「PlemolJP」v1.0.0が公開／全角空白を可視化するなどの工夫を凝らす
今すぐやるべき「ディスプレイの設定」と「4K以上の高解像度ディスプレイ」に買い替えたほうがいい理由
独学の人でも大丈夫！CSS Flexboxの使い方を基礎から学べるチュートリアル
Hello Mercari Sans | メルカリデザイン
テキストから御朱印を自動生成するシステム、筑波大が開発 寺社1000カ所以上から御朱印収集、データ化
「炒」「爆」「炸」…中華料理のメニューで使われる漢字を学ぶ
コミケに来てた外国人と翻訳機で話してたら、日本のコミケの意外な問題点に気がついた「盲点だった」「確かに難しい」
無印ファンは違和感？「無印良品」のイメージを作っていたフォントが一部変更に…デザインから読み解く時代とブランド哲学
CSSの新しい単位がすごく便利！コンテナベースの相対単位「コンテナ単位（qw, qh）」の基礎知識と使い方
役所の文書には全角と半角を混ぜて書く謎ルールがあるらしい→ちゃんと歴史や理由があった
フロントエンド開発のための Figma
ぎっしりフォント - ちば けいすけ - BOOTH
font-familyについて本気で考えてみた - Qiita
プログラミング向けフォント「白源」 ～英文の「Hack」と日本語の「源柔ゴシック」を合成／全角スペースの可視化や判別しづらい文字を区別しやすくするの独自の調整も【レビュー】
『アルファベットブロック体書き方指導の現状』
これどうです? 画像を見て何が書いてあるか分かるかどうかで盛り上がる人々「何で読めるのか不思議」
レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法
l.smartnews.com
tonarinoyj.jp
momouy.livedoor.blog
news.yahoo.co.jp
hochi.news
b.hatena.ne.jp