今年の私の毎週のダイジェスト.
このウィークリーダイジェストは興味深いと刺激記事、ビデオ、つぶやき、ポッドキャスト、私は今週中に消費するデザインの多くが含まれています.

面白い記事を読む

より良いパン粉の設計

Designing Better Breadcrumbs - Smashing Magazine

ブラウザのエキサイティングな時間

これは確かにエキサイティングな時間は、Web上での作業をするには、新しい機能のためのブラウザのサポートに沿って稲妻高速ペースで動いている!
CSS { In Real Life } | Exciting Times for Browsers (and CSS)

私が今週見たいくつかのすばらしいビデオ

アンタイベルと流体タイポグラフィとレイアウト

CSSを使用して、一貫性のある、柔軟にスケーリングするタイポグラフィとスペーシングを作成する方法を学びます.アンディは、我々のウェブサイトが一貫していて、あらゆるスクリーンサイズで大きく見えるように、我々にいくつかの大きな技術を示します.
そば

リクエストハンドラの構造化

このレシピでは、あなたのリクエストハンドラーを構造化するためのベストプラクティスについて学びます.
そば

テストとライブラリを学ぶ

Viterestは、VUE、反応、およびsvelteのための驚くべき高速ユニットテストテストフレームワークです.このビデオでは、erikはどのようにそれをセットアップするか、いくつかのテストを作成する方法について説明します、そして、それのいくつかのクールな特徴は、ソーステストとMSWによるモッキング応答で含みます.
そば

DAPEEがやって来る.世界を変えるAIイメージジェネレータ

OpenAIは、DPACE 2と呼ばれるGPT - 3に基づくイメージモデルに新しいAIテキストを発表しました.これは、ユニークなイメージや芸術作品の前に見たことがないテキストの説明を回すことが可能です.
そば

有用なgithubリポジトリ

ウェブヘルパー

自己ホストのGoogleフォントに煩わしくない方法.eot , ttf , svg , woff , woff 2ファイルを取得する

マジョード / ウェブヘルパー

自己ホストのGoogleフォントに煩わしくない方法。eot , ttf , svg , woff , woff 2ファイルを取得する

ウェブヘルパー

A Hassle-Free Way to Self-Host Google Fonts

あなたが直接ダウンロードしたいなら、このサービスは便利かもしれません.eot , .woff , .woff2 , .svg , .ttf ファイルのファイルをUser-Agent GoogleのCSS APIで最高のフォーマットを決定します.さらに、それはcharsetカスタマイズとCSSスニペットを提供します、したがって、ローカルホスティングのためにあなたのフォントを準備させることは最終的に微風でなければなりません.

試してみてください：HerokuにホストされているGoogle WebFontヘルパー

REST API

APIはパブリックですが、直接それを使用して自由に感じる.

フォントを取得

すべてのフォントの一覧を返します.例えばcurl https://google-webfonts-helper.herokuapp.com/api/fonts :
{
"id ": "オープン・サン"
「家族」:「開いたSans」.
"variant ": "300 ", "300 italic ", "regular ", "italic ", "600 ", "600 italic ", "700 ", "700 italic ".
View on GitHub

GHダッシュ

GLのCLIの拡張子は、prsと問題のダッシュボードを表示するには-美しいUIで設定可能です.

DLVHDR / GHダッシュ

GLのCLIの拡張子は、prsと問題のダッシュボードを表示するには-美しいUIで設定可能です。

GHダッシュ

✨ ギタブgh ) CLI拡張子は、あなたが気にかけるフィルタによって引く要求と問題でダッシュボードを表示します.

インストール

インストールgh CLI -を参照してくださいinstallation
インストールには、拡張をサポートするGithub CLIの最小バージョン(2.0.0)が必要です.

この拡張モジュールをインストールします
拡張モジュールのインストール

アイコンを正しくレンダリングする必要がありますhttps://www.nerdfonts.com/
次に、フォントを端末のフォントとして選択します.

手動でのインストール

If you want to install this extension manually, follow these steps:

クローンレポ
懸行
Gitクローンhttps://github.com/dlvhdr/gh-dash
チェンギタブクリト
GHレポクローンDLVHDR/GHダッシュ

CDに入れる
GHダッシュ

ローカルインストール
拡張モジュール.

🌈 どのように、私はこれらの正確な色とフォントを得ますか?

I'm using Alacritty with the tokyonight theme and the Fira Code Nerd Font For my full setup check…

View on GitHub

ドリブルショット

電子商取引アプリ

アリHusniによって

タスク管理アプリケーションのUIデザイン

そばRifat Sarkar

電気スケートボード

そばRylic Studio

つぶやき

アダムアーガイル

ラベル要素を教えることで、チェックボックスをラップしているときに素晴らしいレイアウトのアップグレードを行います.
午前4時46分


ルークホルダー
ルークホルダー

ティルMacOS内蔵の速度テストツールがあります.
01 : 39 AM - 08年4月22日



シュテファンユリ

Webページ領域がアクセスできないようにするための属性である` Inert `は、最終的にウェブに来ます.特定のWebページ領域(別名フォーカストラップ)にフォーカスを維持したい場合に便利です.旗:Mayasafariの旗と出荷の後:技術プレビューで出荷👏
午後14時51分- 2022年4月09日


パウエルグリッザベク

あなたがA - BかB - Aかどうか昇順または降順で物事を整理することを忘れていますか?ちょうど(昇格、A - D)とD(降順、D - A)にパラメータを変更します.このヒントの完全な信用は、RotationSurgeon Redditユーザーになります.
午前8時12分- 2022年6月6日



ビジュアルスタジオコード
コード

1/ローカルファイルの履歴の組み込み📜 これは人気機能リクエストでした!いつでもファイルが保存され、新しいエントリは、“タイムライン”ビューに表示されます.エントリを名前を付けることができます＆それらを比較し、それらを復元したり、削除します.このコマンドを実行するには、"local history : create entry "コマンドを実行します.
午後21時58分

ピンズペン

ボックスの外で「考える」

そば

チェックボックスアニメーション

そば

ポッドキャスト

JSの構文-タイプ？

この早急な扱いでは、スコットとWESはJavaScriptのタイプ構文の提案について話します.

Codepenラジオ－*クリス・ナナー*

今週、クリスは5と話しましたChris Nager !
読んでいただきありがとうございます、来週あなたと話をし、安全に滞在!👋