How we use Web Components at GitHub
EngineeringHow we use Web Components at GitHubAt GitHub, we pride ourselves on delivering a first-class developer experience. A considerable part of our work is on our front end, which we strive to keep as lightweight, fast,… At GitHub, we pride ourselves on delivering a first-class developer experience. A considerable part of our work is on our front end, which we strive to keep as lightweight, f
GitHub - Agamnentzar/ag-psd: Javascript library for reading and writing PSD files
Does not support reading Indexed, CMYK, Multichannel, Duotone and LAB color modes (all supported color modes are converted to RGB mode when reading) Does not support writing any color modes other than RGB Does not support 16 bits per channel Does not support The Large Document Format (8BPB/PSB) Does not support color palettes Does not support animations Does not support patterns (or "Pattern Overl
「ぷよぷよ」のプログラミング教材、セガが無料提供 “ぷよ”の移動や色指定でゲーム制作体験
セガは6月25日、対戦アクションパズルゲーム「ぷよぷよ」のソースコードを使ったプログラミング教材「ぷよぷよプログラミング」を、26日から無料で提供すると発表した。 ぷよぷよプログラミングは、Webシステムの開発を手掛けるアシアル（東京都文京区）のプログラミング学習ツール「Monaca Education」上で使える教材。インターネット環境があればOSの種類に関係なくWebブラウザから操作できる。 利用者は、HTML5やJavaScriptで書かれたソースコードを書き写し、ぷよぷよのプレイ画面を確認しながらコーディングを学ぶ。「ぷよ」を左右に移動させたり、消したりできる他、ぷよの色や数を変更できる。 関連記事 セガ、手のひらに収まる携帯ゲーム機「ゲームギアミクロ」発売決定 「ガセですか？」「セガです」 セガは6月3日、小型携帯ゲーム機「ゲームギアミクロ」を発売すると発表した。セガグループの里
Web Share API
Web Share API W3C Recommendation 30 May 2023 More details about this document This version: https://www.w3.org/TR/2023/REC-web-share-20230530/ Latest published version: https://www.w3.org/TR/web-share/ Latest editor's draft:https://w3c.github.io/web-share/ History: https://www.w3.org/standards/history/web-share Commit history Test suite:https://wpt.live/web-share/ Implementation report: https://w3
Fluor.js
on("click", "button", addClass("wobble", "h1")) on("animationend", "h1", removeClass("wobble")) What is it?Fluor.js is a tiny JavaScript library that provides you with a high-level language to easily add interactions and effects to your websites. It is great for prototypes, UI and UX research and for all websites that do not require the cumbersome machinery of a full-fledged framework. It is inspi
Optimize Largest Contentful Paint | Articles | web.dev
These times are guidelines, not strict rules. If your pages' LCP times are consistently 2.5 seconds or less, then it doesn't really matter what the breakdown looks like. However, if your delay categories are unnecessarily long, you'll have trouble reaching the 2.5 second target. We recommend thinking about the LCP time breakdown as follows: The vast majority of the LCP time must be spent loading t
The HTML presentation framework | reveal.js
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
Demo: prefers-reduced-motion media query
Reduced Motion Demos for WebKit blog post: Responsive Design for Motion To test these, enable the "Reduce Motion" setting. iOS: Settings > General > Accessibility > Reduce Motion macOS: System Preferences > Accessibility > Display > Reduce Motion Xcode Accessibility Inspector: Settings > Reduce Motion (see video demo) Example 1: Using CSS to modify an interaction transition-property On hover/focus
高等な型 | TypeScript 日本語ハンドブック | js STUDIO
交差型(Intersection Types) 共用体型(Union Types) 型の保護と型の識別(Type Guards and Differentiating Types) Nullの型(Nullable types) 型のエイリアス(Type Aliases) 文字列リテラル型(String Literal Types) 判別共用体(Discriminated Unions) 多様性のthisの型(Polymorphic this types) 交差型(Intersection Types) 交差型(intersection type)は複数の型を1つに連結したものです。 これは既存の型を統合し、必要とする機能を全て備えた1つの型を得ることを可能にしてくれます。 例えば、Person & Serializable & Loggableは、PersonとSerializableとL
FullScreen Slider
Section1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Section2 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Section3 Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim jus
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses Download: PDF | epub Overview: This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019. It is s
nanoJS - Minimal standalone JS library for DOM manipulation
nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining. Because is so small and simple you can add or remove methods directly in the library, meaning is very customizable. All methods are unrelated so removing one will not affect the library in any way (except each method). Use this library as starting p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - sveltejs/svelte: Cybernetically enhanced web apps
GitHub - johanholmerin/style9: CSS-in-JS compiler inspired by Meta's stylex
PixiJS v4
How Can You Use the Web Share API?
Most Recommended JavaScript Learning Resources
Web標準でつくるガラケーサイト
Machine learning in the browser with TensorFlow.js
Redirecting to https://dinerojs.com/