こんにちは、たかとーです。 今日は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を日本で初めて開発
開始即配信停止された #ファイナルソード が陣内智則がエンタでやるゲームすぎると話題に「フォントがポップ体の時点で許せない」
リンク App Store ファイナルソード (MobileEdition) 今までモバイルでは無かったコンソール型オープンワールドARPG 無課金でオープンワールドゲームを始めて下さい! ダウンロード前に下記のiPhone仕様を必ず確認してください。 [ストーリー] 100年前...この国は2人の英雄によって建てられた。 この国の田舎町であるローレル村で主人公の物語が始まる。 ある日のこと、平和なローレル村に突然モンスターが押し入った。 ローレル村の長老さんはきっとその原因を知っているのではないだろうか? 主人公は気がかりだった。 しかし、今の主人公にとって一番大切なことは母親 ろと @rotokunn77 #ファイナルソード のリアルな感想 ・謎の中毒性がある ・新しいエリアの敵の経験値の多さにワクワクしてしまう自分がいる ・BGMがなかったり、1つの効果音が無限に鳴り続けたり鬱に
背景のイラストを上手に描く方法 背景は、世界観を読者に伝えるために重要な役割を果たします。漫画を例にした背景の入れ方と、背景を描くための方法などについて解説します。 ラフスケッチ（ラフ）とは？漫画やイラスト・デザイン制作で役立つラフスケッチの描き方 イラストや漫画で最初のアイデアスケッチや下描き前のスケッチに当たるものがラフスケッチ（ラフ）です。画面全体の構図、物語の進め方やページの割り振り、コマ割りのバランスなどを考えるために役立ちます。漫画やイラスト・デザイン制作で役立つラフスケッチ（ラフ）の描き方を解説します。
2019年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
Web フォントを使って contenteditable から脱出する - LINE ENGINEERING
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは、LINE フロントエンド開発センターの玉田です。突然ですが、本日よりフロントエンド開発に携わる UIT のエンジニアが持ち回りで記事を公開する「UIT 新春 Tech blog」を開催します。 UIT のメンバーが普段の業務で得た知識や、年末年始でたまった知見などを共有していきます。本記事の公開から 1 月 28 日 (金) まで、平日の毎日違うメンバーが記事を公開していきます。ぜひ最後まで見に来てください！ トップバッターは私から、フロントエンドエンジニアを悩ませる contenteditable からの脱却についてです。 contenteditable の呪い みなさんは contenteditable につい
フォントでいろいろなデザイン、表現をしたい人にぴったりなLeon Sansを紹介します。フォントを書くアニメーションだけでなく、さまざまなアニメーション、エフェクト、シェイプを自由に作成でき、インスピレーションが刺激されると思います。 Leon Sansは商用でも無料で利用できます。通常のフォントファイルとは異なり、Webページやスマホアプリに特化されたCanvasベースのフォントです。 Leon Sans Leon Sans -GitHub Leon Sansとは Leon Sansのデモ Leon Sansの使い方 Leon Sansとは Leon Sansは美しいサンセリフ体で、フォントの太さを動的に変更し、HTML5のCanvas要素でアニメーション、エフェクト、シェイプを自由に作成できます。 生まれたばかりの赤ちゃんレオン君を祝うためにフォントをリリースしたそうです。 サイトでは
マキナス マキナス 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
顧客からのちょろちょろインプットを脱却 顧客からのめちゃ太いインプットを通して何を選んでもアウトカムを生み出すプロダクトバックログを実現する/Break free from narrow customer input 2024
よわよわプロダクトバックログアイテムで悩むプロダクト開発チームに向けて、顧客からのインプットを太くすることで、つよつよプロダクトバックログを作り出すための仕組みと構造を解説します。 発表者 https://twitter.com/_N_A_ https://note.com/mryy 関連スライド ■もっとプロダクト組織の問題を学ぶ 「プロダクトマネージャーがプロダクトマネジメントを失敗させる!?」大企業病の罠を乗り越え若々しいチームを実現するぞ https://speakerdeck.com/moriyuya/traps-of-optimization-in-product-management-2024 「私考える人、あなた作業する人」を越えて、プロダクトマネジメントがあたりまえになるチームを明日から実現していく方法 https://speakerdeck.com/moriyuya/p
こんにちは。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
モリサワ 阪神甲子園球場と100周年記念共同プロジェクト 伝統の「甲子園文字」を受け継ぐ『甲子園フォント』制作が決定！ | ニュース&プレスリリース | 企業情報
モリサワ 阪神甲子園球場と100周年記念共同プロジェクト 伝統の「甲子園文字」を受け継ぐ『甲子園フォント』制作が決定！ 株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel:06-6649-2151 代表、以下モリサワ）は、2024年7月24日に、創業者森澤信夫らが「邦文写真植字機」を発明して100周年を迎えます。同じく、阪神電気鉄道株式会社（代表取締役社長：久須 勇介 本社：大阪市福島区）が運営する阪神甲子園球場も、同年8月1日に開場100周年を迎えます。これを記念して、阪神甲子園球場とモリサワは、100周年記念共同プロジェクトとして、同球場のスコアボードで使用してきた伝統の「甲子園文字」を受け継ぎ、『甲子園フォント』として制作、デジタルフォント化することを決定しました。 阪神甲子園球場のスコアボードでは、1983年まで、職人が黒い板に毛筆で手書きをし
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第6弾は、アクセシブルで美しいユーザーインターフェイスを構築するデザインのテクニックです。 UI & UX Micro-Tips: Volume Six. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スマホアプリではタブバーを常に表示する 2. ウェイトを使用するだけで、強調と階層を作ることができます 3. スマホではタップ可能な領域を広くする 4. サイト内のナビゲーションは一貫性のあるものにする 5. コンテンツが豊富なサイトでは検索を目立たせる 6. 適当にフォントサイズを選ぶのではなく Typ
ChatGPT(GPT-4)のAdvanced Data Analysis(旧Code Interpreter)、日本語フォントでグラフや画像、PDFファイルを出力する方法とTwitterの分析
ChatGPT(GPT-4)のAdvanced Data Analysis(旧Code Interpreter)、日本語フォントでグラフや画像、PDFファイルを出力する方法とTwitterの分析 はじめに 先週末にOpenAIの発表があり、ChatGPT(GPT-4)のCode Interpreterという機能が公開されました。内部でPythonが動いており日本語や英語で指示するだけでノーコードでデータの分析などを行うことができる便利なサービスです。 そのままではグラフ描画などで日本語の表示ができないのですが、「日本語フォント表示する方法を見つけ出した」のでこちらの記事でご紹介します。 ※8月29日にCode InterpreterからAdvanced Data Analysisに名称が変更になりましたが記事中ではCode Interpreterのまま記載しております この記事で学べること
ゲーム日本語化の「フォント選び」について翻訳者たちが語る。『Hollow Knight』は古風に、『Blasphemous』は荘厳に - AUTOMATON
ホーム ニュース ゲーム日本語化の「フォント選び」について翻訳者たちが語る。『Hollow Knight』は古風に、『Blasphemous』は荘厳に 海外ゲームの国内展開に必要となる日本語ローカライズは、国内ユーザーのゲーム体験を左右する重要なプロセスだ。今回、ローカライズの工夫のひとつである「フォント選び」の興味深い裏側について、複数の関係者がSNS上で語っている。 ローカライズは「地域化」などとも訳されるように、単に英語テキストを日本語に翻訳するだけの作業ではない。ゲームの持ち味をそのままに、日本国内のユーザーが遊びやすいように、あるいは没入できるように、多岐にわたる調整とクオリティの管理をおこなう工程なのだ。そして、英語などの言語を日本語に翻訳した際に発生するひとつの問題がある。それが「文字の違い」だ。 ゲーム内で表示されるテキストは、主にフォントファイルを利用して表示されている。
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
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がなぜか明朝体で
チャットAIが組み込まれた「新しいBing」に先行利用を申し込んで、3日ほどで使えるようになった。 新しい Bing - 詳細情報 さて、なにを聞いてみようかな。そうだ邪馬台国の場所を聞いてみよう。 いい感じの回答が出てきた。先行しているチャットAIの「ChatGPT」だとどうだろうか。 New chat ChatGPTに邪馬台国の場所を聞くとこんな調子である。 「ChatGPTはもっともらしい嘘をつく」の典型である。しかし人間も知らないことをあえて聞くのは意地悪だった。ChatGPTは聞かれたことに「知らない」と返すと鼻が伸びる奇病にかかっているため（嘘）、作り話をしてでもなにか答えを返そうとする。 新しいBingにまじめなことを聞いてみた。 いいですね。特にウクライナ侵攻や、6日に発生したトルコ・シリアの大地震という最新の情報が盛り込まれているのがよい。ChatGPTは2021年までの
Adobeが1993年にリリースしたPDF(Portable Document Format)ファイルフォーマットは、「印刷レイアウトをそのままに保存できる」「Windows・Mac・LinuxといったOSやPC環境に関係なく閲覧したり印刷したりできる」「セキュリティー設定が可能である」というメリットがあり、広く使われていますが、PDFファイルに記載されるテキストは簡単にコピーできてしまいます。「Human Eyes Only」はPDFファイルのテキストを特殊なフォントに変換して人間にしか読めないようにしてしまう試みで、ベータ版が無料公開されています。 Human Eyes Only https://humaneyesonly.com/ Human Eyes Onlyにアクセスして左側に表示されている英文は、一見すると普通のテキストに見えますが、実は特殊なフォントで表示されています。この英
試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
かわいいVScodeの作り方👁👄👁💗
かわいくないワ...👁👄👁 これではテンション上がりません。コーディングに置いてモチベーションは最も大事な栄養素です。 テーマを変更してモチベを上げていきます。 テーマを変更 illusion お好みのテーマをダウンロードしてテーマを有効にします。 ...いいんじゃない？👁👄👁 まだそこまでかわいくありません。 コーディングにおいて、インデントは最も大事な要素です。そんなに重要なものが光っていないのは怠慢という言葉を禁じ得ません。インデントを光らせていきます。 indent-rainbow 拡張機能を有効にしたらこうなっているはずです。 トーンが暗いわネ...👁👄👁 setting.jsonでハイライトの色を変えていきます。 "indentRainbow.colors": [ "rgba(128, 64, 64, 0.5)", // 1インデント目の色 "rgba(128
デザインの4原則といえば、 「整列ビーム」「近接ホールド」「メリハリパンチ」「反復リピート」です！ Webでも紙のデザインでもこの原則を使うだけで、デザインがぐっとよくなります。 マンガを笑いながら読んでいる間に、デザインの基本がしっかり身についてしまう、新感覚の意識低い系デザイン本を紹介します。 「けっきょく、よはく。（紹介記事）」「ほんとに、フォント。（紹介記事）」、そして先日発売されたばかりの「あたらしい、あしらい。（紹介記事）」のソシム社から、今度は意識低い系のデザイン本が登場です！ 「デザイナーじゃないのに！」と叫んでいる主人公と一緒にデザインを学ぶ楽しいマンガです。しかも、まさかのラブストーリー！
知っておくと便利なCSSの単位: ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 前回はフォントに基づく相対単位でしたが、今回はビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を紹介します。 Relative length units based on the viewport -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: vwとは CSSの単位: vhとは CSSの単位: vbとviとは、ブロックとインライン CSSの単位: lvh, svh, dvhとは ビューポート単位の解説動画
日本語組版の行間の話 in PowerPoint
anond:20210204012040 前書き組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。 なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件（日本語版）』に載っていてタダで読めるよ。 https://www.w3.org/TR/jlreq/ この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。 この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。 これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。 簡単な結論結論を先に書くよ。 単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15p
レスポンシブ対応で、可変の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
こんにちは、デザイナーの花ちゃんです！ かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……！！ 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全米が待ち望んでいた超便利なTailwind CSSツール10選 - Qiita
凸版印刷、明治期から昭和初期の手書き文字を解読するAI-OCRを日本で初めて開発
デザイナーが考える同人誌の表紙デザインと表現方法【タイトルロゴデザイン、レイアウト配置】
2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
これはすごい！形やカラーをアニメーションで変えられる、コードによって作成されたフリーフォント -Leon Sans
【日本語フリーフォントまとめ】プロのデザイナーも使っているおすすめのフリーフォントまとめ
全米が待ち望んでいた超便利なTailwind CSSツールリスト
フォントワークス、手書き文字をAIがフォント化する「AI JIMOJI」の提供を開始／フォントを楽しむ実験仮想都市「MOJICITY」のコンテンツ第1弾
「font-sizeの指定はpxとremどちらを使うべきか？」問題に対する回答
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.6
「新しいBing」の中華フォントを日本語フォントにする - ただいま村
PDFファイルのテキストを人間にしか読めないようにする「Human Eyes Only」
すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
意識低い系デザイン本がついに発売！整列ビーム、近接ホールド、デザインの基本がマンガで分かる -デザイナーじゃないのに！
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
緊急会見に一瞬出たテロップがすごい！フォント界隈がざわつく→業界の人たち「手書きタイトルさんという職種があって…」
「源ノ角ゴシック/Source Han Sans」がバリアブルフォントに ～サイズは1/10以下、可能性は無限大／日本・中国・韓国の65,535グリフをひとまとめ。ウェイトも好みに指定可能
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン
実家に帰ってきたらオカンがめちゃくちゃ独特な字で般若心経を書いてて可愛い「無がすごい」「このフォント欲しいな...」
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
商用や同人誌なんかに使いたい可愛いフォントがたくさん！「めっちゃ欲してた」「沼る」などフォント沼の皆さんが湧き立つ
伝わる図解の作り方～レイアウトや配色のポイントを解説～ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
機械学習で古文書のくずし字を読み取れるアプリ「みを」、正式公開
