[B! html] xai1981ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

xai1981 id:xai1981

htmlã«é–¢ã™ã‚‹xai1981ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (57)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

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

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

${{author_name}}$

{{{comment_expanded}}}

{{label}}

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

HTMLã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ï¼ãƒ‡ã‚³ãƒ¼ãƒ‰ | devroom
HTMLã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ï¼ãƒ‡ã‚³ãƒ¼ãƒ‰ã¨ã¯ HTMLå†…ã§æ¬¡ã®ã‚ˆã†ãªã‚¿ã‚°ï¼ˆ<img>ï¼‰ã‚’è¡¨ç¾ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚è¨€ã‚ãšã‚‚ãŒãªã§ã™ãŒã€ãã®æ–‡å—åˆ—è‡ªä½“ãŒHTMLã¨ã—ã¦è§£é‡ˆã•ã‚Œã¦ã—ã¾ã£ã¦æ–‡æ›¸æ§‹é€ ãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã‹ã‚‰ã§ã™ãã€‚  <html> <body> ç”»åƒã«ã¯<img>ã‚¿ã‚°ã‚’ä½¿ã† </body> </html> HTMLã®ã‚³ãƒ¼ãƒ‰ã®ä¸ã§HTMLã®ã‚¿ã‚°ã‚’è¡¨ç¾ã™ã‚‹ãŸã‚ã«ã¯ã€æ‹¬å¼§ï¼ˆ< >ï¼‰ã‚’åˆ¥ã®æ–‡å—ï¼ˆ< >ï¼‰ã«ç½®ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚  <html> <body> ç”»åƒã«ã¯<img>ã‚¿ã‚°ã‚’ä½¿ã† </body> </html>
xai1981 2020/06/23
html

online

tool
ãƒªãƒ³ã‚¯
FlexBoxã®ä½¿ã„æ–¹ï¼ˆï¼”ï¼‰ã€œdisplay:inline-flexã«ã¤ã„ã¦ï¼ˆå‹•ç”»ã‚ã‚Šï¼‰ | ITå·¥æˆ¿ï½œAIå…¥é–€ã¨Webé–‹ç™º
ã€Œinline-flexã€ã‚’ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€Œinline-blockã€ã®æ‹¡å¼µç‰ˆã¨è¨€ãˆã¾ã™ã€‚ ã€Œinline-blockã€ã®æ€§æ ¼ã‚’æŒã¡ãªãŒã‚‰ã€å°šä¸”ã¤ã€Œflexã€ã®æ€§æ ¼ã‚’æŒã¡ã¾ã™ã€‚çµæ§‹ä¸‡èƒ½ã«ä½¿ãˆã¾ã™ã®ã§æœ‰åŠ¹ã«æ´»ç”¨ã—ã¾ã—ã‚‡ã†ã€‚ ãƒ¡ãƒªãƒƒãƒˆ flexã‚³ãƒ³ãƒ†ãƒŠã«ã€Œdisplay:inline-flexã€ã‚’è¨å®šã™ã‚‹ã¨flexã‚¢ã‚¤ãƒ†ãƒ ã«å¹…ã‚’æŒ‡å®šã—ãªãã¦ã‚‚å‹æ‰‹ã«ä¸èº«ä¾å˜ã®å¹…ã«ãªã‚‹ã“ã¨ã€‚ flexã‚³ãƒ³ãƒ†ãƒŠã®è¦ªè¦ç´ ã«ã€Œtext-align:centerã€ã‚’ã‹ã‘ã‚‹ã¨ä¸å¤®ã«æƒã„ã¾ã™ã€‚ FlexBoxã®æ§˜ã€…ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒãã®ã¾ã¾ä½¿ãˆã¾ã™ã€‚ ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ ä¸å¤®æƒãˆã«ã€Œmargin:autoã€ãŒä½¿ãˆãªã„ã“ã¨ã€‚è¦ªè¦ç´ ã«ã€Œtext-align:centerã€ã‚’è¨å®šã™ã‚‹ã¨åˆ¥ã®è¦ç´ ã«å½±éŸ¿ãŒå‡ºã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã“ã¨ã€‚ å¯¾ç–ã¨ã—ã¦ã¯è¦ªè¦ç´ ã«display:flexã‚’è¨å®šã—ã¦ã€justify-content:centerã«ã™ã‚Œã°ã“ã®å•é¡Œã¯
xai1981 2019/09/18
html

css
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³• | CSSè§£èª¬
å¯¾è±¡ã¨ã™ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã¯ãƒ˜ãƒƒãƒ€éƒ¨ã‚’theadè¦ç´ å†…ã«è¨˜è¿°ã—ã€ãƒœãƒ‡ã‚£éƒ¨ã¨åˆ†é›¢ã—ã¦ãŠãã¾ã™ã€‚ <table> <thead> <tr> <th>A</th> <th>B</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1</td> </tr> </tbody> </table> theadã¨tbodyã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ ã¨ã—ã€tbodyã®overflowã‚’scrollã¨ã—ã¾ã™ã€‚ <style type="text/css"> thead, tbody { display: block; } tbody { overflow-x: hidden; overflow-y: scroll; height: 100px; } </style> ã“ã®overflowã‚’autoã¨ã—ãŸå ´åˆã€Internet Explorerã‚„Firefoxã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒå³ç«¯ã®ã‚»
xai1981 2019/06/18
html

design
ãƒªãƒ³ã‚¯
How to make background image shrink proportionally to fit button size in javascript?
xai1981 2018/11/15
stack_overflow

html

design

css
ãƒªãƒ³ã‚¯
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
xai1981 2018/06/05
html

javascript

format

tool
ãƒªãƒ³ã‚¯
FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½¿ç”¨ - Web API | MDN
FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ã€ãƒ•ã‚§ãƒƒãƒã¾ãŸã¯ XMLHttpRequest API ã‚’ä½¿ç”¨ã—ã¦é€ä¿¡ã™ã‚‹ãŸã‚ã®ã‚ãƒ¼ã¨å€¤ã®ãƒšã‚¢ã®é›†åˆã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ãã¾ã™ã€‚æœ¬æ¥ã¯ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ãƒ¼ã‚¿ã®é€ä¿¡ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ã¾ã—ãŸãŒã€ã‚ãƒ¼ã®ã¤ã„ãŸãƒ‡ãƒ¼ã‚¿ã‚’ä¼é€ã™ã‚‹ãŸã‚ã«ãƒ•ã‚©ãƒ¼ãƒ ã¨ã¯ç‹¬ç«‹ã—ã¦ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ä¼é€ã•ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã‚¿ã‚¤ãƒ—ãŒ multipart/form-data ã«è¨å®šã•ã‚Œã¦ã„ã‚‹å ´åˆã«ã€submit() ãƒ¡ã‚½ãƒƒãƒ‰ã§é€ä¿¡ã™ã‚‹éš›ã«ä½¿ç”¨ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã¨åŒã˜å½¢å¼ã§ã™ã€‚ const send = document.querySelector("#send"); send.addEventListener("click", async () => { const formData = new FormData(); formData.append("username", "Groucho
xai1981 2018/05/31
html

form

javascript

jquery
ãƒªãƒ³ã‚¯
[ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] multipart/form-dataã‚’ç†è§£ã—ã¦ã¿ã‚ˆã† - YoheiM .NET
ã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Ÿè£…ã™ã‚‹æ™‚ã¯ã„ã¤ã‚‚è‹¦æˆ¦ã™ã‚‹ã®ã§ã™ãŒã€multipart/form-dataã¨ã„ã†ãƒ‡ãƒ¼ã‚¿å½¢å¼ã‚’ç†è§£ã§ããŸã‚‰ã™ã‚“ãªã‚Šã¨å®Ÿè£…ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä»Šæ—¥ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ã¯å¿…é ˆã¨ã‚‚è¨€ãˆã‚‹multipart/form-dataã«ã¤ã„ã¦ã€ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ ç›®æ¬¡ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ æœ¬è¨˜äº‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’Githubã«ç½®ã„ã¦ã‚ã‚Šã¾ã™ã€‚Node.JSã®ã‚µãƒ¼ãƒãƒ¼ã§å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«å‹•ã‹ã™ã¨ç†è§£ã®åŠ©ã‘ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€å¿…è¦ã‚ã‚Œã°ã”å‚ç…§ãã ã•ã„ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç¨®é¡žã¨ã¯ multipart/form-dataã‚’æ‰±ã†å‰ã«ã€ã¾ãšã¯ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç¨®é¡žã€ã«ã¤ã„ã¦ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨ã®ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã§ã¯ã€htmlã€javascriptã€pngã€jsonãªã©æ§˜ã€…ãªç¨®é¡žã®ãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã„ã¾ã™ã€‚ãã®éš›ã«ã€ã©ã‚“ãªãƒ‡ãƒ¼ã‚¿ã‚’
xai1981 2018/05/31
html

file

upload
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®ç¸¦æ–¹å‘ã®ä¸å¤®æƒãˆã«ã¤ã„ã¦ - Qiita
ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆãŒå…¥ã‚‹å ´åˆã€ç¸¦æ–¹å‘ã®ä¸å¤®ã«æƒãˆãŸã„ã¨ããŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã®å ´åˆã©ã®ã‚ˆã†ã«é…ç½®ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®å ´åˆã¯ã€Œvertical-align: middle;ã€ã‚’ä½¿ãˆã°ä¸å¤®ã«æƒãˆã“ã¨ãŒã§ãã‚‹ã®ã§ã™ãŒã€ pã‚¿ã‚°ã®ã‚ˆã†ãªãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚ŒãŸã„å ´åˆã€ ã†ã¾ã„ã“ã¨é…ç½®ã§ããªã„ã“ã¨ãŒã‚ã‚Šã€ ä»Šå›žã¯ã€ç¸¦æ–¹å‘ã®ä¸å¤®æƒãˆã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚
xai1981 2018/02/07
qiita

css

html
ãƒªãƒ³ã‚¯
ç¸¦ä½ç½®ä¸å¤®æƒãˆvertical-alignãŒåŠ¹ã‹ãªã„ã€vertical-alignã€‘ã€display:table-cell;ã€‘ - DRYãªå‚™å¿˜éŒ²
è¿½è¨˜: 2017/02/16 ä»Šã¯ flex ã‚’ä½¿ã†ã®ãŒã„ã„ã¨æ€ã„ã¾ã™ã€‚ <div style="display:flex; alignIt ems:center;"> <div>ã“ã‚ŒãŒè¦ªè¦ç´ ã«å¯¾ã—ã¦çœŸã‚“ä¸ã«ãã‚‹</div> </div> Webåˆ¶ä½œè€…ã®ãŸã‚ã®CSSè¨è¨ˆã®æ•™ç§‘æ›¸ ãƒ¢ãƒ€ãƒ³Webé–‹ç™ºã«æ¬ ã‹ã›ãªã„ã€Œä¿®æ£ã—ã‚„ã™ã„CSSã€ã®è¨è¨ˆæ‰‹æ³• Webåˆ¶ä½œè€…ã®ãŸã‚ã®æ•™ç§‘æ›¸ã‚·ãƒªãƒ¼ã‚º ä½œè€…: è°·æ‹“æ¨¹ å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚¤ãƒ³ãƒ—ãƒ¬ã‚¹ ç™ºå£²æ—¥: 2014/07/24 ãƒ¡ãƒ‡ã‚£ã‚¢: Kindleç‰ˆ ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (1ä»¶) ã‚’è¦‹ã‚‹ ã€å•é¡Œã€‘ ã‚ã‚‹ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®ä¸æ®µã«ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã‚’é…ç½®ã—ãŸã„ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«HTMLã¨CSSã‚’æ›¸ã„ãŸãŒã€å®Ÿç¾ã•ã‚Œãªã„ã€‚ HTML <div class="container"> <img src="ritchanperopero.jpg"> </div> CSS .cont
xai1981 2018/02/07
html

css
ãƒªãƒ³ã‚¯
https://mayer.jp.net/?tag=excel-html-table-%E5%A4%89%E6%8F%9B-%E3%83%9E%E3%82%AF%E3%83%AD
xai1981 2017/12/21
excel

macro

convert

html
ãƒªãƒ³ã‚¯
Real-time HTML Editor
xai1981 2017/08/11
html

online

editor
ãƒªãƒ³ã‚¯
ï¼¨ï¼´ï¼ï¼¬æ•´å½¢ãƒ„ãƒ¼ãƒ«ï¼ˆãƒ—ãƒãƒ»ãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ä»˜ãï¼‰
æ³¨æ„äº‹é …ï¼šâ—†ã“ã®ãƒ„ãƒ¼ãƒ«ã¯ã€Œï¼œã€ã€Œï¼žã€ãƒžãƒ¼ã‚¯ã‚’å…ƒã«ã€HTMLã‚’è¦‹ã‚„ã™ãæ•´å½¢ã—ã¦ãã‚Œã‚‹å˜ç´”ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ â—†ä¸å®Œå…¨ãªã‚¿ã‚°ãŒè¦‹ã¤ã‹ã‚‹ã¨ã€å¯¾è±¡ã‚¿ã‚°ã®ä¸€è¦§ã‚’è¡¨ç¤ºã™ã‚‹ãƒ—ãƒãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ â—†ä¸€è¡Œã®é•·ã•ã¯8000ãƒã‚¤ãƒˆä»¥å†…ã—ã¦ãã ã•ã„ã€‚åˆ¶é™ã‚’è¶…ãˆã‚‹ã¨å¿œç”ãŒå¸°ã‚‰ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ â—†å½“ãƒ„ãƒ¼ãƒ«ã¸ã®ã”æ„è¦‹ã€ã”è¦æœ›ã¯ "Pika's home"ã¸ãŠé¡˜ã„ã—ã¾ã™ã€‚
xai1981 2017/08/09
format

html
ãƒªãƒ³ã‚¯
Create LaTeX tables online
How to use the LaTeX tables generator? Set the desired size of the table using Table / Set size menu option. Enter the table data into the table: copy (Ctrl+C) table data from a spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V or double click any cell to start editing it's contents -- Tab and Arrow keys can be used to navigate
xai1981 2017/07/26
online

html

table

editor
ãƒªãƒ³ã‚¯
ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
2015å¹´3æœˆ18æ—¥ CSS 2011å¹´ã«ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ã€ã¨ã„ã†è¨˜äº‹ã§æ•°ã€…ã®ä¾¿åˆ©ãªåˆ¶ä½œæŠ€ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€æ™‚ã¯æµã‚Œã€ä»Šã§ã¯CSSã®ã¿ã§è¡¨ç¾ã§ãã‚‹ã‚‚ã®ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ã¨ã„ã†äº‹ã§ä»Šå›žã¯ãã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ãŸæŠ€ã‚’ä¸å¿ƒã«ã€ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ Divå…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã®å¶æ•°ãƒ»å¥‡æ•°ã®è¡Œã®è‰²ã‚’å¤‰ãˆã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚Œã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ï¼ˆæ–‡å—è‰²ã‚‚å¤‰æ›´ï¼‰ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’è£…é£¾ã™ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‘ãƒãƒ« ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— è¨€èªžã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›´ æ¨ªä¸¦ã³ã®divã®é«˜ã•æƒãˆã‚‹ ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸Šä¸‹å·¦å³ä¸å¤®ã«é…ç½®ã™ã‚‹ ãã‚Œã§ã¯å®Ÿéš›ã«ã©ã‚“ãªäº‹ãŒã§ãã‚‹ã®ã‹è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚³ãƒ¼ãƒ‰ã¨
xai1981 2017/07/07
css

html
ãƒªãƒ³ã‚¯
è¤‡æ•°ã®classã‚’ã‚»ãƒ¬ã‚¯ã‚¿ã«æŒ‡å®šã™ã‚‹æ–¹æ³• | Blog hamashun.com
é–¢é€£ãƒªãƒ³ã‚¯ è¤‡æ•°ã®classã‚’ã‚»ãƒ¬ã‚¯ã‚¿ã«æŒ‡å®šã™ã‚‹æ–¹æ³• è¤‡æ•°ã®classã‚’ã‚»ãƒ¬ã‚¯ã‚¿ã«æŒ‡å®šã™ã‚‹éš›ã®ãƒ¡ãƒ¢æ›¸ã è¤‡æ•°ã®classã‚’ã‚»ãƒ¬ã‚¯ã‚¿ã«æŒ‡å®šã—ãŸéš›ã®IEã®ãƒã‚° 2007å¹´5æœˆ23æ—¥ ä¿®æ£ãŠã‚ˆã³è¿½è¨˜ ã“ã®è¨˜äº‹ã«å¯¾ã™ã‚‹ãƒ¡ãƒ¢æ›¸ãã‚’ä½œæˆã—ã¾ã—ãŸã€‚ HTMLã«è¤‡æ•°ã®classã‚’æŒ‡å®šã™ã‚‹äº‹ã€ã‚ã‚Šã¾ã™ã‚ˆãã€‚ <div class="sample code"> ã“ã‚“ãªæ„Ÿã˜ã®ã€‚ ã‚“ã§ã€CSSå´ã§ã€Œsampleã¨codeã€ä¸¡æ–¹ã®classã«é©åˆã™ã‚‹è¦ç´ ã€ã¨ã„ã†ã‚»ãƒ¬ã‚¯ã‚¿ã‚’æ›¸ãã«ã¯ã€ div.sample.code { color: red; } ã“ã‚“ãªæ„Ÿã˜ã«ã™ã‚Œã°OKã€‚ ã‚‚ã¡ã‚ã‚“ä»•æ§˜æ›¸ã«ã‚‚æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ æ„å¤–ã¨è¦‹ã‹ã‘ãªã„ã‹ã‚‰æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚
xai1981 2017/05/17
css

selector

html
ãƒªãƒ³ã‚¯
HTML ã‚„ CSS ã‚’æ›¸ãã®ãŒã‚ã£ã¡ã‚ƒæ—ã‚‹ Emmet ã‚’ Atom ã§ã‚‚ä½¿ã†
Emmet ã¨ã„ã† HTML ã‚„ CSS ã®è¨˜è¿°ãŒã‚ã£ã¡ã‚ƒæ¥½ã«ãªã‚‹ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ä»¥å‰ã¯ Zen Coding ã¨å‘¼ã°ã‚Œã¦ãŸã®ã ã‘ã©ã„ã¤ã®ã¾ã«ã‹åå‰ãŒå¤‰ã‚ã£ãŸã¿ãŸã„ã§ã™ãã€‚ Emmet Documentation ä¾‹ãˆã°ã‚¨ãƒ‡ã‚£ã‚¿ä¸Šã§ nav#menu>ul>li*3 ã¨ã„ã†æ–‡å—åˆ—ã‚’ <nav id="menu"> <ul> <li></li> <li></li> <li></li> </ul> </nav> ã¨å±•é–‹ã§ãã¾ã™ã€‚ç°¡å˜ãªã¨ã“ã§ã‚‚è¦šãˆã¦ãŠãã¨ HTML æ›¸ãã®ãŒã¯ã‹ã©ã‚Šã¾ã™ã€‚ Zen-Coding ã¯ Vim ã§ã¯ä½¿ã£ã¦ãŸã®ã§ã™ãŒã‚‚ã¡ã‚ã‚“ Atom ã§ã‚‚ä½¿ãˆã¾ã™ã€‚ emmet ä½¿ã„æ–¹ã¯ç°¡å˜ã€html ã‚„ PHP ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ã¦ã„ã‚‹çŠ¶æ…‹ã§ HTML ã¸å±•é–‹ã™ã‚‹ç”¨ã®æ–‡å—åˆ—ã‚’æ‰“ã¡è¾¼ã‚“ã ã‚‰ tab ã‚’æŠ¼ã™ã ã‘ã§ã™ã€‚ Tab ã‚ãƒ¼ã¯ keymap.cson ãƒ•ã‚¡ã‚¤ãƒ«ã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šå¯èƒ½
xai1981 2017/05/17
html

css

emmet
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ (form)ã‚’tableã‚¿ã‚°ã‚’ä½¿ã‚ãšã«ç¶ºéº—ã«ä¸¦ã¹ã‚‹æ–¹æ³•ã¨html.slim.CSS,SASSã§ã®è¨˜è¿°æ–¹æ³• - Qiita
ä»Šå›žã¯ã€åŸºæœ¬ã®formã‚’tableã‚¿ã‚°ã‚’ä½¿ã‚ãšã«ã€ãã£ã¡ã‚Šæ•´åˆ—ã•ã›ã‚‹æ–¹æ³•ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰é‡ãŒå¢—ãˆã‚‹ã®ã§ã€ã‚ãŸã—ã¯tableã‚¿ã‚°ãŒã‚ã‚“ã¾ã‚Šå¥½ãã˜ã‚ƒãªã„ã‚“ã§ã™(>o<) ã§ã‚‚tableã‚¿ã‚°ã‚’ä½¿ã‚ãªã„ã¨ã€ãã¡ã‚“ã¨inputã¨labelãŒæƒã‚ãªã„çŠ¶æ…‹ã‹ã‚‰æŠœã‘å‡ºã›ãªãã¦ã™ã”ãå›°ã£ã¦ã„ã¾ã—ãŸã€‚ãªã‚“ã¨ã‹ä¸å¤®å¯„ã›ã§ã€ãã‚Œãžã‚Œã®è¦ç´ ã®ç¸¦ã®ãƒ©ã‚¤ãƒ³ãŒç¶ºéº—ã«æƒã†æ–¹æ³•ã‚’è¦‹ã¤ã‘ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ä½¿ã†ã‚¿ã‚°ã¯ã€Œul,liã‚¿ã‚°ã€ï¼ ulã‚¿ã‚°ã¨liã‚¿ã‚°ã‚’ä½¿ãˆã°ã€formè¦ç´ ã‚’ç°¡å˜ã«ç¶ºéº—ã«ä¸¦ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãšã¯åŸºæœ¬ã¨ãªã‚‹htmlã‚’æ›¸ã„ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡¨ç¤ºã•ã›ã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ã€Œul,liã‚¿ã‚°ã€ã‚’ä½¿ã†ã“ã¨ã§ã™ï¼ <form> <ul> <li class="name"> <label for="name">Name<label> <input id="name" type="text" name="name" place
xai1981 2017/05/17
qiita

design

html
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ by @mdo
HTMLã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã«ã¯åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹åˆ†ã®ã‚½ãƒ•ãƒˆã‚¿ãƒ–ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã€‚ã“ã‚ŒãŒå…¨ã¦ã®ç’°å¢ƒã§å…¨ãåŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸè¦ç´ ã¯ã‹ãªã‚‰ãš1æ®µéšŽã ã‘ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆ(åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹)ã™ã‚‹ã“ã¨ã€‚ ã„ã¤ã‚‚ãƒ€ãƒ–ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã†ã“ã¨ã€‚å±žæ€§å€¤ã«å¯¾ã—ã¦ã‚·ãƒ³ã‚°ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã‚ãªã„ã“ã¨ã€‚ é–‰ã˜ã‚¿ã‚°ã®ç„¡ã„è¦ç´ ã«å¯¾ã—ã¦ã€æœ«å°¾ã®ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã¯çœãäº‹ã€‚HTML5ä»•æ§˜ã«çœç•¥ã—ã¦è‰¯ã„ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ çœç•¥ã§ãã‚‹é–‰ã˜ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ã“ã¨ã€‚(ä¾‹ãˆã°</li>ã¨ã‹</body>)ã€‚ <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
xai1981 2017/05/16
coding_style

html

css

print
ãƒªãƒ³ã‚¯
GitHub - validator/grunt-html: Grunt plugin for HTML validation, using the official Nu Html Checker (v.Nu)
xai1981 2017/05/11
git_hub

lint

html

grunt
ãƒªãƒ³ã‚¯
[HTML5 å…¥é–€]HTML5ã®ç•¥ã•ã‚ŒãŸ49ã‚¿ã‚°ã®èªžæºå…¨ã¦ã‚’èª¿ã¹ãŸ
ã‚¿ã‚°åãŒãã®ã¾ã¾ã‚¿ã‚°ã®æ„å‘³ã«ãªã£ã¦ã„ã‚‹ã‚‚ã®ã¯æŠœã„ã¦ã‚ã‚Šã¾ã™ã€‚ã“ã“ã«ã‚ã‚‹ã®ã¯108ã¤ã‚ã‚‹HTML5ã‚¿ã‚°ã®ã†ã¡49å€‹ã€‚ ä»˜ã‘åŠ ãˆã¦ãŠãã¾ã™ã¨ã€ã“ã®è¡¨ã¯ã‚¿ã‚°ã®è‹±èªžã§ã®æ„å‘³ã§ã¯ãªãã€å˜ç´”ã«ã‚¿ã‚°ã®åå‰ã«ãªã£ãŸå…ƒã®å˜èªžã‚’ç¤ºã—ãŸã ã‘ã§ã™ã€‚ãã‚Œã§ã‚‚ã©ã†ã—ã¦ã‚‚åˆ†ã‹ã‚Šã«ããã†ãªã‚‚ã®ã¯ç†Ÿèªžã¨ã—ã¦åŠ ãˆã¦ã‚ã‚Šã¾ã™ã€‚ ä¸€å¿œåˆ†ã‹ã‚Šã«ãã„ã‚‚ã®ã ã‘è£œè¶³ hrã‚¿ã‚°ã«ã¤ã„ã¦ ã‚ˆãæ˜”hairline(ç´°ã„ç·š)ã¨èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹ã®ã‚’è¦‹ã‹ã‘ã¾ã—ãŸãŒã€æ£ã—ãã¯æ°´å¹³æ–¹å‘ã®ç½«ç·šã¨è¨€ã†æ„å‘³ã§ã™ã€‚ dlã‚¿ã‚°ã€dtã‚¿ã‚°ã€ddã‚¿ã‚°ã«ã¤ã„ã¦ dlã¯description listã§ã™ã€‚HTML4ã¾ã§ã€dlã¯å®šç¾©ãƒªã‚¹ãƒˆã€ã¤ã¾ã‚Šdefinition listã¨ã„ã†æ„å‘³ã§ã—ãŸã€‚ã—ã‹ã—HTML5ã‹ã‚‰ã—ã‚Œã£ã¨description listã€ã¤ã¾ã‚Šè¨˜è¿°ãƒªã‚¹ãƒˆã¨è¨€ã†æ„å‘³ã«å¤‰ã‚ã£ã¦ãŠã‚Šã€ç”¨é€”ã‚‚å˜ã«å®šç¾©ã®è¨€è‘‰ã¨ãã®å¯¾å¿œã‚’ç¤ºã™ã‚‚ã®ã€ã¨ã„ã†ã‚‚ã®ã‹ã‚‰ã‚¿ãƒ¼ãƒ (å°‚é–€èªžã¨è¨€ã†ã‚ˆ
xai1981 2017/04/23
name

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