[B! HTML] AKIMOTOã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

AKIMOTO id:AKIMOTO

HTMLã«é–¢ã™ã‚‹AKIMOTOã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (63)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

WebAssemblyã‚’ä½¿ã£ã¦ã€è‡ªåŠ›ã§HTMLã‚’ç”»åƒã«å¤‰æ›ã™ã‚‹ä»•çµ„ã¿ã®æŠ€è¡“è§£èª¬
ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒ•ãƒ«æ©Ÿèƒ½ã®Chromiumã‚’ã¾ã‚‹ã”ã¨å«ã‚€ãŸã‚200MBä»¥ä¸Šã«ãªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€Satoruã®Wasmãƒã‚¤ãƒŠãƒªã¯å¿…è¦ãªæ©Ÿèƒ½ã«çµžã‚Šè¾¼ã¾ã‚Œã¦ã„ã‚‹ãŸã‚ã€ã”ãå°ã•ãªã‚µã‚¤ã‚ºã«åŽã¾ã‚Šã¾ã™ã€‚Cloudflare Workersã®ã‚ˆã†ãªã€ãƒ‡ãƒ—ãƒã‚¤ã‚µã‚¤ã‚ºã‚„èµ·å‹•ãƒ¬ã‚¤ãƒ†ãƒ³ã‚·ã«åŽ³æ ¼ãªåˆ¶é™ãŒã‚ã‚‹ç’°å¢ƒã«ãŠã„ã¦ã€ã“ã‚Œã¯æ±ºå®šçš„ãªå·®ã¨ãªã‚Šã¾ã™ã€‚ ç¾åœ¨å®Ÿç¾ã§ãã¦ã„ã‚‹ã“ã¨ Playgroundã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ãœã²è§¦ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ å·¦ãŒChromeã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°çµæžœã€å³ãŒSatoruã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°çµæžœã§ã™ã€‚ 1. ã‚³ã‚¢ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸å®šã¨å½¹å‰² Satoruã®å¤‰æ›ãƒ—ãƒã‚»ã‚¹ã¯ã€ã‚¼ãƒã‹ã‚‰ã™ã¹ã¦ã‚’ä½œã‚‹ã®ã§ã¯ãªãã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚æŽ¡ç”¨ã™ã‚‹ã‚ˆã†ãªå®Ÿç¸¾ã®ã‚ã‚‹å¼·åŠ›ãªC++ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’çµ„ã¿åˆã‚ã›ã¦æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 1.1 Gumbo (HTMLã®æ§‹æ–‡è§£æž) GoogleãŒé–‹ç™ºã—ãŸç´”ç²‹ãªCè¨€èªžã®HTML5ãƒ‘ãƒ¼ã‚µãƒ¼ã§ã™ã€‚ è»½é‡ã§ã‚
AKIMOTO 2026/04/20
ã™ã”ã„

wasm

html

rendering
ãƒªãƒ³ã‚¯
Unpoly - Progressive enhancement for HTML
Progressive enhancement for HTML Get powerful new HTML attributes to build dynamic UI on the server. Works with any language. Gracefully degrades without JavaScript.
AKIMOTO 2025/10/21
HTML

JavaScript
ãƒªãƒ³ã‚¯
GitHub - constup/JaCoCo-XML-to-HTML-PowerShell: Generate full HTML report from Java Code Coverage (JaCoCo) XML in PowerShell
AKIMOTO 2025/02/06
ã‚«ãƒãƒ¬ãƒƒã‚¸ã®.xmlã‚’htmlã«æ•´å½¢ã™ã‚‹**PowerShell**ã®ãƒ„ãƒ¼ãƒ«

tool

test

PowerShell

XML

HTML
ãƒªãƒ³ã‚¯
GitHub - oxylabs/OxyParser
AKIMOTO 2024/03/14
HTML

parser
ãƒªãƒ³ã‚¯
HTML/CSS to Image API - Automate your image generation
AKIMOTO 2024/01/24
HTML

ç”»åƒ

API
ãƒªãƒ³ã‚¯
ãªãœ HTML ã® form ã¯ PUT / DELETE ã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã„ã®ã‹? | blog.jxck.io
Intro 10 å¹´ã»ã©å‰ã«åŒã˜ã“ã¨ã‚’èª¿ã¹ãŸã“ã¨ãŒã‚ã‚‹ã€‚ ãªãœ html ã® form ã¯ PUT / DELETE ã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã„ã®ã‹? - Block Rockin' Codes https://jxck.hatena blog.com/entry/why-form-dosent-support-put-delete å½“æ™‚ã¯å…¨ãã®ç´ äººã§ã€ç´ äººãªã‚Šã«èª¿æŸ»ã¯ã—ãŸãŒã€ã»ã¨ã‚“ã©ãŒæŽ¨æ¸¬ã®åŸŸã‚’å‡ºãªã„çµè«–ã ã£ãŸã€‚ ã“ã®å•é¡Œã«ã¤ã„ã¦ã‚ã‚‰ãŸã‚ã¦è¨˜ã™ã€‚ ä»•æ§˜ç–å®šã®çµŒç·¯ è¡¨é¡Œã®é€šã‚Šã€<form> ã® method ã«ã¯ GET ã¨ POST ã—ã‹ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã€‚HTTP ã«ã¯ä»–ã«ã‚‚ PUT ã‚„ DELETE ã¨ã„ã£ãŸãƒ¡ã‚½ãƒƒãƒ‰ã‚‚ã‚ã‚‹ã®ã«ã€ãªãœã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã®ã‹ã¨ã„ã†ç–‘å•ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ ä»•æ§˜ãŒæ±ºå®šã—ãŸçµŒç·¯ã¯ã€ä»¥ä¸‹ã«æ®‹ã£ã¦ã„ã‚‹ã€‚ Status: Rejected Change Description:
AKIMOTO 2023/11/28
HTML

ä»•æ§˜

REST

Ian Hickson
ãƒªãƒ³ã‚¯
GitHub - robinmoisson/staticrypt: Password protect a static HTML page, decrypted in-browser in JS with no dependency. No server logic needed.
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
AKIMOTO 2023/02/20
HTML

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰

JavaScript
ãƒªãƒ³ã‚¯
GitHub - ericchiang/pup: Parsing HTML at the command line
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
AKIMOTO 2022/12/01
HTML

CLI
ãƒªãƒ³ã‚¯
GitHub - JoshnaksPNG/Bad_Apple_Youtube_Page: Script to play Bad Apple in the YouTube Homepage
AKIMOTO 2022/11/20
frame

HTML

animation

ãƒã‚¿

åˆ†å‰²

OSS
ãƒªãƒ³ã‚¯
GitHub - vercel/satori: Enlightened library to convert HTML and CSS to SVG
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
AKIMOTO 2022/10/11
SVG

HTML

OSS

library

converter
ãƒªãƒ³ã‚¯
Why the number input is the worst input - Stack Overflow
[Ed. note: While we take some time to rest up over the holidays and prepare for next year, we are re-publishing our top ten posts for the year. Please enjoy our favorite work this year and weâ€™ll see you in 2023.] Iâ€™ve been writing code for at least 15 years. While Iâ€™ve used a lot of techno logies and built a lot of stuff over the years, the thing I have done the most is the front end, i.e. HTML, CS
AKIMOTO 2022/09/16
html

input

number

edge case

accessibility

validation
ãƒªãƒ³ã‚¯
Why does HTML think â€œchucknorrisâ€ is a color?
Why do certain random strings produce colors when entered as background colors in HTML? For example, bgcolor="chucknorris" produces a red background: <body bgcolor="chucknorris"> test </body> Conversely, bgcolor="chucknorr" produces a yellow background: <body bgcolor="chucknorr"> test </body> This holds true across various browsers and platforms. Whatâ€™s going on here?
AKIMOTO 2022/06/09
HTML

è‰²

ãƒãƒ£ãƒƒã‚¯ãƒŽãƒªã‚¹

ãƒã‚¿
ãƒªãƒ³ã‚¯
Browser in the Dark: flashlights with CSS and canvas
Table of contentsmix-blend-modeCanvasNight Light with CSSNight Light with canvas Note: this article will make more sense if you are using a mouse or other pointing device. Requires javascript. Warning: things can get a little spooky in the dark! You can read the source code for this document here (or by pressing Ctrl+U in chrome / firefox). mix-blend-mode (Â§) I really like the "dark mode" switch o
AKIMOTO 2022/04/15
canvasã§ã‚¹ãƒãƒƒãƒˆãƒ©ã‚¤ãƒˆ

HTML

CSS

canvas
ãƒªãƒ³ã‚¯
ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã‚ˆã†ï¼ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ - ã‚±ãƒ³ã‚ªãƒ¼ãƒ«ãƒ–ãƒã‚°
ã¾ã¨ã‚ ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«ã¯ä»¥ä¸‹ã®4ã¤ã‚’æŠ¼ã•ãˆã¾ã—ã‚‡ã†ã€‚ ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆæ©Ÿèƒ½ã«æœ€é©åŒ–ã™ã‚‹ éƒµä¾¿ç•ªå·ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯1ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã—ã¦ãƒã‚¤ãƒ•ãƒ³æœ‰ç„¡ã©ã¡ã‚‰ã‚‚å¯¾å¿œã™ã‚‹ ãƒ¢ãƒã‚¤ãƒ«UXå„ªå…ˆãªã‚‰éƒµä¾¿ç•ªå·ãŒå…¥åŠ›ã•ã‚ŒãŸã‚‰å³åº§ã«è£œå®Œã€‚ç²¾åº¦å„ªå…ˆãªã‚‰éƒµä¾¿ç•ªå·è£œå®Œãƒœã‚¿ãƒ³ã‚’è¨ç½® ä½æ‰€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯ã€Œéƒ½é“åºœçœŒã€ã€Œå¸‚åŒºç”ºæ‘ã€ã€Œç”ºåä»¥ä¸‹ã€ã®3ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒåŸºæœ¬ã€‚ã€Œå»ºç‰©ã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ æœ¬æ–‡ åœ°åŸŸSNSã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã€ECã‚µã‚¤ãƒˆã®é…é€å…ˆå…¥åŠ›ã€è³‡æ–™è«‹æ±‚ã€è‡ªæ²»ä½“ã‚µã‚¤ãƒˆã§ã®é›»åç”³è«‹ãªã©ã€ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ´»ç”¨ã™ã‚‹ä¸Šã§ä½æ‰€å…¥åŠ›ã¯æ¬ ã‹ã™ã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚ ä½æ‰€å…¥åŠ›ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤æ£ç¢ºã«è¡Œãˆã‚‹ã‚ˆã†ãªå…¥åŠ›ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ï¼‰ã¯ã€é›¢è„±çŽ‡ã‚’æ¸›ã‚‰ã—ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ä¸Šã§é‡è¦ã§ã™ã€‚ éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã™ã‚‹ã¨å¯¾å¿œã™ã‚‹ä½æ‰€ã‚’è‡ªå‹•å…¥åŠ›ã™ã‚‹æ©Ÿèƒ½ï¼ˆéƒµä¾¿ç•ªå·ã«ã‚ˆã‚‹ä½æ‰€è£œå®Œï¼‰ã¯ã€ä½æ‰€ãƒ•ã‚©ãƒ¼ãƒ ã®æ”¹å–„æ–¹æ³•ã¨ã—ã¦æœ€ã‚‚åŠ¹
AKIMOTO 2022/02/28
UI

HTML

ä½æ‰€

éƒµä¾¿ç•ªå·

tips
ãƒªãƒ³ã‚¯
Emmet â€” the essential toolkit for web-developers
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> @@@ tooltip: Type CSS-like abbreviation type: ul#nav>li.it em$*4>a{It em $} wait: 1000 tooltip: Run â€œExpand Abbreviationâ€ action to expand it into HTML wait: 600 run: emmet.expand_abbreviation wait: 1000 tooltip: Trav
AKIMOTO 2022/02/13
CSS

tool

HTML
ãƒªãƒ³ã‚¯
</> htmx - high power tools for html
introduction htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~16k min.gzâ€™d), dependency-free, extendable & has reduced code base sizes by 67% when compared with react motivation Why should only <a> & <form> be able to make HTTP requ
AKIMOTO 2021/12/15
HTML

javascript

library
ãƒªãƒ³ã‚¯
I keep making things out of checkboxes
AKIMOTO 2021/10/12
https://labs.cybozu.co.jp/blog/akky/2021/10/checkboxland-all-checkbox-webdesign/

checkbox

HTML

ãƒã‚¿

JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ç´¹ä»‹ã—ãŸ
ãƒªãƒ³ã‚¯
Checkboxland
AKIMOTO 2021/10/12
https://labs.cybozu.co.jp/blog/akky/2021/10/checkboxland-all-checkbox-webdesign/

checkbox

HTML

ãƒã‚¿

JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ç´¹ä»‹ã—ãŸ
ãƒªãƒ³ã‚¯
Checkboxland
Checkboxland Render anything as HTML checkboxes Community demos: Doom via Checkboxes by healeycodes Checkbox Pong by desecaw13 (if you have a demo to share, create a docs PR and add it to the list above) Overview Checkboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so
AKIMOTO 2021/10/11
https://labs.cybozu.co.jp/blog/akky/2021/10/checkboxland-all-checkbox-webdesign/

checkbox

HTML

ãƒã‚¿

JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ç´¹ä»‹ã—ãŸ
ãƒªãƒ³ã‚¯
GitHub - marko-js/marko: A declarative, HTML-based language that makes building web apps fun
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
AKIMOTO 2021/10/06
HTML

javascript

framework
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx