フォントサイズをレスポンシブ対応で変化させるには通常、スクリーンのサイズごとに数種類のフォントサイズを用意していると思います。 CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポート幅(vw)に対して自動で変化させるテクニックを紹介します。
こんにちは、中塚と申します。 今回の記事では、私が先日参加したKaggle Days x Z by HP World Championship (以降、Kaggle Days Championship) について紹介します。ただし、どれくらいCompetitionの内容に触れていいのかが不明なので、今回はタスクや解法の詳細には触れませんのでご理解願います。 私はチームで参加しましたが、チームメンバに恵まれたこともあり、上海開催ではPublic (暫定順位) 11位 / Private (最終順位) 14位、ニューデリー開催ではPublic 4位 / Private 3位でした!各開催のいずれかで3位以内に入ると、バルセロナのオフラインでの最終開催への参加権を得ることができるので、私はスペインへ行くことができそうです。 Kaggle Days Championshipとは? Kaggle D
私、実はINGRESSのエージェントです(緑チーム)。 INGRESSのエージェントってBIOカード作ったりグッズを作ったりクリエイティブな人が多いですね。 INGRESSのロゴのフォントはAmarilloUSAFという書体なんですが、この雰囲気に合うような和字を作ろうと思って出来たのがこの書体です。 AmarilloUSAF=“アマリロ(テキサス州の一都市)のアメリカ空軍”っていう意味だと思うんですが、じゃあ日本だったら軍事基地は横須賀かなあと勝手に思って命名しました。ちょうど作り始めたころINGRESSのイベントが横須賀でやっていたし。 あとブロックっていうのは、こういう背番号で使われるような書体をブロックフォントというみたいなので付けています。 英語等を収録していませんのでAmarilloUSAFによく似たexotic agentというフリーフォントとの混植をお勧めします。 2018
フォントワークス株式会社は、株式会社集英社が1955年より発行する少女まんが雑誌「りぼん」の創刊65周年を記念して始動する、「りぼん」創刊65周年プロジェクト【りぼんのりぼん】に参画し、「りぼんふぉんと」の制作を行いました。 「りぼんふぉんと」について フォントワークスは、「り」「ぼ」「ん」の文字から、五十音のひらがなを作り出す取り組みに参画しました。まず、ロゴをもとに、文字のルールを構築。そして、濁音・半濁音も含めた書体へと展開し、89文字の書体を制作いたしました。 本取り組みでは、「のらもじ発見プロジェクト」などで知られるアートディレクターの下浜臨太郎さんと共に企画内容を詰め、完成に至りました。 この「りぼんふぉんと」を使ったLINE絵文字が、2020年3月上旬より配信されます。 「りぼん」創刊65周年プロジェクト【りぼんのりぼん】について 「りぼん」創刊65周年プロジェクト【りぼんの
Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを劇的に軽減できる機能があります。 パラメーターで使用する文字のみフォントファイルを読み込め、これによりフォントファイルのサイズを大幅に削減できます。 タイトルや見出しのみにGoogle Fontsを使いたい時にぴったりです。 Google Fonts -Optimizing your font requests Google Chromeのエンジニア マネージャーであるAddy Osmani氏によると、CSSファイルにパラメーターを付けるだけで簡単にできる、とのことです。 日本語フォントにも対応しています! Tip: Shave up to 90% off the size
こんにちは。デザイナーの飯山です。私たちシナップには、新しい情報と技術の収集と積極的な実践を行うR&Dチームが2チームあります。 そして私が所属するR&Dチームでは現在、社内でのiOSアプリ開発に取り組んでいます。 こうした取組みは定期的に社内勉強会を開き、チームに所属しない他のメンバーに知見の共有を行っているのですが、先日行った社内勉強会では、これまでの取組みを踏まえ、技術面とデザイン面、2つのテーマに分けてこれまでに学習してきた内容をメンバーへ紹介しました。 そこで今回のブログでは、デザイン面の発表内容からR&Dチームによるアプリ開発事例から学ぶ「iOSアプリのデフォルトUI」をお届けします。 iOSアプリの構造まず、iOSアプリの画面は、Viewの集まりとView Controllerでできています。Viewとは機能を見せる部分のこと。 それと、View Controllerという機
iOS 13からカスタムフォントが利用可能に iOS 13およびiPadOS 13では カスタムフォント が利用可能になりました。 先日Adobe Creative Cloudアプリがカスタムフォントに対応しました。1,300種類のフォントが無料で使え、Create Cloudプラン加入者は17,000種類ものフォントが使えるようになっています。これらのカスタムフォントには日本語のカスタムフォントも含まれているため、国内での利用用途もより広がっています。 iOS 13/iPadOSで無料のAdobeフォント1300種類が利用可能に - Engadget 日本版 本記事では、Adobe Creative Cloudで提供されているカスタムフォントを通して、カスタムフォントの利用方法について解説します。 カスタムフォントの基礎 カスタムフォントは、ざっくりまとめると以下のような機能です。 カス
『活着』に関する過去記事を探していたら、こんな懐かしい文章を見つけました。 しかしブログを引っ越ししてテーマを変更したせいで、ずいぶん見た目が変わっています。日本語と中国語の混在するページのフォントがぐちゃぐちゃ。 余华《活着》 | Mandarin Note 三毛の短編とかビジネス書は読んでましたが、小説を夢中になって一気に読み終えるという体験はこの作品が初めてでした。… 気持ち悪いので直すことにしました。ちゃんと直っていればいいのですが。 正しい簡体字が表示できない問題について、詳しくは清原文代先生のブログをご覧くださいませ。 ブログ開設、中国語フォントをCSSで指定する – 清原的博客 清原的博客 職場のサーバに置いているブログが、セキュリティ強化のための措置とシステム更新のため、どうもこのまま置いておけなくなりそうなので、思いきって自分でレンタルサーバを借りてWordPressで作
『自由の翼フォント』とは TVアニメ『進撃の巨人』第二期オープニングテーマで使用されている書体を真似て作ったフォントです。 とても自由なライセンスを提供してくださっているフォントM+ FONTSを元に、オープニングで使用されている漢字174文字、その他68文字、計242文字をデザインのベースとして作成した二次創作フォントです。 ※ 『押出Mゴシック』で使用したM+FONTSは現在公開されている新バージョンのM+FONTSではなく、旧バージョンのM+FONTSです。旧バージョンについてはInternet Archive上の旧公開サイト(https://web.archive.org/web/20231109002608/https://mplus-fonts.osdn.jp/)で確認できます。 収録文字 収録文字は英数(62文字)・ひらがな(83文字)・カタカナ(86文字)、漢字(第一水準ま
自由なライセンス Koruri は、Open Sans と OSDN 版の M+ 1p から合成された 日本語 TrueType フォント です。 英数字混じりの文章や、コンピューターソフトウェアのユーザーインターフェース上における可読性を重視して作成されており、 Open Sans が採用している Apache License 2.0 に基づいて提供されます。 使用や再配布を自由に行うことができ、印刷物やデザインへの使用は(商用も含めて)もちろん、ソフトウェア、ゲームなどへの組み込み(ライセンス文書 (LICENSE) のコピーを添付していれば、フォントデータそのものを同梱しても問題ありません!)にも特別な許可は必要ありません。 Web サイトで使用するために最適化された Koruri が必要な場合は、下記をご確認ください。 Web フォント関連(非公式) 以下で提供されるものは作者によ
コンテンツへスキップ フォントのライセンスについて SEVENBAR sheer bold SEVENBAR bold SEVENBAR
報告が遅くなりましたが、紙とペンで書いた文字から作った手書きフォントが完成しました。 デザインポケットさんのページで先日から販売を開始しています。 花とちょうちょのコンセプト 写真やイラストにちょっと添えるような気軽な手書き文字が欲しいな~と思って作り始めました。 原稿用紙の文字のようなまっすぐな文字ではなく、店頭POPなどななめに書き込みをしたようなレイアウトで自由に使うことを想定しました。例えば商品写真と文字とが、花とちょうちょのような関係になるイメージです。 かしこまり過ぎず、子供っぽくなりすぎないような、店員さんがおすすめを書くような街によくある自然な書き文字を目指しています。 制作記録 普通の手書き文字にしたかったので画用紙にペンで書きました。動きをつけたかったので枠を用意せず、右上がりに少しスピードをつけてささっと書いています。 画用紙はM画用紙 16切(197×272mm)を
フォントの名前は「Mercari Sans」 なぜメルカリがオリジナルフォントを作ったか?1. ブランドイメージの統一を図る 2. 売れるフォント(つまりCVR向上につながる)を作る 3. より「メルカリらしさ」を出す Mercari Sansに込めた2つの願い1. 一貫したメルカリらしさを出す 2. 年単位先まで考えたデザインへの投資 メルカリらしいフォントとは?メルカリは商品・お金を扱うサービスとして、 TRUST(安心・信頼) × OPEN(公平・親しみやすさ) を大切にしている。 この2つのキーワードを体現するフォントを作ることを目指した。 どうやってメルカリらしさを出したのか? 最初はロゴをベースにデザインした。 しかしそれだと、長い文字を組むことを考えた場合、角丸があることにより、引っ掛かりがないイメージとなる気がした(写真1番上のフォント)。 その後、先端を少し立たせたフォン
🎰 Slot Online, 🎯 Casino Online, ⚽️ Judi Bola, 🎱 Togel Online Daftar Situs Judi Slot Online Gacor Resmi Mudah Menang Maxwin Terbaru Para penggemar permainan judi, baik judi versi lawas ataupun versi online memang semakin bertambah. Salah satu faktor yang menyebabkan terjadinya hal tersebut adalah kemudahan dalam mengakses situs judi online. Selain itu, sekarang ini kita dapat dengan mudah menemu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く