GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)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
"CSS Module" ã‚’ã‚ãã‚‹æ··ä¹±
コミュニティベース㮠CSS Module https://github.com/css-modules/css-modules コレ自体ã¯æ¦‚念的ãªã‚‚ã®ã€‚ ãã®å®Ÿè£… ã¨ã—㦠Webpack ã® CSS Loader ãªã©ãŒã‚る。 ãªã®ã§ã€ä¸€èˆ¬çš„ã«ã€ŒCSS Module ã‹ Styled Component ã‹ã€ã¿ãŸã„ãªè°è«–ã§ã§ã¦ãã‚‹ã‚‚ã®ã®å ´åˆã€ Webpack ã® CSS Loader を入れるã‹ã‚„ã‚ã‚‹ã‹ã¿ãŸã„ãªæ–‡è„ˆãŒå¤šã„。 State of CSS 2020 ã§å‡ºã¦ãã‚‹ CSS Module ã‚‚ã€ã¾ã ã“ã£ã¡ã‚’指ã—ã¦ã‚‹ã€‚ https://2020.stateofcss.com/en-US/technologies/css-in-js/#css_modules Synthetic Module ã® CSS Module WebComponents ã® HTML Imports ã¾ã§é¡ã‚‹ ht
Cross Origin iframe ã‹ã‚‰ã® alert/confirm/prompt 呼ã³å‡ºã—ã®ç„¡åŠ¹åŒ– | blog.jxck.io
ã—ã‹ã—ã€å®Ÿéš›ã« M92 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ã¯ã€ã“ã®æ©Ÿèƒ½ãŒå£Šã‚ŒãŸã“ã¨ã«ã‚ˆã‚‹å½±éŸ¿ãŒå¤šæ•°å ±å‘Šã•ã‚Œã¦ã„ãŸãŸã‚ã€å®Ÿè£…者ãŒæƒ³å®šã—ã¦ã„ãŸä»¥ä¸Šã«å½±éŸ¿ã¯ã‚ã£ãŸã¨ã„ãˆã‚‹ã ã‚ã†ã€‚ ä»–ã®ãƒ–ラウザã®åå¿œ 実際ã«ãƒãƒ¼ãƒ«ã‚¢ã‚¦ãƒˆã—ãŸã®ãŒ Chrome/Edge ã§ã‚ã£ãŸãŸã‚ã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«ã€Œã¾ãŸ Google ãŒå‹æ‰‹ã«ã‚„ã£ã¦ã„ã‚‹ã€ã¨æ€ã†äººã‚‚ã„るよã†ã ãŒã€å®Ÿéš›ã«ã¯ä»–ã®ãƒ–ラウザも Positive を表明ã—ã¦ã„る。 Firefox: https://github.com/whatwg/html/issues/5407#issuecomment-606417807 Safari: https://github.com/whatwg/html/issues/5407#issuecomment-760574422 ã¾ãŸã€ã“ã®åˆæ„ãŒå–ã‚Œã¦ã„ã‚‹ãŸã‚ã€æ—¢ã«ä»•æ§˜ã«ã‚‚マージã•ã‚Œã¦ã„る。 Add early return to JS dia
ã‚ãã‚‹ã‚ã粗挽ãWebブラウザエンジンã®ä¸–ç•Œ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? EDIT: DOjS ã¯p5.jsサブセットを実行ã§ãã‚‹ MuJS ベースã®JavaScript環境ã 。DOM-less。 https://github.com/SuperIlu/DOjS EDIT: SerenityOSを忘れã¦ãŸ: http://serenityos.org/happy/1st/ 自作OSã«è‡ªå‰ãƒ–ラウザã¨ã„ã†ã‹ãªã‚Šãƒ¤ãƒã„プãƒã‚¸ã‚§ã‚¯ãƒˆã€‚ブラウザ部分ã¯æœ€è¿‘Qtãªã‚¯ãƒã‚¹ãƒ—ラットフォーム版ãŒå‡ºæ¥ãŸ https://awesomekling.github.io/Ladybird-a-new-cross-platform-bro
本気ã§CSS芸やりãŸã„人ã®ãŸã‚ã®box-shadow講座 / Mastering box-shadow
発表内容文å—èµ·ã“ã— https://kuroeveryday.blogspot.com/2019/07/mastering-box-shadow.html UIT meetup vol.7 集ã¾ã‚Œï¼ï¼ˆã‚¿ãƒ–ン）実務ã§ã¯ä½¿ã‚ãªã„フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰èŠ¸ç™ºè¡¨ä¼š https://uit.connpass.co…
ヘルプã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãƒ»ç·¨é›†ãƒ»ãƒ‡ãƒ—ãƒã‚¤ã®ä»•çµ„ã¿ã‚’æ•´å‚™ã—ãŸè©± - ヴェルク - ITèµ·æ¥ã®è¨˜éŒ²
å‰ã€…ã‹ã‚‰ã€ãƒ˜ãƒ«ãƒ—ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã‚’ã—ãŸã„ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ãªã‹ãªã‹æ‰‹ãŒå›žã‚‰ãšæ”¾ç½®ã—ã¦ã„ãŸã¨ã“ã‚ã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã§ç·¨é›†è€…ã‚’ã‚„ã£ã¦ã„ãŸè€…ãŒCSメンãƒãƒ¼ã¨ã—ã¦å…¥ç¤¾ã—ãŸã®ã§ã€ãれを機ã«ã€æœ¬æ ¼çš„ã«æº–備を進ã‚ã¦ã€ä»Šå¹´é ã‹ã‚‰ã€é‹ç”¨ã‚’始ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1ヶ月ã»ã©é‹ç”¨ã—ã¦ã¿ã¦ã€ãªã‹ãªã‹è‰¯ã„æ„Ÿã˜ãªã®ã§ã€ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€boardã¨ã„ã†è¦‹ç©æ›¸ã‚„請求書作æˆãƒ»æ¥å‹™ç®¡ç†ãƒ»çµŒå–¶ç®¡ç†ãªã©ãŒã§ãã‚‹SaaSã®ãƒ˜ãƒ«ãƒ—ã§ã™ã€‚ the-board.jp ãªãŠã€ä»•çµ„ã¿ã¨ã—ã¦ã¯ã€Githubã®ãƒ—ルリクエストã¨Webhookを使ã£ã¦ã„ã‚‹ã ã‘ãªã®ã§ã€ä½•ã‹ç‰¹åˆ¥ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªãã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ãƒ¬ãƒ“ューやデプãƒã‚¤ã¨åŒã˜ã‚ˆã†ãªã“ã¨ã‚’ヘルプ記事ã«ã‚‚é©ç”¨ã—ãŸã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ ã“ã‚Œã¾ã§ã®boardã®ãƒ˜ãƒ«ãƒ— ç¾åœ¨357記事ã‚ã‚Šã€é€šå¸¸ã®ãƒ˜ãƒ«ãƒ—ãŒ226記事ã€FAQãŒ131記事ã‚ã‚Šã¾ã™ã€‚ 通常ã®ãƒ˜ãƒ«ãƒ—ã¯ã€æ©Ÿèƒ½ãƒ»ä»•æ§˜ã‚„効率的ãªä½¿
Edge Worker PaaS ã® fly.io ãŒé¢ç™½ã„ - mizchi's blog
ãªã‹ãªã‹ã‚ˆã„ãŠã‚‚ã¡ã‚ƒã‚’見ã¤ã‘ãŸã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ fly.io fly.io 㯠CDN Edge Worker 㧠JavaScript ã«ç‰¹åŒ–ã—㟠PaaS ã§ã™ã€‚æ—¢å˜ã®ã‚µãƒ¼ãƒ“スã§è¿‘ã„ã‚‚ã®ã 㨠CloudFlare Workers ã‚‚ã—ã㯠Lambda@Edge ã§ã—ょã†ã‹ã€‚ アカウント登録をã—ã¦ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒžãƒ³ãƒ‰ã‚’å©ãã¨ã‚¨ãƒƒã‚¸ã§å‹•ãアプリケーションを作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ npm install -g @fly/fly fly login # mkdir my-flyio; cd my-flyio fly new 最å°ã‚³ãƒ¼ãƒ‰ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚CloudFlare Workers ã¨åŒã˜ã‚ˆã†ãª ServiceWorker 風ã¨ã€Google Cloud Function 風㮠2 ã¤ã®ãƒ‘ターンã§ãƒ¯ãƒ¼ã‚«ãƒ¼ã‚’定義ã§ãã¾ã™ã€‚ // index.js addEventListener('fe
GitHub - zserge/lorca: Build cross-platform modern desktop apps in Go + HTML5
Pure Go library (no cgo) with a very simple API Small application size (normally 5-10MB) Best of both worlds - the whole power of HTML/CSS to make your UI look good, combined with Go performance and ease of development Expose Go functions/methods and call them from JavaScript Call arbitrary JavaScript code from Go Asynchronous flow between UI and main app in both languages (async/await and Gorouti
大é‡ã®ãƒ†ã‚ストを食ã£ã¦ã‚‚速ㄠMarkdown Editor 作ã£ãŸ - mizchi's blog
ã‚‚ã†äººç”Ÿã§ä½•å€‹ç›®ã‹ã‚ã‹ã‚‰ãªã„ markdown エディタ作ã£ãŸã€‚ãŒã€ä»Šå›žã®ã¯çµæ§‹æ°—ã«å…¥ã£ã¦ã„る。 https://markdown-buffer.netlify.com/ ã§éŠã¹ã‚‹ã€‚ 用途ã¨ã—ã¦ã¯ã€GitHub ã‹ Qiita ã‹ ã¯ã¦ãªãƒ–ãƒã‚°ã‹ã‚ã‹ã‚‰ãªã„ãŒã€ãªã«ã‹æ›¸ã“ã†ã¨æ€ã£ãŸã¨ãã«ã€ã©ã®ã‚µãƒ¼ãƒ“スもä¸é€”åŠç«¯ã«é‡ã„ã®ã§ã€ã¨ã‚Šã‚ãˆãšã®ãƒãƒƒãƒ•ã‚¡ãŒå¿…è¦ã€ã¨ã„ã†æ„Ÿã˜ã§ä½œã£ãŸã€‚ãªã®ã§é€Ÿåº¦é‡è¦–。 ブラウザã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã§æ°¸ç¶šåŒ–ã—ã¦ã‚‹ã€‚オフラインã§å‹•ã。ã§ãã‚‹ã ã‘エディタã¨ã—ã¦ã¯ã‚¹ã‚³ãƒ¼ãƒ—を大ããã›ãšã€å˜ã«ç·¨é›†ãƒãƒƒãƒ•ã‚¡(textarea)ã§ã—ã‹ãªã„ã€ã¨ã„ã†ã®ã‚’æ„è˜ã—ã¦ã„る。 çµæ§‹é ‘å¼µã£ã¦ä½œã‚Šè¾¼ã‚“ã§ã—ã¾ã£ãŸ https://nedi.app ãŒè‰²ã€…肥大化ã—ã¦ã—ã¾ã£ã¦ã„ã¦å…¥åŠ›æ™‚ã«ãƒ©ã‚°ã‚’æ„Ÿã˜ã‚‹ã®ã§ã€ç·¨é›†ä½“験を見ã¤ã‚ç›´ã™è‡ªæˆ’ã‚‚ã‚る。 機能 æ•°å¼å¯¾å¿œ コードãƒã‚¤ãƒ©ã‚¤ãƒˆå¯¾å¿œ ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§è‡ªå‹•ä¿å˜ 改行を br ã«
GitHub - lit/lit: Lit is a simple library for building fast, lightweight web components.
Core packages lit - The primary user-facing package of Lit which includes everything from lit-html and lit-element. lit-element - The web component base class used in Lit. lit-html - The rendering library used by LitElement. @lit/reactive-element - A low level base class that provides a reactive lifecycle based on attribute/property changes. Additional libraries @lit/localize - A library and comma
高機能ホスティングサービスNetlifyã«ã¤ã„ã¦èª¿ã¹ã¦ä½¿ã£ã¦ã¿ãŸ - Qiita
ã¯ã˜ã‚ã« Netlify Netlifyã¯é™çš„ãªã‚µã‚¤ãƒˆã‚’超高速ã§æä¾›ã§ãã‚‹Webサービスã§ã™ã€‚先日210万ドルã®å‡ºè³‡ã‚’å—ã‘話題ã«ãªã‚Šã¾ã—ãŸã€‚ã‚ãšã‹3ステップã§ãŠã—ゃれãªã‚µã‚¤ãƒˆãŒä½œæˆã§ãã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚本記事ã®å‰åŠã§ã¯Netlifyã®ç‰¹å¾´ã‚’軽ãã¾ã¨ã‚ã€å¾ŒåŠã¯å®Ÿéš›ã«Netlifyを利用ã—ã¦ã‚µã‚¤ãƒˆã‚’作æˆã—ã¦ã¿ã¾ã™ã€‚ Netlifyã®ç‰¹å¾´ 詳細ã¯å…¬å¼ãƒ‰ã‚ュメントã«ã‚ã‚Šã¾ã™ã€‚今回ã¯ãã®ä¸ã‹ã‚‰ä¸€éƒ¨ã‚’抜粋ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ビルドã€ãƒ‡ãƒ—ãƒã‚¤ã€ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã®å…¨ã¦ Netlifyã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルドã€ãƒ‡ãƒ—ãƒã‚¤ã€ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã®å…¨ã¦ã‚’è¡Œã„ã¾ã™ã€‚å˜ç´”ãªé™çš„サイトã®ãƒ‡ãƒ—ãƒã‚¤ã§ã‚ã‚Œã°ä¸‹è¨˜ã®3行をコマンドラインã«æ‰“ã¡è¾¼ã‚€ã ã‘ã§ã§ãã¾ã™ã€‚ ã¾ãŸã€Netlifyã¯GitHubリãƒã‚¸ãƒˆãƒªã¨ãƒªãƒ³ã‚¯ã—ã€GitHubリãƒã‚¸ãƒˆãƒªã«ãƒ—ッシュãŒã‚る度ã«gruntã‚„gulpを介ã—ãŸãƒ“ルドをã—ãŸã†ãˆã§ã‚µã‚¤ãƒˆã‚’デプãƒã‚¤ã—ã¦ãã‚Œã¾ã™ã€‚ ã“れら
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why
GitHub - joshbuchea/HEAD: A simple guide to HTML <head> elements
<!-- The following 2 meta tags *must* come first in the <head> to consistently ensure proper document rendering. Any other head element should come *after* these tags. --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Allows control over where resources are loaded from. Place as early in the <head> as possible, as the tag only applies to resources
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - nuxodin/dialog-polyfill: "insert and thats it"-dialog-polyfill
GitHub - marko-js/marko: A declarative, HTML-based language that makes building web apps fun
GitHub - mvasilkov/assert-equal-html: Assert the equality of two HTML fragments
GitHub - milesj/interweave: 🌀 React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
GitHub - cure53/DOMPurify: DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
GitHub - insin/babel-plugin-react-html-attrs: Babel plugin which transforms HTML and SVG attributes on JSX host elements into React-compatible attributes
HTML5スナップショット2016
{{#tags}}- {{label}}
{{/tags}}