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

fushimik id:fushimik

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

${{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}}

Glatchï¼ˆã‚°ãƒ©ãƒƒãƒï¼‰ - å¤«å©¦ã§æ´»å‹•ã™ã‚‹ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹Webåˆ¶ä½œãƒ¦ãƒ‹ãƒƒãƒˆ
æ¨ªæµœå¸‚ãƒ»æ±äº¬éƒ½å†…ã‚’ä¸å¿ƒã«æ´»å‹•ã™ã‚‹ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®Webåˆ¶ä½œäº‹å‹™æ‰€ã§ã™ã€‚BtoBã®LPã‚„ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚’å¾—æ„ã¨ã—ã¦ã„ã¾ã™ã€‚
fushimik 2016/08/11
gulp

HTML

EJS

json
ãƒªãƒ³ã‚¯
ãã‚ãã‚çœŸé¢ç›®ã«ã€HTMLã§å¸³ç¥¨ã‚’æãè©±ã‚’ã—ã‚ˆã†ã‹ - Qiita
å¸³ç¥¨ã¨ã„ãˆã°PDFã¨ã—ã¦ç”Ÿæˆã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ã‚‡ã†ã‹? ã§ã‚‚ã€2015å¹´ã®ä»Šã€ã‚ãˆã¦HTMLã§æãã®ãŒãƒ›ãƒƒãƒˆã§ã™(å€‹äººçš„ã«)ã€‚ãƒŸãƒªå˜ä½ã§è¨å®šã•ã‚ŒãŸé«˜åº¦ãªå¸³ç¥¨ã‚‚ã€CSSã‚’é§†ä½¿ã—ã¦ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã‚‚ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¢—ãˆã€@pageãªã©ã‚‚ç©æ¥µçš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã€SPA(Single Page Application)ã®å°é ã€ã„ã‚ã„ã‚ã¨æ¡ä»¶ãŒæƒã£ã¦ãã¾ã—ãŸã€‚ æ›¸ã„ã¦ãŸã‚‰çµæ§‹é•·ããªã£ã¡ã‚ƒã£ãŸã®ã§ã€ã•ãã£ã¨ã‚³ãƒ¼ãƒ‰ã ã‘è¦‹ãŸã„æ–¹ã¯ã€Paper CSSãƒªãƒã‚¸ãƒˆãƒªã‚’ã©ã†ãžã€‚ ã¯ã˜ã‚ã« HTMLå¸³ç¥¨ã®ãƒ¡ãƒªãƒƒãƒˆ 2015å¹´ç¾åœ¨ã€HTMLå¸³ç¥¨ã‚’é¸æŠžã™ã‚‹å¹¾ã¤ã‹ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚¹ã‚¿ã‚¤ãƒ«èª¿æ•´ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ãªããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ç”Ÿæˆã§ãã‚‹ å‰è€…ã¯ã€gulpã‚„Gruntã®æ™®åŠã§ã€CSSã«ã—ã‚HTMLã«ã—ã‚ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹ç’°
fushimik 2015/10/05
HTML

å°åˆ·

css
ãƒªãƒ³ã‚¯
[CSS]ãƒ•ãƒƒã‚¿ã®è¡¨ç¤ºã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå°‘ãªã„æ™‚ã¯æœ€ä¸‹éƒ¨ã«å›ºå®šã€å¤šã„æ™‚ã¯æˆã‚Šè¡Œãã«ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå¤šã„æ™‚ï¼‰ å®Ÿè£… HTML æœ€å°é™ã®æ§‹æˆã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯mainè¦ç´ ã§ãªãã¦ã‚‚å¹³æ°—ã§ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ•ãƒƒã‚¿ã ã‘ã‚ã‚Œã°OKã€‚ <body> <main> ãƒ¡ã‚¤ãƒ³ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ </main> <footer> ãƒ•ãƒƒã‚¿ </footer> </body> CSS ãƒ‡ãƒ¢ã§ã¯ãƒ•ãƒƒã‚¿ã®é«˜ã•ã‚’5emã«è¨å®šã—ã¦ãŠã‚Šã€ãã‚Œã«åˆã‚ã›ã¦bodyã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’è¨å®šã—ã¾ã™ã€‚ // STYLES - essential for sticky footer html { min-height: 100%; position: relative; } body { margin-bottom: 5em; } footer { bottom: 0; height: 5em; position: absolute; }
fushimik 2015/05/12
HTML

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

css

ãƒ•ãƒƒã‚¿ãƒ¼å›ºå®š
ãƒªãƒ³ã‚¯
çˆ†é€ŸHTML â€“ Elmã§ã®ä»®æƒ³DOM | POSTD
æ–°ãŸãª elm-html ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¯ã€HTMLã¨CSSã‚’Elmã§ç›´æŽ¥ä½¿ç”¨ã§ãã¾ã™ã€‚FlexBoxã‚‚ä½¿ã£ã¦ã¿ãŸã„ã—ã€æ—¢å˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ä½¿ã„ç¶šã‘ãŸã„ã§ã™ã‹ï¼Ÿã€€Elmã¯ä½¿ã„ã‚„ã™ããªã‚Šã€å‡¦ç†ãŒ é€Ÿã ãªã‚Šã¾ã—ãŸã€‚ä¾‹ãˆã°ã€ TodoMVC ã‚¢ãƒ—ãƒªã‚’å†ä½œæˆã™ã‚‹å ´åˆã€Elmã® ã‚³ãƒ¼ãƒ‰ ã¯ã¨ã¦ã‚‚å˜ç´”ã§ã€ äº‹å‰ã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ ã§ã‚‚ã€ä»–ã®äººæ°—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«æ¯”ã¹å‡¦ç†é€Ÿåº¦ãŒæ¥µç«¯ã«é€Ÿã„ã¨ã„ã†çµæžœãŒå‡ºã¦ã„ã¾ã™ã€‚ elm-html ã¨Mercuryã¯ã€ã©ã¡ã‚‰ã‚‚ virtual-dom ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’åŸºã«ã—ã¦ã„ã‚‹ã®ã§ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå„ªã‚Œã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€å‰åŠã§â€œä»®æƒ³DOMâ€ã¨ã¯ä½•ã‹ã€ ç´”ç²‹æ€§ ã¨ ä¸å¤‰æ€§ ã«ã‚ˆã£ã¦ã„ã‹ã«å‡¦ç†é€Ÿåº¦ãŒä¸ŠãŒã‚‹ã‹ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦è©³ã—ãæ¤œè¨¼ã—ã¾ã™ã€‚ã“ã®æ¤œè¨¼ã«ã‚ˆã£ã¦ã€ãªãœOmã€Mercuryã€ElmãŒãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã§ã“ã®ã‚ˆã†ãªç´ æ™´ã‚‰ã—ã„æ•°å—ã‚’å‡ºã—ãŸã‹ãŒåˆ†ã‹ã‚‹ã§ã—ã‚‡ã†ã€‚ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¯äºº
fushimik 2014/08/29
HTML

DOM

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ã€ŽWeb Componentsã§è¡Œã†HTMLã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ã‚¢ãƒ¡ãƒ¼ãƒäº‹æ¥æœ¬éƒ¨ã®æ³‰æ°´ï¼ˆ@1000chï¼‰ã§ã™ã€‚ ä»Šæ—¥ã¯HTMLã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã™ã‚‹Web Componentsã¨ã„ã†æ–°ã—ã„HTMLã®ä»•æ§˜ã¨ã€ ãã®æ©Ÿèƒ½ã‚’è£œå®Œã™ã‚‹Polymerã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ Web Components Web Componentsã«ã¤ã„ã¦ã¯ã€2013å¹´ã®HTML5 Conferenceã§Googleã®å¤·è—¤ã•ã‚“ãŒã‚»ãƒƒã‚·ãƒ§ãƒ³ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚å¤·è—¤ã•ã‚“ã¯Chromeãƒãƒ¼ãƒ ã§ã€Web Componentã®å‘¨ã‚Šã®å®Ÿè£…ã‚’ã•ã‚Œã¦ã„ãŸã‚Šã€Shadow DOMã®ä»•æ§˜ã®ç·¨é›†ã‚’ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚»ãƒƒã‚·ãƒ§
fushimik 2014/04/16
HTML

DOM
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
fushimik 2013/06/24
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

HTML

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
WordPress ã‚µã‚¤ãƒˆã‚’é™çš„ HTML ã«å¤‰æ›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ StaticPress - dogmap.jp
å®Ÿã¯ WordPress ã‚µã‚¤ãƒˆã‚’é™çš„ HTML ã«å¤‰æ›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ StaticPress ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã¾ã—ãŸã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã€WordPress å…¬å¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‹ã‚‰ãŠé¡˜ã„ã—ã¾ã™ã€‚ WordPress â€º StaticPress Â« WordPress Plugins ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ WordPress ã§ä½œæˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’ä¸¸ã”ã¨é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€å¤‰æ›æ™‚ã«ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯æ§‹é€ ã‚’å¤‰æ›ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€http://wp.example.com/ ã¨ã„ã†ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚µã‚¤ãƒˆã‚’ http://www.example.com/static/ ã¨ã„ã†ã‚µã‚¤ãƒˆã¨ã—ã¦å…¬é–‹ã™ã‚‹ãŸã‚ã® html ã‚’ä½œæˆã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ å®Œå…¨ã«é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã™ã‚‹ãŸã‚ã€ã‚³ãƒ¡ãƒ³ãƒˆã‚„ã‚µã‚¤ãƒˆå†…æ¤œç´¢ãƒ»ã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®è¨ç½®ãªã©ã¯ã§ãã¾ã›ã‚“ã€‚ ãã‚Œã‚‰ã«ã¤ã„ã¦ã¯
fushimik 2013/06/07
wordpress

HTML
ãƒªãƒ³ã‚¯
Pingendo
Pingendo Bootstrap 4 builder Design, build and deploy web pages in a flow. Pingendo is a modern tool for designers, developers and web agencies. Intuitive as stacking blocks, powerful as a text editor. Download it for free
fushimik 2013/06/06
Twitter Bootstrapã«ã‚‚å¯¾å¿œã®htmlã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«

HTML

web

editor
ãƒªãƒ³ã‚¯
CKEditor Ecosystem | CKEditor.com
Build customized, reliable, and powerful content editing experiences with CKEditor. Every tool you need: Create powerful rich text editors with over 300+ features.Customize everything: Tailor CKEditorâ€™s functionality and appearance to meet your specific requirements for seamless and integrated editing experiences.Deploy how you like: Take full control over your deployment strategy. Cloud-hosted or
fushimik 2013/06/05
ç„¡æ–™ã®HTML WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿

WYSIWYG

HTML

ã‚¨ãƒ‡ã‚£ã‚¿
ãƒªãƒ³ã‚¯
HTML5 Boilerplateã®é–‹ç™ºè€…ã§Googleã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒãƒ¼ãƒ«ãƒ»ã‚¢ã‚¤ãƒªãƒƒã‚·ãƒ¥ã«èžãCSSé«˜é€ŸåŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - builder by ZDNet Japan
Adobe SystemsãŒãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§5æœˆã«åˆæ—¬ã«é–‹å‚¬ã—ãŸã€ŒAdobe MAX 2013ã€ã«ãŠã„ã¦ã€HTML5 Boilerplateã®é–‹ç™ºè€…ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹Paul Irishæ°ã®è¬›æ¼”ã€ŒMobile CSS Performanceã€ã‚’è´è¬›ã—ãŸã€‚ãã®å†…å®¹ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãªãŒã‚‰ã€CSSã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ Paul Irishæ°ã¯ã€HTML5 Boilerplateã‚„Modernizrãªã©ã®é–‹ç™ºè€…ã¨ã—ã¦ä¸–ç•Œçš„ã«è‘—åãªGoogleã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€‚ãã®å½¼ãŒç›´æŽ¥CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’èªžã‚‹ã¨ã‚ã£ã¦ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯å¤§å¤‰ãªäººæ°—ã§ã‚ã£ãŸã€‚ ä¸€èˆ¬çš„ã«ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®é«˜é€ŸåŒ–ã€ç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«ã«ãŠã„ã¦ã¯CSSã‚’é«˜é€ŸåŒ–ã™ã‚‹ã“ã¨ã‚ˆã‚Šã‚‚ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æœ€é©åŒ–ã™ã‚‹æ–¹ãŒåŠ¹æžœãŒé«˜ã„ã€‚ãã®ãŸã‚ã€ã¾ãšã¯PageSpeedã‚„YSlowãªã©ã‚’åŠ¹æžœçš„ã«ä½¿ç”¨ã—ã€HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã‚’æ¸›ã‚‰ã™ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼
fushimik 2013/05/21
é«˜é€ŸåŒ–

html

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

css
ãƒªãƒ³ã‚¯
script src='//...' ã£ã¦æ›¸ã‘ã‚‹ã®çŸ¥ã£ã¦ã¾ã—ãŸã‹ï¼Ÿ Â· DQNEOæ—¥è¨˜
scriptã‚¿ã‚°ã§å¤–éƒ¨ã‚µã‚¤ãƒˆã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ã¨ãã¯ã“ã†ã„ã†é¢¨ã«æ›¸ãã¾ã—ã‚‡ã†ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> Googleå…¬å¼ã‚µã‚¤ãƒˆ(Google Hosted Libraries - Developer's Guide)ã§ã‚‚ã“ã®æ›¸ãæ–¹ãŒæç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã†æ›¸ã‘ã°ã€HTTPã®ã¨ãã¯httpã€HTTPSã®ã¨ãã¯httpsã«ãªã‚‹ã®ã§å¤§å¤‰ä¾¿åˆ©ã§ã™ã€‚ å‚è€ƒ ã„ã„åŠ æ¸›ã€<script src="http://..ã€€ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã—ã‚‡ã† ï¼‘ã¤ã®ãƒã‚¿ã§ï¼’å›žè¨˜äº‹ã‚’æ›¸ã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ å¾Œæ‚”ã¯ã—ã¦ãªã„ã€‚
fushimik 2013/05/21
html

https
ãƒªãƒ³ã‚¯
äººæ°—ã®WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ - ãŠãŠã‚‰ã‹ã«ã„ã“ã†
WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã¨ã¯ã€ä¸€ç¨®ã®HTMLã‚¨ãƒ‡ã‚£ã‚¿ã§ã™ã€‚WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€å®Ÿéš›ã®ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨åŒã˜ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã€ãƒšãƒ¼ã‚¸ã‚’ç·¨é›†ã§ãã¾ã™ã€‚ãƒ–ãƒã‚°æ›¸ãäººã¯ã‚ã‹ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€ãƒ–ãƒã‚°è¨˜äº‹ã‚’æ›¸ãç”»é¢ã«ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ãã€‚ WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã¯ã€ã„ãã¤ã‚‚é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€é«˜æ©Ÿèƒ½ã™ãŽã¦å°‘ã—é‡ãŸã‹ã£ãŸã‚Šã¨è´…æ²¢ãªä¸æº€ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€äººæ°—ã®WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã®ã”ç´¹ä»‹ã§ã™ã€‚ ãƒ»Redactor Redactorã¯ã€ã™ã£ãã‚Šã¨ã—ãŸç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´ã§ã™ã€‚ç§ã¯ä¸€ç•ªå¥½ãã§ã™ã€‚æ®‹å¿µãªãŒã‚‰æœ‰å„Ÿãªã‚“ã§ã™ãã€‚é«˜æ©Ÿèƒ½ã§ä»–ã®WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã‚ˆã‚Šç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§æœ‰å„Ÿãªã®ã‚‚ç´å¾—ã§ã™ã€‚ Redactor ãƒ»CKEditor CKEditorã¯ã€é«˜æ©Ÿèƒ½ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå®¹æ˜“ã§ã™ã€‚æ—¥æœ¬èªžã«å¯¾å¿œã—ã¦ãã‚Œã¦ã„ã¾ã™ã®ã§ã€ãƒœã‚¿ãƒ³ã®èª¬æ˜ŽãŒæ—¥æœ¬èªžã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ CKEditor ãƒ»CLEdit
fushimik 2013/02/24
html

wysiwyg

ã‚¨ãƒ‡ã‚£ã‚¿
ãƒªãƒ³ã‚¯
Hamlã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œSublime text 2ã§ãƒ“ãƒ«ãƒ‰ã—ã¦ã¿ã¾ã—ãŸã€‚ | DevelopersIO
å…ˆæ—¥ã€å¼Šç¤¾ã§é–‹å‚¬ã—ã—ã¦ã„ã‚‹å‹‰å¼·ä¼š:ã€èª²å¤–æŽˆæ¥5æ—¥ç›®ã€‘ã€ŒSublime Text 2ã¨Sass&Compassã§åŠ¹çŽ‡çš„ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ©ã‚¤ãƒ•ã€ã®ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã‚’å‹™ã‚ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ äººç”Ÿåˆã®ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã¨ã„ã†ã“ã¨ã§ã€ç·Šå¼µã—ã¦æ™‚é–“ã‚’10åˆ†å·»ã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã€‚ã€‚ ã•ã¦ä»Šå›žã¯Haml with Sublime text 2ã¨é¡Œã—ã¾ã—ã¦ã€ã”ç´¹ä»‹ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ Hamlã¨ã¯ï¼Ÿ Hamlã®æ›¸ãæ–¹ Sublime text 2ã§ãƒ“ãƒ«ãƒ‰(ãƒ•ã‚¡ã‚¤ãƒ«å‡ºåŠ›) ãŠã¾ã‘ Hamlã¨ã¯ï¼Ÿ XHTML Abstraction Markup Languageã®ç•¥ç§°ã§ã™ã€‚ ã¨è¨€ã‚ã‚Œã¾ã—ã¦ã‚‚ãªã‚“ã®ã“ã¨ã ï¼Ÿï¼Ÿã£ã¦ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ æ—¥æœ¬Hamlã®ä¼šã¨ã„ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—ã§ä»¥ä¸‹ã®ã‚ˆã†ã«ã€èª¬æ˜Žã—ã‚Œãã‚Œã¦ã¾ã™ã€‚ Hamlã¯HTML/XHTMLã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚„ç°¡ç•¥æ§‹æ–‡ã«ã‚ˆã£ã¦ç°¡æ½”ãªè¨˜è¿°
fushimik 2013/02/18
html

haml
ãƒªãƒ³ã‚¯
HTMLã§ãƒžãƒ³ã‚¬ã‚’ä½œæˆã§ãã‚‹ã€ŒComix I/Oã€ã€æ£’äººé–“ã‚¨ãƒ‡ã‚£ã‚¿ä»˜ãã§èª°ã§ã‚‚æŒ‘æˆ¦å¯èƒ½ ã€å¢—ç”° @maskinã€‘ | TechWaveï¼ˆãƒ†ãƒƒã‚¯ã‚¦ã‚§ãƒ¼ãƒ–ï¼‰
å…¨åŠ›ã§ã€Œã‚¢ãƒ—ãƒªåšã€ã‚’ãƒ¨ã‚¤ã‚·ãƒ§ã—ã¦ã„ã‚‹ã€ã¡ã‚‡ã£ã¨å¯’ã„ãƒžãƒ³ã‚¬ã€ã€ã€ã€å†…å®¹ã¯ã¨ã‚‚ã‹ãã€æœ€è¿‘æµè¡Œã—ã¦ã„ã‚‹ã€Œæ£’äººé–“ã€ã‚’ä¸»å½¹ã«ã—ãŸã“ã®ãƒžãƒ³ã‚¬ã¯HTMLã§ã§ãã¦ã„ã‚‹ã®ã§ã‚ã‚‹ (ã‚½ãƒ¼ã‚¹ã‚’å‚ç…§â†’http://metamix.com/techwave/comix.html)ã€‚ ä½¿ç”¨ã—ãŸã®ã¯ã€ŒComix I/Oã€ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã€æ£’äººé–“ã®ãƒãƒ¼ã‚ºã‚’æ±ºã‚ã€ã‚ã¨ã¯HTMLã‚½ãƒ¼ã‚¹ã«å¹ãå‡ºã—ãªã©ã‚’å…¥åŠ›ã™ã‚Œã°å®Œæˆã€‚ å‡ºåŠ›ã¯ç”»åƒã§ã¯ãªãã€ã‚ãã¾ã§HTMLã§è¡¨ç¾ã§ãã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã€‚ æ£’äººé–“ãƒžãƒ³ã‚¬é‡ç”£ä½“åˆ¶ã‚¹ã‚¿ãƒ¼ãƒˆ? ã€ŒComix I/Oã€ã«ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãŒæä¾›ã•ã‚Œã¦ãŠã‚Šã€ç”»é¢ä¸Šéƒ¨ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯éƒ¨ãŒæ£’äººé–“ã®ãƒãƒ¼ã‚ºã‚„å¹ãå‡ºã—ã®ä½ç½®ã‚’èª¿æ•´ã™ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã«ãªã£ã¦ã„ã‚‹ã€‚ã¾ãšã¯ã€ã“ã“ã§å›³æŸ„ã‚’ä½œæˆã™ã‚‹ã¨ã€ä¸‹éƒ¨ã«HTMLã‚³ãƒ¼ãƒ‰ãŒç”Ÿæˆã•ã‚Œã‚‹ä»•çµ„ã¿ã€‚ å¹ãå‡ºã—ã®æ–‡å—åˆ—ãªã©ã¯ã€HTMLã‚³ãƒ¼ãƒ‰ã‚’ç›´æŽ¥ç·¨é›†ã™ã‚‹ã€‚ æ£’äººé–“ã‚„å¹ãå‡ºã—ã«ã¯ã€ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©
fushimik 2013/02/16
html

webã‚µãƒ¼ãƒ“ã‚¹

ãƒžãƒ³ã‚¬
ãƒªãƒ³ã‚¯
PrimerCSS
Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Paste your HTML in to get started. Made for you with love and care by @luckystrikes and @wades. Notice: Undefined index: htmlsrc in /home/ypp7m8mtix54/domains/primercss.com/html/index.php on line 43
fushimik 2012/12/28
htmlã‚’ã‚³ãƒ”ãƒšã§æ›¸ãè¾¼ã‚€ã¨ã€cssã®ãƒ™ãƒ¼ã‚¹ã‚’ä½œã£ã¦ãã‚Œã‚‹ã€‚ã“ã‚Œã¯ä¾¿åˆ©ã€‚

css

html

webåˆ¶ä½œ

*webã‚µãƒ¼ãƒ“ã‚¹

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿
ãƒªãƒ³ã‚¯
1