The State of Frontend 2022
The goal for the State of Frontend is still the same – we want to see the real day-to-day perspective from frontend professionals of all levels and backgrounds. Inside you’ll find answers to which technologies we love to hate but still use, which practices are sacred and which are neglected, and what future people see for themselves and the frontend landscape. We’re excited to see a varied represe
JavaScript Libraries Are Almost Never Updated Once Installed
JavaScript Libraries Are Almost Never Updated Once Installed2020-01-27 Cloudflare helps run CDNJS, a very popular way of including JavaScript and other frontend resources on web pages. With the CDNJS team’s permission we collect anonymized and aggregated data from CDNJS requests which we use to understand how people build on the Internet. Our analysis today is focused on one question: once install
World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation
Following HTML, CSS and JavaScript, WebAssembly becomes the fourth language for the Web which allows code to run in the browser Read testimonials from W3C Members https://www.w3.org/ — 5 December 2019 — The World Wide Web Consortium (W3C) announced today that the WebAssembly Core Specification is now an official web standard, launching a powerful new language for the Web. WebAssembly is a safe, po
Check If Your Native App Is Installed With getInstalledRelatedApps | Web | Google Developers
Is your app installed? getInstalledRelatedApps() will tell you! Stay organized with collections Save and categorize content based on your preferences. The getInstalledRelatedApps() method allows your website to check whether your iOS/Android/desktop app or PWA is installed on a user's device. What is the getInstalledRelatedApps() API? A website using getInstalledRelatedApps() to determine if its A
スマホとPCでビデオ通話できるWebページを作ってみた - Qiita
ブラウザ上でスマホ<->PC間のビデオ通話を試したので、過程等々を記録します。 WebRTCに触れるのは初めてでしたが、SkyWay公式のサンプルコードが最高で、ほとんど手を加えることなく実現できました。 同じ初学者の方が全体感を掴む助けになれば幸いです。 技術要素 WebRTC: ブラウザ上でリアルタイム通信する技術 SkyWay: WebRTCを簡単に使うためのプラットフォーム skyway.js: WebRTCを簡単に使うためのJavascriptライブラリ nginx: Webサーバ ngrok: ローカル環境を簡単に外部公開できるサービス 確認環境 PC: ubuntu18.04.3 LTS (Bionic Beaver) / Chrome 78.0.3904.97 iPhone: 12.4.1 / Safari iPad: 13.1 / Safari android: 7.1.
Get started with Web Bundles | Web Platform | Chrome for Developers
Bundling a full website as a single file and making it shareable opens up new use cases for the web. Imagine a world where you can: Create your own content and distribute it in all sorts of ways without being restricted to the network Share a web app or piece of web content with your friends via Bluetooth or Wi-Fi Direct Carry your site on your own USB or even host it on your own local network The
WWDC18 - Videos - Apple Developer
Collections Accessibility & Inclusion Design Developer Tools Swift SwiftUI & UI Frameworks System Services Platforms iOS macOS tvOS visionOS watchOS Accessibility & Inclusion 40:30 Deliver an Exceptional Accessibility Experience iOS, macOS, tvOS, watchOS Go beyond the basics and create apps with an exceptional accessibility experience. Learn how to design elements that appear in your app for maxim
Playing Beat Saber in the browser with body movements using PoseNet & Tensorflow.js
Playing Beat Saber in the browser with body movements using PoseNet & Tensorflow.js I haven't played many VR games because I don't own gears but one that I tried and loved was Beat Saber. If you're not familiar with it, it is this Tron-looking game where you use your controllers to hit "beats" to the rhythm of a song. It's really a lot of fun but it requires you to have either an HTC Vive, an Ocul
Developers: Get Ready for New SameSite=None; Secure Cookie Settings
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
JS illustrated: The event loop 🔁
Javascript is single threaded, yet, developers can write asynchronous code in Javascript! But how is it possible? The event loop makes it possible! Before we start, lets define the environment in which the event loop operates. We assume that we are dealing with Javascript code that is executed by a browser (not in Node or other environment). Lets meet the heros of our story The call stack The call
Preventing CSRF with the same-site cookie attribute
Cookies are typically sent to third parties in cross origin requests. This can be abused to do CSRF attacks. Recently a new cookie attribute was proposed to disable third-party usage for some cookies, to prevent CSRF attacks. This post will describe the same-site cookie attribute and how it helps against CSRF. Third party cookies When requesting a web page, the web page may load images, scripts an
Securing Web Apps with Modern Platform Features (Google I/O ’19)
Common vulnerabilities such as XSS, CSRF, and others have long plagued the web, accounting for most of the high-risk flaws reported under Google's Vulnerability Reward Program. Learn about the latest web platform security mechanisms to protect your apps from injections and isolate them from dangerous sites. You'll leave with a security checklist for defending your applications with new browser fea
フロントエンドエンジニア御用達の MDN web docs を網羅した
このリストは何？ MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。 なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ？」を軽減もしやすいかなって。 MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられており ある一定の流れに沿って読む ということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。 ですので、初学者でも学習しやすいように MDN web docs 全体の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイボウズWebフロントエンド脱レガシーの今までとこれから
GitHub - shisama/Pulsator-JS: Pulse animation using Web Animations API
W3Cx: HTML5 Apps and Games
Bullet Chatting - TPAC 2019 Breakout Session -- 18 Sep 2019
これからのフロントエンドセキュリティ
SameSite Cookie
Release timeline | Chrome Platform Status