[B! html5] abyssgateã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

abyssgate id:abyssgate

html5ã«é–¢ã™ã‚‹abyssgateã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (25)

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

Bootstrapã¯ç„¡ã—ã€HTML5ã¨CSS3ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ã•ã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
Bootstrapãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ç„¡ã—ã€HTML5ã¨CSS3ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€jQueryãªã©ã§ã„ã‚ã„ã‚ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’Templatedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
abyssgate 2015/07/07
html5

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã®å¤§æœ¬å‘½!? HTML5ã‚‚ã‚¢ãƒ—ãƒªã‚‚Flashã‚‚é–‹ç™ºã§ãã‚‹ã€ŒOpenFLã€ã¨ã¯ï¼Ÿ - ICS MEDIA
ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã®å¤§æœ¬å‘½!? HTML5ã‚‚ã‚¢ãƒ—ãƒªã‚‚Flashã‚‚é–‹ç™ºã§ãã‚‹ã€ŒOpenFLã€ã¨ã¯ï¼Ÿ ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¯¾å¿œã•ã›ãŸã„ã€ã€ãã‚Œã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã§ã‚ã‚Œã°èª°ã‚‚ãŒæœ›ã‚€ã“ã¨ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä¸€æ˜”å‰ã¯Adobe FlashãŒã€ŒOpen Screen Projectã€ã¨é¡Œã—ã¦ä¸€æ©æ‰‹å‰ã¾ã§å®Ÿç¾ã—ã¦ã„ã¾ã—ãŸãŒã€iPhoneã‹ã‚‰Flashã‚’ç· ã‚å‡ºãã†ã¨ã™ã‚‹Appleã®å¼·ç¡¬ãªå§¿å‹¢ã«ã‚ˆã£ã¦é “æŒ«ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ å°¾é‡Žã•ã‚“(ã—ã£ã½ã•ã‚“)ã‹ã‚‰ã®å‹§ã‚ã‚‚ã‚ã‚Šèª¿ã¹ãŸã®ã§ã™ãŒã€ã€ŒOpenFLã€ï¼ˆã‚ªãƒ¼ãƒ—ãƒ³ã‚¨ãƒ•ã‚¨ãƒ«ï¼‰ã¨ã„ã†ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¯ã•ã¾ã–ã¾ãªå½¢å¼ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‡ºåŠ›ã§ãã¾ã™ã€‚ã¤ã¾ã‚ŠOpenFLã‚’ä½¿ãˆã°ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ä»Šå›žã¯OpenFLã‹ã‚‰HTML5ã¨Flashã‚’å‡ºåŠ›ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚¯ãƒã‚¹
abyssgate 2014/01/31
openfl

html5

flash
ãƒªãƒ³ã‚¯
å®Œç’§ã«åˆ†ã‹ã‚‹ï¼ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸€é€£ã®æµã‚Œã¨çŸ¥è˜(HTML5+ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–+WordPress)
ä½œæˆï¼š2014/01/27 æ›´æ–°ï¼š2015/08/07 Webåˆ¶ä½œ > å‰å›žã€Webåˆ¶ä½œã®ä¸€é€£ã®æµã‚Œã‚’æ›¸ãã¾ã—ãŸãŒã€ä»Šå›žã¯å°‘ã—æŽ˜ã‚Šä¸‹ã’ã¦ã€Œã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã®ãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¾ã™(HTML5+ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–+WordPress)ã€‚ä¼šç¤¾ã«ã‚ˆã£ã¦é•ã†ã¨æ€ã„ã¾ã™ãŒã€ã–ã£ãã‚Šã¨ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æµã‚Œã¨æ°—ã‚’ã¤ã‘ã¦ãŠããŸã„ã“ã¨ã‚’ãƒ¡ãƒ¢ã—ã¦ã„ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‰ã®æº–å‚™ ï¼‘ï¼Žä»•æ§˜æ›¸ã®ç¢ºèª ï¼’ï¼Žå…¥ç¨¿ãƒ‡ãƒ¼ã‚¿ã®ç¢ºèªãƒ»ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒªãƒ³ã‚° HTML5 ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ï¼“ï¼Žãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆä½œæˆ ï¼”ï¼Žæ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ ï¼•ï¼ŽGCFï¼‹ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚¯ãƒªã‚¢ ï¼–ï¼ŽOGPè¨˜è¿° ï¼—ï¼Žãƒ•ã‚¡ãƒ“ã‚³ãƒ³ ï¼˜ï¼Žã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ä½œæˆ ï¼™ï¼Žãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã‚’ãƒã‚§ãƒƒã‚¯ CSS ã®è¨å®š ï¼‘ï¼ï¼ŽãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã‚¹ã‚¿ã‚¤ãƒ« ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆ ï¼‘ï¼‘ï¼Žãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚’åŸºæº–ã«è¨è¨ˆ ï¼‘ï¼’ï¼Žãƒ—ãƒã‚°ãƒ¬ãƒƒ
abyssgate 2014/01/28
wordpress

html5
ãƒªãƒ³ã‚¯
html/css å‚è€ƒã‚µã‚¤ãƒˆç·ã¾ã¨ã‚
ä½œæˆï¼š2013/10/15 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆé€±ã€WordPressã¨EC-CUBEã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã—ãªã‘ã‚Œã°ã„ã‘ãªãã¦ã€ä¹…ã—ã¶ã‚Šã«ã„ã˜ã£ã¦ãŠã‚Šã¾ã—ãŸãŒã€å¿˜ã‚Œã¦ã„ãŸã‚ŠçŸ¥ã‚‰ãªã‹ã£ãŸã“ã¨ãŒæ²¢å±±ã‚ã‚Šã¾ã—ãŸã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯SEOã‚„UIã«ã‚‚æ·±ãé–¢ä¿‚ã—ã¦ã„ã‚‹ã®ã‚‚ã‚ã‚Šã€ã“ã“ã‚‰ã¸ã‚“ã§CSSã‚„HTMLï¼•ã‚’è§¦ã‚‹ã¨ãã«å‚è€ƒã«ã™ã‚‹ã¨æ—ã‚‹è¨˜äº‹ã‚’ä¸€å›žã¾ã¨ã‚ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯CMSã‚„ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã†ãˆã§ã€ŒçŸ¥ã£ã¦ãŠãã¨å¿…ãšå½¹ç«‹ã¤ã€ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ å®šç•ªã¾ã¨ã‚ ï¼‘ï¼Žå‹‰å¼·ã«ãªã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ã‚µãƒ³ãƒ—ãƒ«ã¾ã¨ã‚ åŸºæœ¬çŸ¥è˜ ï¼’ï¼Žã‚»ãƒ¬ã‚¯ã‚¿ ï¼“ï¼Žãƒ¡ãƒ‡ã‚£ã‚¢ ã‚¯ã‚¨ãƒª ï¼”ï¼Žã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ ï¼•ï¼Žãƒ•ã‚©ãƒ³ãƒˆ ï¼–ï¼ŽCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ ï¼—ï¼Žã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ï¼˜ï¼Žæ£ç¢ºãªHTMLä½¿ç”¨æ–¹æ³• ï¼™ï¼ŽCSSãƒãƒƒã‚¯ ï¼‘ï¼ï¼Žæ›¸ãæ–¹ï¼èªã¿æ–¹ å®šç•ªã¾ã¨ã‚
abyssgate 2013/10/15
CSS

html5
ãƒªãƒ³ã‚¯
wri.peã§å¦ã¶ã€ã‚¤ãƒžãƒ‰ã‚ã®Webã‚¢ãƒ—ãƒªã®ä½œã‚Šã‹ãŸï¼ˆå‰ç·¨ï¼‰
ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãŒæ‰‹ãŒã‘ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’é¡Œæã«æŠ€è¡“çš„ãªè§£èª¬ã‚’è¡Œã£ã¦ã„ãã‚·ãƒªãƒ¼ã‚ºé€£è¼‰ã€ä»Šå›žã¯ wri.peã§ã™ã€‚ é›£ã—ã„æ©Ÿèƒ½ã®å®Ÿè£…ã‚„ã€å…ˆé€²çš„ãªAPIã®åˆ©ç”¨ã‚’é€šã˜ã¦ã€åŸ·ç†è€…ãŒå¾—ãŸãƒŽã‚¦ãƒã‚¦ã‚’ä½™ã™ã¨ã“ã‚ãªãç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ HTML5ã‚’æ´»ç”¨ã—ãŸãƒ¡ãƒ¢å¸³ã‚¢ãƒ—ãƒª [wri.pe] æœ€è¿‘ã€ä»•äº‹ã§ä½œã£ã¦ã„ã‚‹ãƒŸã‚¤ãƒ«ãŒå¿™ã—ã‹ã£ãŸã‚Šã€è¶£å‘³ã§ä½œã£ã¦ã„ã‚‹MobiRubyãŒãªã‹ãªã‹é€²ã¾ãªã‹ã£ãŸã‚Šã—ã¦ã€å€‹äººã§Webã‚µãƒ¼ãƒ“ã‚¹çš„ãªãƒ¢ãƒŽã‚’ä½œã£ã¦ã„ãªã„äº‹ãŒè‡ªåˆ†ã¨ã—ã¦ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ ãã“ã§æ¯æŠœãã¨ã—ã¦ã€ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚¤ãƒ¼ã‚¯ã«é›†ä¸ã—ã¦Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä¸€ã¤ä½œã‚ã†ï¼ã¨æ€ã„ç«‹ã¡ã€wri.peã¨ã„ã†Webã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã«ç€æ‰‹ã—ã¾ã—ãŸã€‚ wri.peã¯è‡ªåˆ†ãŒä½¿ã„ãŸã„ã¨æ€ãˆã‚‹ãƒ¡ãƒ¢å¸³ã‚’ä½œã£ãŸã®ã§ã€ä¸‹è¨˜ã®æ§˜ãªç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ Markdownãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’ã‚µãƒãƒ¼ãƒˆ Gmailã®æ§˜ãªã‚¢ãƒ¼ã‚«ã‚¤ãƒ–æ©Ÿèƒ½ å…¨æ–‡æ¤œç´¢ ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã¸ã®ãƒžãƒƒãƒ”ãƒ³ã‚° iP
abyssgate 2013/07/23
html5

Webã‚µãƒ¼ãƒ“ã‚¹

development
ãƒªãƒ³ã‚¯
HTML5ï¼‹CSS3ã®ã€Œã‚«ãƒ³ã‚¿ãƒ³è£…é£¾è¨å®šã€ã§ä»Šé¢¨ãƒ‡ã‚¶ã‚¤ãƒ³
åŸºæœ¬çš„ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„è§’ä¸¸ã¯ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‹ã‚‰ã‚³ãƒ”ãƒšã—ã¦è¨å®šã§ãã‚‹ã®ã§ã€ä½œæ¥è‡ªä½“ã¯ç°¡å˜ã§ã™ã€‚HTML5ï¼‹CSS3ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ã£ã¦è¡¨ç¾ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ï¼ˆ1ï¼‰è£…é£¾ã®ã‚ãƒ¢ã¯ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ç·šãƒ»è§’ä¸¸ãƒ»å½±ãƒ»ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã€ å‰å›žHTML5ï¼‹CSS3ã®ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªåœ¨ã«ä½¿ã„ã“ãªã™ã€ã§ã¯ã€é™ã‚‰ã‚ŒãŸã„ãã¤ã‹ã®CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã§ãã‚‹ã“ã¨ã‚’ãŠè¦‹ã›ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã‚Œã«è£…é£¾ã‚’åŠ ãˆã¦ã„ãã¾ã™ã€‚ ã„ã–è£…é£¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã©ã“ã‹ã‚‰æ‰‹ã‚’ä»˜ã‘ã‚Œã°è‰¯ã„ã®ã‹è¿·ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã®çµµã‚’é™¤ã‘ã°ã€è£…é£¾ã®è¦ç´ ã¯ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œç·šã€ã€Œè§’ä¸¸ã€ã€Œå½±ã€ã€Œãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã€ãã‚‰ã„ãªã‚‚ã®ã§ã™ã€‚ãã‚Œã‚‰ã‚’æ•´ç†ã—ã¦çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€å…¨ä½“ã¨ã—ã¦ä¸€ä½“æ„Ÿã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä»•ä¸Šã’ã‚‰ã‚Œã¾ã™ã€‚ ã€Œãã‚ŒãŒé›£ã—ã„ã‚“ã ã‚ˆï¼ã€ã¨ã„ã†ãŠå±ã‚Šã®å£°ãŒèžã“ãˆã¦ããã†ã§ã™ãŒï¼ˆç¬‘ï¼‰ã€ä»¥ä¸‹ã®2ã¤ã‚’è¦‹æ¯”ã¹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä¸Š
abyssgate 2013/05/11
html5

CSS
ãƒªãƒ³ã‚¯
HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«
ã‚ãšã‹280è¡Œç¨‹åº¦ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14ä»¶
abyssgate 2013/04/18
html5

css3
ãƒªãƒ³ã‚¯
HTML5ã®ã•ã¾ã–ã¾ãªformè¦ç´ ãŒã‚ãªãŸã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ã®ã¾ã¨ã‚ -Native form elements
HTML5ã®formè¦ç´ ã€input, textarea, select, option, fieldset, legend, label, buttonã®å„è¦ç´ ã¨ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã‚’ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™
abyssgate 2013/04/17
html5

form
ãƒªãƒ³ã‚¯
TechCrunch | Startup and Technology News
Limited space! Get on waitlist to be the first to know when tickets go live!
abyssgate 2013/04/04
html5

framework
ãƒªãƒ³ã‚¯
Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
abyssgate 2013/03/19
html5

javascript

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
HTML5ï¼‹CSS3ã¯ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã‚’è¦šãˆã‚‹ã ã‘ï¼
HTML5ï¼‹CSS3ã¯ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã‚’è¦šãˆã‚‹ã ã‘ï¼ï¼šã«ã‚ã‹ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ Photoshopãªã©ã®ç”»åƒå‡¦ç†ã‚½ãƒ•ãƒˆã‚’ä½¿ã‚ãšã€CSSã§ã§ãã‚‹è¡¨ç¾ã®å¹…ãŒåºƒãŒã£ã¦ã„ã¾ã™ã€‚ã«ã‚ã‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚Œã‚‹ã€ç°¡å˜Tipsã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ Webè£½ä½œã®ç¾å ´ã§ã¯ã€äºˆç®—ã®éƒ½åˆä¸ŠWebã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ç™ºæ³¨ã§ããšã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢è‡ªèº«ãŒæ‹…å½“ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ãŒã¾ã¾ã‚ã‚Šã¾ã™ã€‚æ˜¨ä»Šã¯ã€ŒTwitter Bootstrapã€ãªã©ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã€ãã‚“ãªçŠ¶æ³ã«å¯¾å¿œã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ç¢ºã‹ã«ã€Twitter Bootstrapã¯ãƒªãƒƒãƒãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ©Ÿèƒ½ã‚’æŒã¤ãƒ‘ãƒ¼ãƒ„ãŒãã‚ã£ã¦ã„ã¦ã€ç´ æ—©ããƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã¿ä¸Šã’ã‚‹ã«ã¯ä¾¿åˆ©ã§ã™ã€‚ã—ã‹ã—ã€ãã®ãŸã‚ã«ã¯ç‹¬è‡ªã®æŒ‡å®šæ–¹æ³•ã‚„ãŠä½œæ³•ã‚’ãã“ãã“çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã‚‚äº‹å®Ÿã§ã™ã€‚ ã§ã‚ã‚‹ãªã‚‰ã°â€¦â€¦ã€CSSè‡ªä½“ã‚’è¦šãˆã¦ã—ã¾ã†ã¨ã„ã†ã®ã‚‚1ã¤ã®æ‰‹ã§ã¯
abyssgate 2013/02/28
CSS

html5
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
abyssgate 2012/12/03
webãƒ‡ã‚¶ã‚¤ãƒ³

html5
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã«å¿…ãšå½¹ç«‹ã¤ï¼iOS, HTML5, CSS, jQuery, WordPress, .htaccessãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–åˆ¶ä½œã€ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºè€…ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é †ç•ªã¯ã€iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git ã§ã™ã€‚ HTML5ã§ã®ç¾Žã—ã„ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã€Sassã€Zen Codingã€jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€Gitã®ä½¿ã„æ–¹ãªã©ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã€‚
abyssgate 2012/10/16
cheatsheet

html5

CSS
ãƒªãƒ³ã‚¯
HTML5ã‚„css3ã‚’ä½¿ã†éš›ã«è¦‹ã¦ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªã‚µã‚¤ãƒˆã¨ã‹ã€ä½¿ã„å‹æ‰‹ã®è‰¯ã„ãƒ„ãƒ¼ãƒ«ã¨ã‹ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ã¾ã‚Šã«æƒ…å ±é‡ãŒå¤šãã¦æ··ä¹±ã—ã¦ããŸã®ã§ è‡ªåˆ†ç”¨ã«ã¾ã¨ã‚ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹ã€ã¡ã‚ƒã‚“ã¨ å®Ÿè·µã§ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ã‚’è‡ªåˆ†ãªã‚Šã«åŽ³é¸ã—ã¦ ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ã©ã†ã‚‚ã€ã‚ã£ã¡ã“ã£ã¡ã§ ã‚ã‚ŒãŒä¾¿åˆ©ã¨ã‹ã“ã‚ŒãŒä¾¿åˆ©ã ã¨ã‹è¨€ã‚ã‚Œã‚‹ ã¨è¨³ãŒåˆ†ã‹ã‚‰ãªããªã‚‹ã®ã§ãã‚ãã‚çµžã‚‰ãªã„ ã¨ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ãŠéŠã³ã§ã¯ãªãå®Ÿè·µã«å½¹ç«‹ã£ã¦ã‚‹åŸºæœ¬çš„ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹åŠ©ã‘ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã®ãƒ¡ãƒ¢ãªã®ã§ç›®æ–°ã—ã„ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å®Œå…¨ã«è‡ªåˆ†ç”¨ã®ã¾ã¨ã‚ã§ã™ã€‚å€‹äººçš„ã«ã¯åŸºç¤Žç”¨ã®ã‚µã‚¤ãƒˆã¨ã€å®Ÿè·µå‘ã‘ã®ãƒ„ãƒ¼ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã‘ã‚ã‚Œã°ã„ã„ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ å°šã€css3/html5ã«é–¢ã™ã‚‹æƒ…å ±ã ã‘ã‚’æ±‚ã‚ã¦ã„ã‚‹&ç‰¹ã«æƒ…å ±å–å¾—ã«æ€¥ã„ã§ãªã„ãªã‚‰dotHTML5ã¨ã„ã†ã‚µã‚¤ãƒˆ1ã¤ã§äº‹è¶³ã‚Šã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ â€»W3Cã¯å‰²æ„›ã§ã„ã„ã§ã™ã‚ˆã ãƒãƒ¼ãƒˆã‚·
abyssgate 2012/10/11
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

css3

html5
ãƒªãƒ³ã‚¯
chrome-life.com
Click here to enter
abyssgate 2012/07/15
html5

css3

javascript
ãƒªãƒ³ã‚¯
ä½œã‚ã†ï¼HTML5ç”¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Brunch MOONGIFT
Brunchã¯HTML5ã«ã‚ˆã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’æ”¯æ´ã™ã‚‹node.jsãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ HTML5ã‚’ãƒ“ã‚¸ãƒã‚¹å‘ã‘ã«çŽ‡å…ˆã—ã¦ä½¿ã£ã¦ã„ãã®ã¯é›£ã—ã„ã¨æ€ã„ã¾ã™ãŒã€ãã‚Œã§ã‚‚è©¦ã—ã¦ã¿ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹äººã¯å¤šã„ã¯ãšã§ã™ã€‚ãã“ã§Brunchã‚’æ´»ç”¨ã—ã¦ã¿ã‚‹ã¨è‰¯ã„ã§ã—ã‚‡ã†ã€‚HTML5ãƒ™ãƒ¼ã‚¹ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã‚’ã¾ã¨ã‚ã¦æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ Twitterã®ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªã§ã™ã€‚ Todoã‚¢ãƒ—ãƒªã®ãƒ‡ãƒ¢ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã®è¨˜è¿°ã«éš›ã—ã¦ã¯JavaScript/CoffeeScript/IcedCoffeeScript/RoyãŒä½¿ãˆã¾ã™ã€‚CSSã¯Sassã‚„LESSã‚’ä½¿ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ãƒ™ãƒ¼ã‚¹ã‚’ä½œã£ã¦ãã‚Œã‚‹ã‚³ãƒžãƒ³ãƒ‰ãŒã‚ã‚‹ã®ã§ã€ãã‚Œã‚’ä½¿ã„ã¤ã¤å¾Œã¯æ—¢å˜ã®ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªã‚’å‚è€ƒã«ä½œã£ã¦ã„ãã¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´ æ—©ãä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Brunchã¯node.js/JavaScriptè£½ã€MIT
abyssgate 2012/05/22
html5

framework
ãƒªãƒ³ã‚¯
IBM Developer
abyssgate 2012/01/08
html5

css3

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¼ãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹HTML5ã§ã®ã‚µã‚¤ãƒˆåˆ¶ä½œï¼æœ€çµ‚å›žã€€ã»ã¨ã‚“ã©ã®CSSã‚’å¤‰ãˆãšã«xhtmlã¨HTML5ã§åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã—ã¦ã¿ã‚ˆã† - MdN Design Interactive
å‰å›žã¾ã§ã®è¨˜äº‹ã§ç°¡å˜ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã—ã¦ã€xhtmlã¨HTML5ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã‚‚ã®ã‹ã‚‰HTML5ã®æ–°è¦ç´ ã®èª¬æ˜Žã‚’è¡Œã„ã€ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç¢ºèªã—ã¦ã¿ã¾ã—ãŸã€‚æœ€çµ‚å›žã¨ãªã‚‹ä»Šå›žã¯xhtmlã¨HTML5ã®CSSã‚’ã»ã¨ã‚“ã©å¤‰ãˆãšã«åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã‚‹ã‚ˆã†ã«ä½œæˆã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ HTML5ã§CSSã‚’è¨å®šã™ã‚‹å ´åˆã¯æ–°è¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã—ã¦ã©ã†ã™ã‚‹ã®ã‹ã€‚ã¾ã ç¢ºå®šã—ã¦ã„ãªã„HTML5ã®è¦ç´ ãŒå¤‰æ›´ã«ãªã£ãŸå ´åˆã‚’è€ƒæ…®ã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã®è¨å®šã‚’è€ƒãˆãŸæ–¹ãŒå¾Œã€…ã®å¤§ããªä¿®æ£ã‚’å›žé¿ã§ãã‚‹ã®ã§ãƒ™ã‚¿ãƒ¼ã§ã™ã€‚ãŸã ä»Šå›žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã»ã¨ã‚“ã©åŒã˜CSSã‚’ä½¿ã†ã¨ã„ã†ã“ã¨ã§ä½œæˆã™ã‚‹ã®ã§ã€å¤šå°‘æ°—ã«ãªã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ã²ã¨ã¤ã®ä¾‹ã¨ã—ã¦è¦‹ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ è§£èª¬ï¼šï¼ˆæœ‰ï¼‰ãƒ ãƒ¼ãƒ‹ãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã€€æž— è±Šï¼ç”°å´Žä¸€æˆ å‰å›žã¾ã§ã§ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç¢ºèªã—ãŸãã‚Œãžã‚Œã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸãƒšãƒ¼ã‚¸ã®ã‚µãƒ³ãƒ—ãƒ«ã“ã¡ã‚‰ã«ã‚ã‚Šã¾ã™ã€‚ â—HT
abyssgate 2011/11/30
html5
ãƒªãƒ³ã‚¯
ãµã¤ã†ã®ãƒ¦ãƒ¼ã‚¶ãŒçŸ¥ã‚‰ãªã„HTML5ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«10é¸ - YAMAGUCHI::weblog
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€Pythonç•Œã®æƒ…å¼±ã§ã™ã€‚ä»Šæ—¥ã¯Chrome+HTML5 Conferenceã®ãŠæ‰‹ä¼ã„ã«æ¥ã¦ã¾ã™ã€‚ã„ã¾ã¾ã§å…¨ãè§¦ã‚Œã¦ã“ãªã‹ã£ãŸä¸–ç•Œã§ã™ãŒã€çµæ§‹HTML5ã¯XMLã®ã‚ˆã†ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã«é‡ç‚¹ã‚’ç½®ã„ã¦ã‚‹ã‚“ã§ã™ãã€‚CSS3ã‚‚å‹•çš„ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«ã‹ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ã—ã€ã¨ã¦ã‚‚ã„ã„ã§ã™ãã€‚ ã•ã¦ã€YouTube Live Streamã®ãŠæ‰‹ä¼ã„ã—ãªãŒã‚‰RSSè¦‹ã¦ãŸã‚‰ã€ã¡ã‚‡ã†ã©ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒžã«æ²¿ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒdiggã§ç´¹ä»‹ã•ã‚Œã¦ãŸã®ã§ã€ç¿»è¨³ã—ã¾ã—ãŸã€‚ 10 Excellent HTML5 coding Tools Many Users Donâ€™t Know About 10 Excellent HTML5 coding Tools Many Users Donâ€™t Know About ï¼ˆã‚ªãƒªã‚¸ãƒŠãƒ«ï¼‰ HTML5ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä½œæˆæ–¹æ³•ã‚’æ ¹æœ¬ã‹ã‚‰å¤‰ãˆã‚‹ã“ã¨ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚
abyssgate 2011/08/22
html5

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Web Application Development
Web developmentBuild modern web apps with latest tech Create, build, and maintain websites and web apps that run in a browser.
abyssgate 2011/06/25
html

html5

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