Browser compatibility A primary reason so many CSS features are set to cooperatively release is due to the efforts of Interop 2022. Before studying the Interop efforts, it's important to look at Compat 2021’s efforts. Compat 2021 The goals for 2021, driven by developer feedback via surveys, were to stabilize current features, improve the test suite and increase passing scores of browsers for five

大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使

去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。 これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。 〜 神noteとは？〜 新しい視点や気づきを与えてくれて、デザイナーに限らず、全ての人の学びになるような、非常に有益なまるで神様のように有難い存在のnoteのこと。1、SNS時代のマーケティングフレームワーク「DRESS」とは？ 〜 DRESSとは？〜 ・Discovery(発見) ・Response(反応、共感) ・Experience(体験) ・Story(物語化) ・Share(共有) 2、「Amazonのプライムビデオが難しい」とい

This cheat sheet is an adjunct to our Definitive TypeScript Guide. Originally published November 2018.

おまめLIGのデザイナー兼フォトグラファー。LIGでは主に記事のアイキャッチや記事内画像、バナーや背景ジャックの制作を担当。フリーでフォトグラファーもしており、マルチに活躍。なんでも挑戦の精神でいつもバイタリティに溢れている素敵なクリエイター。 Twitter まずはじめに：自分のカメラを理解しよう まずは自分のカメラのセンサーサイズとレンズの種類を知ることからスタートです。⾃分の持っているカメラ・レンズの特徴について知ることで、利点を⽣かす構図や⽋点を補う撮影⼿法を考えることができます。 カメラのセンサーサイズを知る センサーサイズとは、デジタルカメラに内蔵されている『光をキャッチして画像を作り出す、イメージセンサー』の種類や大きさを示したもので、センサーサイズが大きくなればなるほど画質は良くなります。 また、のちほど説明するF値やISO感度といった設定が同じ場合でも、センサーサイズによ

こんにちは！ デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 デザイナーになる前は独学で写真を勉強して、フリーランスフォトグラファーをしてました。仕事は絶対断らない精神だったので、ウエディングやファッション撮影、メディア撮影、宣材やCM、MV撮影など幅広く撮影していました。 学校に行ったわけでも、師匠がいたわけでもない。最初は周りでカメラ持ってる人もいない状態で、何もわからなかった私でしたが、資料を集めまくって、とにかく撮りまくることで、座学だけで勉強するより爆速で成長できたと思っています。また、自分に才能があったわけではなく、同じような流れで勉強すれば誰でも2ヶ月以内に基礎的な撮影はできると確信してます。 実際にLIGで「スパルタ撮影ブートキャンプ」というカメラ講座を行い、カメラを触ったことがない人でも、撮影ができるようになりました。今回は、撮影ブートキャ

こんにちは。ZOZOTOWN部フロントエンドチームの菊地（@hiro0218）です。 2021年3月、ZOZOTOWNは10年ぶりのリニューアルをしました。この記事では、そのリニューアルで再考したCSS設計について紹介します。 背景 今回のリニューアルでは、ウェブとアプリが部分的に共通のデザインになりました。 アプリ ウェブ このデザイン刷新には、CSSの大規模変更が必要です。チーム内で検討を重ね、最終的に、大きく書き換えるのであればコンポーネント駆動開発1ができるようにCSS設計を見直すべきという結論に至りました。 CSS設計で特別に考慮する点 現在、ZOZOTOWNのフロントエンドは、「Classic ASP」から「React」へのリプレイスを進めています。新規開発や変更のタイミングで、Classic ASPに依存した実装をReactへ改修します。 ただ、今回のリニューアルではClas

I’ve written about the death of Internet Explorer before over on CSS Tricks and A List Apart, perhaps prematurely, but we’ve finally reached a tipping point. The majority of popular JavaScript frameworks have already dropped support: Vue 3 Preact 11 Angular 13 Ember 4 Ionic, a library of UI components Marko, the Javascript framework from Ebay AMP from Google SolidJS (a more recent JS framework) Re

10 GitHub repositories to become a better JavaScript Developer With the introduction of libraries and Frameworks like ReactJS, VueJS, Angular, SvelteJS and much more and the runtime environments like Node.js and Deno the demand for JavaScript Developers has exploded. From seed startups to the big tech companies, everyone is using JavaScript in one or the other form. Be it a library like ReactJS or

フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5

The event loop is the secret behind JavaScript’s asynchronous programming. JS executes all operations on a single thread, but using a few smart data structures, gives us the illusion of multi-threading. The asynchronous behavior is not part of the JavaScript language itself, rather it is built on top of the core JavaScript language in the browser (or the programming environment) and accessed throu