私は良い気持ちが好きです 新鮮な 書体。デザイン自体のように、タイプのデザインにはトレンドがあり、特にうまく明確にすることができず、古いものから新鮮なタイプの外観を感じることができると感じています。それはおそらくアマチュアの考え方であり、世界で最もファンシーなデザイナーがおそらくキャリア全体を1つの書体を使用し、私の気まぐれな魂をoldったと確信しています。しかし、何でも。私は絶えず変化するペプシのロゴであり、変化することのないコカコーラのロゴにかかっています。

Saikrishna Vanneldasは、記事のいくつかの新しいフォントを切り上げるのに良い仕事をしました Poppins&Interに飽きて、2023年の新しい新鮮なSans-Serifがあります。それらはすべて無料 /オープンソースなので、それは素晴らしいことです。私たち全員がタイプにお金を払うべきだとは思わないということではありません(すべての状況がそれを求めるわけではありません)。

GoogleフォントのJakarata sans
Googleフォントのマンロープ

CSSの「ビューポートユニット」(例: vwdvhvmaxなど)与えられた方向の「ブラウザウィンドウの1%」に基本的に要約されていますか?うまくいけば、あなたは私たちが現在コンテナユニットを持っていることを知っていることを願っています(全面的にサポートされています)非常に似ていますが、与えられた方向の「最も近い容器の1%」。

長年にわたって流体タイプのアイデアを実装することに興味があれば、その多くはビューポートユニットとクランプ()で行われ、さまざまなサイズの画面にわたって流体タイプのサイジングを実現しながら、最小サイズと最大サイズを極端に抑えています。

コンテナユニットをこのストーリーの一部にすることを考える価値があります。そのコンテナのほとんどにとってはかなり明確です クエリ そのサイズに基づいて要素をスタイリングする最良の方法です。しかし、それはサイジングタイプのようなもので直接的に役立ちません。容器 ユニット 確かにそうします。

このようなものと同じくらい簡単かもしれません:

.card {
  container: card / inline-size;
  ...

  h2 {
    font-size: clamp(1.4rem, 1rem + 5cqi, 4rem);
  }
}
例ペン

私は使用しています cqi ここでは、「インライン方向のコンテナユニット」のように考えることができ、一般的に使用されるコンテナユニットになると思います。

Stephanie Ecklesには、これに関する最高のディープダイブ記事があります コンテナクエリユニットと流動的なタイポグラフィ。 Stephanieは、このすべてのための適切なシステムのセットアップをカバーし、フォールバックなどを使用します。


Webページとしてオンラインで本を公開するつもりだったとします。本、暗示する本 たくさん テキストの。それを100,000語と呼んでください。あなたはその経験について考える必要があります。それぞれが個々のURLを使用したブログ投稿のようになり、リンクされた方法でそれらを進めることができるように、まともな長さの章がありますか?スクロールするだけの巨大なシングルHTMLページ全体を作りますか?たぶん古い学校のクールに行きます turn.jsのようなライブラリを使用します 壮大なskeuomorphicページを作るには??

(当然、あります ページターニングのクールな例の束 Codepenで。)

正しい答えはありませんが、最近いくつかの良い例を見ました:

  1. ロビン・スローン 電子書籍テンプレートパーフェクトエディション Horizo​​ntal Scroll-Snappingを使用して、ほとんどの現代の電子書籍リーダーが私にどのように見えるか/仕事である本の読書体験を作成します。
  2. マットマーキス ‘ Webデザイナー向けのJavaScript By By By By Apartは無料でオンラインで公開されており、非常に上品なパギン化ブログポストの外観を持っています。
  3. ジェレミー・キースの 回復力のあるWebデザイン オフラインで動作します(一度そこに行ったと仮定します)、これはいい感じです。
パーフェクトエディション

Elliot Jay Stocksには、新しいポッドキャストがあります こんにちは、友達を入力してください! これは私にとって簡単な購読です。エリオットは、オーディオがそれを吸うので、彼らはショーでタイポグラフィの視覚的なニュアンスに入らないと言いますが、関係者全員がタイプの人になるので、私にとって楽しいですね。ジェシカ・ヒシェと一緒に最初のものを楽しんだ。


このことが呼ばれています Emoji Kitchen それはあなたを可能にします 組み合わせる 一緒に絵文字:

しかし、それを使用するために、それは焼き付けられています gboard、あらゆる種類のランダムな機能を備えたキーボードの交換(AndroidとiOSではクールですが、iOSで動作します)。 彼らは今ページを持っています これにより、Webから組み合わせをブラウザすることができます。

UIは最初は私に混乱を招くスミッジでした。上から1つを選択し、その中央のパネルがそれができる組み合わせを示しているだけです。 2つのランダムな絵文字を選んで、何が起こるかを見ることができません。まだ超クールです。

おもしろいのは、絵文字キッチンは1歳しか経っておらず、それがどのように機能するのか本当に言っていないのに、AIが搭載されていると思いませんか?もし彼らがこれらを手でやったなら、私は彼らがおそらく今ではないだろうと思います、ちょうど1年後。 Facebookはです AIでステッカーを作成します これは本当にこれとはそれほど違いはありません。 疑わしいものを作ることができます


ランダムな周期的なリマインダー 可変フォントは素晴らしいです、今回は、何年もの間その角をなだめてきたジェイソン・パンテルから。 fixel 非常に素敵な新しいものです。たまたま変数フォントを使用しているが、ファイルサイズを少し心配している場合は、それを知ってください アプリがあります 使用していない軸を削除するには、かなり大きな節約があります。

フラッグシティパートナーズ海外不動産投資セミナー 【DMM FX】入金

Source link