Web開発リーディングリスト#141:jQuery 3、Chillout.js、およびテクノロジーが社会を形作る方法
公開: 2022-03-10Web開発リーディングリストの「GoingBeyond」セクションの記事がまったく見つからない週があります。 そして、このような週があります。そこでは、私たちが新しいテクノロジーとどのように共存し、これが私たちの社会をどのように形作っているかについて多くを明らかにする2つの素晴らしい作品が現れます。
たくさんの優れた技術記事とともに、次の2週間あなたを離れるのに最適な方法です。 来週は休暇で休むので、来週の金曜日には要約がありませんのでご注意ください。
SmashingMagの詳細:
- アイコンを使用してWebデザインのコンテンツをサポートする方法
- 優れたユーザーエクスペリエンスの一部としてのアイコン
- アイコンデザインを改善するための6つの簡単なステップ
- より良いアイコンデザインへの簡単なステップ
ニュース
- Opera 38(およびChromium 51)は、多くの新しいES6機能をもたらします。反復可能な配列のようなDOMインターフェイス、パッシブイベントリスナー、およびDOM内の特定の要素が表示されているビューポートに出入りするタイミングを追跡するIntersection ObserverAPIです。
- Firefox47がリリースされました。 Service Workerのデバッグ、
::backdrop
background疑似要素のサポート、mp4のEMEによるWidevine Content Decryption、CSS属性セレクターの大文字と小文字を区別しない修飾子i
([foo=bar i]
など)も追加されています。 - 最後に、数か月待った後、GitHubはgithub.ioユーザーページの公式および完全なHTTPSサポートを発表しました。 HTTPS自体はすでにかなり前から機能していますが、CDNからオリジンサーバーへのトラフィックはこれまで暗号化されていませんでした。 アップデートにより、完全に暗号化されたサイトを楽しむことができるようになりました。 ただし、最新のブラウザでページを壊さないように、混合コンテンツに注意してください。
- WebKitのWebインスペクターにメモリデバッグが含まれるようになりました。 発表の投稿では、アプリケーションでそれをどのように利用できるかを共有しています。
ジャンプした後もっと! 以下を読み続けてください↓


全般的
- Maximiliano Firtmanは、iOS固有のメタタグを無責任に使用すると、多くのユーザーのWebサイトが破壊される可能性があると書いています。
ツールとワークフロー
- Firebug。 Firefoxのネイティブ開発者ツールに置き換えられたツールですが、それでも開発者の間で広く受け入れられています。 ただし、Firefoxがe10s(マルチプロセスFirefox)に切り替わると、拡張機能は機能しなくなり、その作成者は、新しい拡張機能としても移植しないことを発表しました。 代わりに、ネイティブ開発ツールにFirebugテーマを提供し、それらを改善することに焦点を当てます。
- Andrey Okonetchnikovは、現在ステージングされているすべてのファイルをgitでリントできる新しいツール
lint-staged
stagedを発表しました。 - Cloud Fourは昨日、パターンライブラリとスタイルガイドを生成するためのツールであるDrizzleを発表しました。
安全
- LinkedIn、MySpace、Tumblr、Twitterでの最近のパスワード漏洩により、古いパスワードを忘れがちであることが再び明らかになりました。 これは、パスワードが認証にあまり役立たないためです。特に、何か間違ったことをする可能性のある2つの関係者(パスワードを保存しているサービスプロバイダーと、パスワードを選択するユーザー)が関係しているためです。 Drew Thomasは、認証を改善する方法について詳しく説明しています。 コメントセクションで素晴らしい会話ができる便利な記事。
JavaScript
- Chillout.jsは、Promiseベースのインターフェイスを持つ非同期反復関数を提供することにより、JavaScriptのCPU使用率を削減します。 ブラウザに「警告:スクリプトが応答しません」というアラートが表示されなくなりました。
- Firefoxのコンソールは、JavaScriptエラーに対してより役立つように努めています。 判断できる場合は、コンソールにMDN(Mozilla Developer Network)へのリンクが追加され、エラーに関する詳細情報が取得されます。
- jQuery3.0がついにリリースされました。 すでに2014年以降の作業では、v1およびv2よりもスリムで、高速で、最新のアプローチを提供するため、これは大きな一歩です。 利用可能な広範なアップグレードガイドと、jQuery移行プラグインの新しいバージョンがあります。
- Jack Franklinが、JavaScriptを「純粋」にすることが重要である理由を説明します。 関数を作成するために最も簡単な方法を使用することがよくありますが、これらのアプローチはテストシナリオで失敗することがよくあります。 しかし、それらは単純な追加によって回避できます。
- Getifyによる「Promises:All The Wrong Ways」は、Promisesの一般的なアプローチを示し、より良い方法を明確にしています。 Promisesを扱っているすべての人にとって読む価値があります。
CSS / Sass
- Shaun Bentは、BBCSportが9KB未満のファイルサイズでコアCSSを提供する方法について書いています。 彼らの開発の原則と私たちが多くを学ぶことができる製品戦略を共有する素晴らしい詳細な物語。
超えて…
- 新しいタイプのメディア消費が私たちの社会を形作っているという証拠がありますが、私たちはそれについて考えるのを忘れがちなので、それがどのように起こるのかわかりません。 現在、現実が退屈または退屈になった場合、私たちの電話は、現実が私たちに与えるものよりも、より楽しく、より生産的で、さらに教育的なものを提供します。 しかし、それはまた私たちの内面を変えます。 特に退屈で不快なときは、現実に対する忍耐力はますます少なくなります。 「危機に瀕しているのは私たちのエージェンシーです。 私たちが生きたいと思う人生を生き、私たちが選びたい方法を選択し、テクノロジーを通じて他の人と私たちが関係したい方法で関係する私たちの能力。 これは設計上の問題であり、個人的な責任の問題ではありません。」
- 「私たちが自分のアイデンティティを簡単に提供する理由はたくさんあります。 検索に関する限り、私たちは自分自身を欠落している情報のクラスターと見なすのに慣れていません。 そして、私たちは、私たちのすべての欲求によって、私たちが簡単に否定的に定義される可能性があることを理解するのに苦労しています。 […]私たちのデジタルテクノロジーは、プライバシーの欠如についてリラックスできるように設計されています。」 —ルチアーノ・フロリディのエッセイ「自己達成的予言」。

それで、今週は締めくくります。 私が毎週書いているものが気に入ったら、寄付で私をサポートするか、このリソースを他の人と共有してください。 プロジェクトの費用について詳しくは、こちらをご覧ください。 電子メール、RSS、およびオンラインで入手できます。