GitHub - knadh/autocomp.js: A super tiny Javascript autocomplete / autosuggestions library. Zero dependencies, ~800 bytes min+gzip.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
How we cut 99% of our JavaScript with Qwik + Partytown
Qwik can achieve this performance no matter how large your application gets. The above numbers were achieved with some cool technology including: Pages served with Qwik have less than 1kb of JavaScript to boot.Our homepage only sends HTML for above-the-fold content.Partytown is used to move all third-party scripts to web-worker.This site is created using builder.io’s visual no-code editorQwik scal
日本ã®WEBã«é©å‘½ã‚’ã‚‚ãŸã‚‰ã™ BudouX ã§è‡ªå‹•æ–‡å—組ã¿ã‚’è¡Œã†ã€‚ã—ã‹ã‚‚ã€Web Componentã¨ã—ã¦
WEB 開発ã«ãŠã„ã¦æ—¥æœ¬èªžãŒæŠ±ãˆã‚‹å•é¡Œ 日本語を使ã£ãŸ WEB 開発ã¯å¸¸ã«ã€Œæ”¹è¡Œå•é¡Œã€ã‚’抱ãˆã¦ã„ã¾ã™ã€‚例ãˆã°ã€ðŸ‘‡ ã®æ§˜ã« 記事 ã¨ã„ã†å˜èªžã® 記 㨠事 ã§æ”¹è¡Œã•ã‚Œã¦ã„ãŸã‚‰èªã¿ã«ãã„ã§ã™ã€‚ 見ãŸç›®é‡è¦–ã® WEB サイトã ã¨ã€ã€Œã“ã®æ”¹è¡Œã‚’手動ã§ç¾Žã—ã見ãˆã‚‹ã‚ˆã†ã«ä¿®æ£ã—ã¦æ¬²ã—ã„。〠ã¨ã„ã†å£°ã‚‚無視ã§ãã¾ã›ã‚“。 ã„ã‚ゆる「文å—組ã¿ã€ã§ã™ã€‚例ãˆã°ã€ðŸ‘‡ ã®æ§˜ã«æ”¹è¡Œã‚’入れã¦ã‚„ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã¯è§£æ±ºã«ãªã£ã¦ã„ã¾ã›ã‚“。ãªãœãªã‚‰ã€WEB ブラウザ ã®å¹…ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯å¤‰ã™ã‚‹ã‹ã‚‰ã§ã™ã€‚ã¡ã‚‡ã£ã¨ç”»é¢å¹…ã‚’ç‹ã‚ã‚‹ã ã‘㧠👇 ã®æ§˜ã«å´©å£Šã—ã¾ã™ã€‚ ã“ã‚Œã«å¯¾å¿œã™ã‚‹ãŸã‚ã«ã¯ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’ãã—ã—ã¦ç”»é¢å¹…ã«å¿œã˜ãŸ<br>タグを仕込むã‹ã€æ”¹è¡Œã—ãŸããªã„æ–‡å—列を手書ãã§<span style="display:inline-block;"></span>ã§å›²ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚👇 ã®æ§˜ã«... <span
Splide - アクセシビリティã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
アクセシビリティã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã»ã‹ã®ãƒ©ã‚¤ãƒ–ラリã«ä¾å˜ã›ãšã€Lighthouseã®ã‚¨ãƒ©ãƒ¼ã‚‚ã‚ã‚Šã¾ã›ã‚“。
Testing Frameworks for Javascript | Write, Run, Debug | Cypress
design-system assets cypress e2eAuthentication.cy.ts src componentsButton.cy.tsxButton.tsx describe('Auth', () => { it('user should be able to log in', () => { cy.visit('/') // open the login modal cy.get('button').contains('Login').click() // fill in the form cy.get('input[type="email"]').type('[email protected]') cy.get('input[type="password"]').type('test123') // submit the form
Real-world CSS vs. CSS-in-JS performance comparison
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. For example, out of 11492 people who participate in State of CSS survey in 2020 only 14.3% didn’t hear of Styled Components (a dominant CSS-in-JS library). And more than 40% of participants have used the library. I wanted to see an in-depth performance co
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
GitHub - mmig/text-caret-pos: xy coordinates of a textarea or input's caret
Get the top and left coordinates of the caret in a <textarea> or <input type="text">, in pixels. Useful for textarea autocompletes like GitHub or Twitter, or for single-line autocompletes like the name drop-down in Facebook or the company dropdown on Google Finance. How it's done: a faux <div> is created off-screen and styled exactly like the textarea or input. Then, the text of the element up to
JavaScriptã ã‘ã§Excel風ã®ã‚¹ãƒ—レッドシートを開発ã§ãる「jExcelã€ã‚’使ã£ã¦ã¿ãŸï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€JavaScriptã§ç°¡å˜ã«Excelã®ã‚ˆã†ãªã‚¹ãƒ—レッドシートを作æˆã§ãるライブラリをã”紹介ã—ã¾ã™ï¼ 基本的ãªæ“作ã¯ã™ã¹ã¦JavaScriptã‹ã‚‰åˆ¶å¾¡å¯èƒ½ã§ã‚ã‚Šã€è‡ªåˆ†ã®å¥½ããªã‚ˆã†ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãる強力ãªæ©Ÿèƒ½ãŒå¤šæ•°æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã€ç°¡å˜ãªãƒ—ãƒã‚°ãƒ©ãƒ ã ã‘ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®æ›¸ã出ã—機能ãŒåˆ©ç”¨ã§ãã‚‹ãªã©ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ã‚‚多ãå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 自作ã®Webアプリãªã©ã«ã‚‚手軽ã«çµ„ã¿è¾¼ã‚ã‚‹ã®ã§ã€ã”興味ã‚ã‚‹æ–¹ã¯ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 ãªãŠã€JavaScriptã®åŸºæœ¬ã¯paizaラーニングã®ã€ŒJavaScript入門編ã€ã§å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã®ã§åˆã‚ã›ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 〠jExcel 】 ■「jExcelã€ã®ä½¿ã„æ–¹ ãã‚Œã§ã¯ã€ã¾ãšæœ€åˆã«ã€ŒjExcelã€ã®å°Žå…¥æ–¹æ³•ã‹ã‚‰è¦‹ã¦ã„ãã¾ã—ょã†ï¼ 全部ã§3通りã®æ–¹æ³•ãŒä»¥ä¸‹ã®ã‚ˆã†ã«æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚
IMI æƒ…å ±å…±æœ‰åŸºç›¤ コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ„ール
URLãŒã€Œhttps://ã€ã§å§‹ã¾ã‚‹ã‚µã‚¤ãƒˆã¯ã€ã‚»ã‚ュリティ確ä¿ã®ãŸã‚SSL（Secure Sockets Layer）技術を利用ã—ã¦ã„ã¾ã™ã€‚当サイトを利用ã®éš›ã«ã¯ã€SSL技術対応ã®ãƒ–ラウザをã”利用ãã ã•ã„。
GitHub - rsify/pico: Take browser screenshots in Javascript 📸
Warning: nerdy This program renders whatever is displayed in the given Window into an image, thanks to svg's <foreignObject>. No server side code is required to produce the screenshot. There is no native Javascript API to take the screenshot of what the user is currently seeing on their screen (and because of security issues there probably will never be one). Since we don't have access to the raw
JavaScript プãƒãƒˆã‚¿ã‚¤ãƒ—継承ã®ä»•çµ„ã¿ã‚’GIFアニメã§åˆ†ã‹ã‚Šã‚„ã™ã解説
JavaScriptã«ã¯ã©ã®ã‚ªãƒ–ジェクトã«ã‚‚プãƒãƒˆã‚¿ã‚¤ãƒ—ã¨å‘¼ã°ã‚Œã‚‹ä¾¿åˆ©ãªéš ã—プãƒãƒ‘ティãŒã‚ã‚Šã¾ã™ã€‚プãƒãƒˆã‚¿ã‚¤ãƒ—継承ã®ä»•çµ„ã¿ã«ã¤ã„ã¦GIFアニメーションã§åˆ†ã‹ã‚Šã‚„ã™ã解説ã•ã‚ŒãŸè¨˜äº‹ã‚’紹介ã—ã¾ã™ã€‚ 🎉👨â€ðŸ‘©â€ðŸ‘§â€ðŸ‘§ JavaScript Visualized: Prototypal Inheritance by Lydia Hallie 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ JavaScriptを視覚的ã«è§£èª¬: プãƒãƒˆã‚¿ã‚¤ãƒ—継承 æ–‡å—列やé…列ã€ã‚ªãƒ–ジェクトã«å¯¾ã—ã¦.length, .split(), .join()ã®ã‚ˆã†ãªçµ„ã¿è¾¼ã¿ãƒ¡ã‚½ãƒƒãƒ‰ã‚’使用ã§ãã‚‹ã®ã‹ã€ç–‘å•ã«æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãれらを明示的ã«æŒ‡å®šã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã©ã“ã‹ã‚‰ããŸã‚‚ã®ã§ã—ょã†ã‹ï¼Ÿ ã“ã‚Œã¯ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—継承（prototypal in
フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’å‚™ãˆãŸWebアプリã®ä½œæˆã‚’éžå¸¸ã«ç°¡å˜ã«ã™ã‚‹JavaScriptライブラリ -Flowy
フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’å‚™ãˆãŸWebアプリã®ä½œæˆã‚’éžå¸¸ã«ç°¡å˜ã«ã™ã‚‹JavaScriptライブラリを紹介ã—ã¾ã™ã€‚フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚„マインドマップãªã©ç°¡å˜ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ—ラットフォームを数分ã§æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Flowy -GitHub Flowyã®ç‰¹å¾´ Flowyã®ãƒ‡ãƒ¢ Flowyã®ä½¿ã„æ–¹ Flowyã®ç‰¹å¾´ Flowyã¯ã€ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’å‚™ãˆãŸWebアプリã®ä½œæˆã‚’éžå¸¸ã«ç°¡å˜ã«ã™ã‚‹JavaScriptライブラリã§ã™ã€‚ Flowyã¯ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ ドラッグ&ドãƒãƒƒãƒ—（レスãƒãƒ³ã‚·ãƒ–対応） 自動スナップ ブãƒãƒƒã‚¯ã®å†é…ç½® ブãƒãƒƒã‚¯ã®å‰Šé™¤ ブãƒãƒƒã‚¯ã®è‡ªå‹•ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚° æ¡ä»¶ä»˜ãスナップ ä¿å˜ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆ スマホ・タブレットã®ã‚µãƒãƒ¼ãƒˆ jQueryã‚’ES6ã«ç½®ãæ›ãˆã‚‹ï¼ˆå¯¾å¿œäºˆå®šï¼‰ npmã§ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ï¼ˆå¯¾å¿œäºˆå®šï¼‰ MITライセンス Flowyã®ãƒ‡ãƒ¢ デモページã§ã¯ã€
Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
Zdog Round, flat, designer-friendly pseudo-3D engine for canvas & SVG What is Zdog? Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdo
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - google/budoux
Explore DOM Events
sql.js
GitHub - balazsbotond/urlcat: A URL builder library for JavaScript.
GitHub - jerosoler/Drawflow: Simple flow library 🖥ï¸ðŸ–±ï¸
GitHub - grid-js/gridjs: Advanced table plugin
{{#tags}}- {{label}}
{{/tags}}