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

gologo13 id:gologo13

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

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

Google HTML/CSS Style Guide
Background This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained. General General Style Rules Protocol Use HTTPS for embe
gologo13 2018/01/23
html

css

styleguide
ãƒªãƒ³ã‚¯
Varyãƒ˜ãƒƒãƒ€ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ã¤ã„ã¦ - ç†ç³»å¦ç”Ÿæ—¥è¨˜
ã•ã£ã Cache-Control ãƒ˜ãƒƒãƒ€ã®è©±ã‚’æ›¸ã„ãŸã‚“ã§ã™ãŒã€ã‚‚ã¡ã‚ã‚“ã‚ãƒ£ãƒƒã‚·ãƒ¥åˆ¶å¾¡ã«é–¢ã—ã¦ã¯ Cache-Control ãƒ˜ãƒƒãƒ€ã ã‘ã§åŽã¾ã‚‹è©±ã§ã¯ãªãã€ä»–ã«ã‚‚å¤šã€…ã®ãƒ˜ãƒƒãƒ€ãŒå½±éŸ¿ã‚’ä¸Žãˆã¾ã™ã€‚ ãã®ä¸€ã¤ã«ã€Vary ãƒ˜ãƒƒãƒ€ãŒã‚ã‚‹ã®ã§ã€ä»Šæ—¥ã¯ãã®è©±ã§ã‚‚ã€‚ Vary ãƒ˜ãƒƒãƒ€ Vary ãƒ˜ãƒƒãƒ€ã¯ã€RFC7231 ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ãƒ˜ãƒƒãƒ€ã§ã™ã€‚ vary ã¨ã„ã†ã¨ã€Œå¤‰ã‚ã‚‹ã€ã¨ã„ã†æ„å‘³ã‚’æŒã¤å‹•è©žã§ã™ãŒã€Vary ãƒ˜ãƒƒãƒ€ã¯ãã®åã®é€šã‚Šã€ã€Œã©ã®ãƒ˜ãƒƒãƒ€ã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¤‰ã‚ã£ãŸã®ã‹ã€ã‚’ç¤ºã™ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ã§ã™ã€‚ ä¾‹ãˆã°ã€ã‚ˆãã‚ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã® 1 ã¤ã¨ã—ã¦ã€User-Agent ãƒ˜ãƒƒãƒ€ã‚’è¦‹ã¦ã€PC ç”¨ HTML ã‚’è¿”å´ã™ã‚‹ã‹ã€ã‚¹ãƒžãƒ•ã‚©ç”¨ HTML ã‚’è¿”å´ã™ã‚‹ã‹ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹å®Ÿè£…ã‚’è‰¯ãè¦‹ã¾ã™ã€‚ ã“ã®å ´åˆã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ã« Vary: User-Agent ãƒ˜ãƒƒãƒ€ã‚’ä»˜ã‘ã‚‹ã®ãŒå¸¸å¥—æ‰‹æ®µã§ã™ã€‚ã¡ãªã¿
gologo13 2017/10/30
html

HTTP
ãƒªãƒ³ã‚¯
HTML5 SessionStorageã®æŒ™å‹• - IT-Walker on hatena
ã¾ãšã¯ã€Web Storageã®ç°¡å˜ãªèª¬æ˜Žã‹ã‚‰ã€‚ HTML5 Web Storageã¯ã€ç°¡å˜ãªã‚ãƒ¼ï¼ãƒãƒªãƒ¥ãƒ¼ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’æŒã¤æ°¸ç¶šã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã§ã™ã€‚ ç¾åœ¨ã€LocalStorageã¨SessionStorageã®äºŒç¨®é¡žãŒä»•æ§˜ã«ç››ã‚Šè¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ LocalStorageã¯ã€ã‚µã‚¤ãƒˆï¼ˆã‚ªãƒªã‚¸ãƒ³ï¼‰ã”ã¨ã«ä¸€æ„ã®æ°¸ç¶šé ˜åŸŸã§ã€åŒã˜ã‚µã‚¤ãƒˆå†…ã®å…¨ã¦ã®Webãƒšãƒ¼ã‚¸ï¼ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦é–“ã§å…±æœ‰ã•ã‚Œã€æ°¸ç¶šåŒ–ã•ã‚Œã‚‹æœŸé–“ã¯ç„¡åˆ¶é™ã§ã™ã€‚ SessionStorageã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã”ã¨ã®æ°¸ç¶šé ˜åŸŸã§ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‰ã˜ã‚‹ã¨æ¶ˆãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ã§ã€SessionStorageãŒã€Œãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã”ã¨ã€ã¨è¨€ã†ã®ã¯å…·ä½“çš„ã«ã©ã†ã„ã†äº‹ãªã®ã‹ã€ä»•æ§˜æ›¸ã¨å®Ÿéš›ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹å®Ÿè£…ã‚’ã„ã‚ã„ã‚è©¦ã—ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ è©¦ã™ã®ã«ä½¿ç”¨ã—ãŸã®ã¯ä»¥ä¸‹ã®Webã‚¢ãƒ—ãƒªï¼ˆåƒ•ãŒè‡ªåˆ†ã§è©¦ã™ãŸã‚ã«ä½œã£ãŸã ã‘ãªã®ã§ã€è¶…ä½¿ã„ã¥ã‚‰ã„ã§ã™ãŒï¼‰ã§ã™ã€‚ http://ge
gologo13 2017/07/07
html

SessionStorage

webstorage
ãƒªãƒ³ã‚¯
Elm - delightful language for reliable web applications
A delightful language with friendly error messages, great performance, small assets, and no runtime exceptions.
gologo13 2017/01/15
javascript

css

html

haskell

functional

elm
ãƒªãƒ³ã‚¯
HTTP/1.1: Header Field Definitions
part of Hypertext Transfer Protocol -- HTTP/1.1 RFC 2616 Fielding, et al. 14 Header Field Definitions This section defines the syntax and semantics of all standard HTTP/1.1 header fields. For entity-header fields, both sender and recipient refer to either the client or the server, depending on who sends and who receives the entity. 14.1 Accept The Accept request-header field can be used to specify
gologo13 2015/02/14
HTML

http

rfc
ãƒªãƒ³ã‚¯
Webã®è€ƒæ¡ˆè€…ãƒ†ã‚£ãƒ ãƒ»ãƒãƒ¼ãƒŠãƒ¼ã‚ºï¼ãƒªãƒ¼ãŒã€Œè³ªå•ã‚ã‚‹ï¼Ÿã€ã¨æŽ²ç¤ºæ¿ã«é™è‡¨ã—ã¦æ¬¡ã€…ã¨å›žç”
By Silvio Tanaka World Wide Web(WWW)ãƒ»HTMLãƒ»HTTPãƒ»URLãªã©ã‚’è€ƒæ¡ˆã—ã€Webã®åŸºç¤Žã‚’æ§‹ç¯‰ã—ãŸãƒ†ã‚£ãƒ ãƒ»ãƒãƒ¼ãƒŠãƒ¼ã‚ºï¼ãƒªãƒ¼æ°ãŒã€Webã®ç™ºæ˜Ž25å‘¨å¹´ã‚’è¨˜å¿µã—ã¦æµ·å¤–æŽ²ç¤ºæ¿ã®Redditã«é™è‡¨ã—ã¦ãƒãƒƒãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®è³ªå•ã«ç”ãˆã¦ã„ã¾ã™ã€‚ I am Tim Berners-Lee. I invented the WWW 25 years ago and I am concerned and excited about its future. AMA : IAmA http://www.reddit.com/r/IAmA/comments/2091d4/i_am_tim_bernerslee_i_invented_the_www_25_years/ â—†01ï¼šã€ŒWorld Wide Webã€ä»¥å¤–ã«è€ƒãˆã¦ã„ãŸåå‰ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿ ã€ŒWorld Wide Webã€ä»¥å¤–
gologo13 2015/02/09
html
ãƒªãƒ³ã‚¯
GoogleãŒHTML5æ§‹æ–‡è§£æžãƒ©ã‚¤ãƒ–ãƒ©ãƒªGumboã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹åŒ–
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
gologo13 2015/01/25
HTML5

Google

Gumbo

html

oss
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã£ãŸã‚‰ã¾ãšæœ€åˆã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„Webã‚µã‚¤ãƒˆãƒªã‚¹ãƒˆï½œ cocoblo [ã‚³ã‚³ãƒ–ãƒ]
ãŠæ°—ã«å…¥ã‚Šã®Webã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚è·å ´ãŒå¤‰ã‚ã£ãŸã€ãƒ‘ã‚½ã‚³ãƒ³ãŒå¤‰ã‚ã£ãŸæ™‚ã«ã„ã¡ã„ã¡æŽ¢ã™ã®ã‚‚å°‘ã—é¢å€’ãªã®ã§ãƒ–ãƒã‚°ã«æ®‹ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã¦ã‚‚å‹‰å¼·ã«ãªã‚‹ã‚µã‚¤ãƒˆã°ã‹ã‚Šãªã®ã§ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ï¼Ÿ ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTMLã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ç›®çš„åˆ¥ã«HTMLã‚„CSSã®ã‚¿ã‚°ã‚’æŽ¢ã™ã“ã¨ãŒã§ãã‚‹ã€‚ã©å¿˜ã‚Œã—ãŸæ™‚ã«èª¿åº¦è‰¯ã„æ„Ÿã˜ãŒã—ã¾ã™ã€‚ TAG index HTMLã‚„CSSã®ã‚¿ã‚°ã«ã¤ã„ã¦ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€‚HTML5ã®ã‚¿ã‚°ã‚‚è¿½åŠ ã•ã‚ŒãŸã€‚ HTMLã‚„CSSã‚’å¦ã³å§‹ã‚ãŸé ƒã‹ã‚‰å‚è€ƒã«ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ã‚¿ã‚°ã®å…·ä½“çš„ãªå†…å®¹ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§æ‰‹è»½ã«èª¿ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯ Web Design Clip æ¥ç¨®ã‚„ã‚«ãƒ©ãƒ¼ã§Webã‚µã‚¤ãƒˆã‚’æŽ¢ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Responsive Web Design JP ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„
gologo13 2015/01/24
html

css

design
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚‚ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å®Ÿè¡Œï¼Ÿ Indexed Databaseã‚’ä½¿ã„ã“ãªãã† ï¼ ï¼ IT
é€£è¼‰ç›®æ¬¡ å¾“æ¥ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã®ãƒ‡ãƒ¼ã‚¿ä¿å˜ã«ã¯ã€MySQLï¼Oracleï¼SQL Serverãªã©å„ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹è£½å“ã‚’åˆ©ç”¨ã—ã¦ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ãƒ‡ãƒ¼ã‚¿ã‚’ã‚„ã‚Šã¨ã‚Šã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã‚ã£ãŸï¼ˆActiveXã‚’åˆ©ç”¨ã™ã‚Œã°JavaScriptã‚³ãƒ¼ãƒ‰ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹è£½å“ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ï¼‰ã€‚ é‡è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹å ´åˆã«ã¯ã€ä»Šå¾Œã‚‚ã“ã®æµã‚Œã¯å¤‰ã‚ã‚‹ã“ã¨ã¯ãªã„ã€‚ãŸã ã€å€‹äººã§åˆ©ç”¨ã™ã‚‹ã ã‘ã®ãƒ‡ãƒ¼ã‚¿ã‚„ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«æŽ¥ç¶šã§ããªã„ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ç’°å¢ƒã§ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åˆ©ç”¨æ™‚ã§ã‚ã‚Œã°ã©ã†ã ã‚ã†ã€‚ã“ã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã§ã¯ã€ï¼ˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆç’°å¢ƒã§ï¼‰ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã‚‹ä»•çµ„ã¿ãŒã‚ã‚Œã°ã€éžå¸¸ã«æœ‰åŠ¹ã ã€‚ ãã“ã§ç™»å ´ã™ã‚‹ã®ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã€ŒIndexed Database APIã€ï¼ˆä»¥ä¸‹ã€IndexedDBï¼‰ã ã€‚IndexedDBã¯ã€JavaScriptã‚’ä½¿ç”¨ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ç®¡ç†ã§ãã‚‹ã‚ãƒ¼ï¼ãƒãƒªãƒ¥ãƒ¼åž‹ã®ç°¡æ˜“ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã§
gologo13 2015/01/12
LocalStorageä»¥å¤–ã«ã‚‚IndexedDBã£ã¦ã®ãŒã‚ã‚‹ã®ã‹

HTML5

html

IndexedDB

javascript
ãƒªãƒ³ã‚¯
Chrome Developer Toolsã‚’ä½¿ã„ã“ãªãã†ï¼
1. Chrome Â Developer Â Tools Â ã‚’ ä½¿ã„ã“ãªãã†ï¼ 2013/04/02 Google Â Developers Â Live Â Japan Â #3 ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½¿ã£ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã“ã¡ã‚‰ Â â†’ Â http://bit.ly/YYtStr Toru Â Yoshikawa Â (@yoshikawa_Ì²t) 2. Who? å‰å· Â å¾¹ Â / Â Toru Â Yoshikawa @yoshikawa_Ì²t Google Â Developer Â Experts Â (Chrome) html5j/HTML5ã¨ã‹å‹‰å¼·ä¼šã‚¹ã‚¿ãƒƒãƒ• Webå…ˆç«¯å‘³â¾’è¦‹ï¨Šéƒ¨â€ƒã€€é¡§å• â½‡æ—¥æœ¬jQuery Â Mobileãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼šâ€ƒã€€ç®¡ç†ï§¤â¼ˆäºº Sublime Â Text Â 2 Â Japan Â Users Â Groupâ€ƒã€€ç®¡ç†ï§¤â¼ˆäºº allWebã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¡¾/jQuery Â Mobileæ‹…å½“è¬›å¸« Blog:
gologo13 2015/01/11
ã‚ã¨ã§èªã‚€

Chrome

javascript

html

webé–‹ç™º
ãƒªãƒ³ã‚¯
syboos.jp
gologo13 2015/01/11
floatä»¥å¤–ã«ã‚‚ text-align ãŒã‚ã‚‹

html

css
ãƒªãƒ³ã‚¯
æ“¬ä¼¼è¦ç´ ã¨CSS3ã‚’ä½¿ã£ã¦ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’æ¥½ã—ããƒ‡ã‚¶ã‚¤ãƒ³
ç”»åƒã‚’ä½¿ã‚ãšã«æ“¬ä¼¼è¦ç´ ã‚’ä½¿ã£ã¦ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ã¾ã—ãŸã€‚CSS3ã®transitionã‚’ä½¿ã£ãŸå‹•ãã®ã‚ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯HTMLã‹ã‚‰ <ul class="rist-menu" id="list1"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Ruby</a></li> </ul> classã§ãƒªã‚¹ãƒˆã¨ãƒªãƒ³ã‚¯ã«é–¢ã™ã‚‹ã“ã¨ã‚’æŒ‡å®šã—ã¦ã€ã“ã‚Œã¯ã™ã¹ã¦ã®ã‚µãƒ³ãƒ—ãƒ«å…±é€šã«ãªã£ã¦ã„ã¾ã™ã€‚idã§æ“¬ä¼¼è¦ç´ ã«é–¢ã™ã‚‹å†…å®¹ã‚’æŒ‡å®šã—ã¦ã€ã‚µãƒ³ãƒ—ãƒ«ã”ã¨ã§å¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚ 1ã¤ã®ãƒšãƒ¼ã‚¸ã«è¤‡æ•°ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¨ç½®ã™ã‚‹ãŸã‚ã“ã®ã‚ˆã†ã«ã—ã¾ã—ãŸãŒã€å®Ÿéš›è¨ç½®ã™ã‚‹ã¨ãã¯1ã¤ã ã¨æ€ã„
gologo13 2015/01/11
css3

css

html

Webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï½žã€Œãƒªã‚¹ãƒˆã€ç·¨
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
gologo13 2015/01/11
æ“¬ä¼¼è¦ç´ ä¾¿åˆ©ãã†ã ã€‚ / li:after, li:last-child:after / å›žã‚Šã“ã¿ã‚’è§£é™¤ã™ã‚‹ãŸã‚ã® clearfix ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

html

css
ãƒªãƒ³ã‚¯
ã€HTML5ãƒ»CSS3ã€‘ãŠã—ã‚ƒã‚Œãªãƒ†ãƒ¼ãƒ–ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹5ç‚¹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
åœ°å‘³ãªé›¢å³¶ãƒ©ã‚¤ã‚¿ãƒ¼å†…è—¤ã§ã™ã€‚æ™®æ®µã¯ã‚³ãƒ¼ãƒ€ãƒ¼ã¨ã—ã¦ä»•äº‹ã‚’ã—ã¦ã„ã¾ã™ãŒã€ãŸã¾ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®ã‚ˆã†ã«äººã®ç›®ã«è§¦ã‚Œã‚‹ä»•äº‹ã‚‚ã—ã¦ã¿ãŸã„ï¼ ãã“ã§æœ¬æ—¥ã¯ã€æ—¥ã€…ã®æ¥å‹™ã§è¦‹ã‹ã‘ã¦ã“ã‚Œã¯ä½¿ãˆã‚‹ãžã¨æ€ã£ãŸtableã‚’ã€ç‹¬è‡ªã«å†æ§‹ç¯‰ã—ã¦ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ tableä½œæˆæ™‚ã«å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆ æœ¬é¡Œã«å…¥ã‚‹ã€ãã®å‰ã«ã€‚XPã®å…¬å¼ã‚µãƒãƒ¼ãƒˆã‚‚çµ‚äº†ã—ã€HTML5ï¼‹CSS3ã®æ™®åŠãŒé€²ã‚“ã§ã„ã¾ã™ã€‚ä»Šæ›´ãªãŒã‚‰ã€ã“ã®æŠ€è¡“ã§ã©ã‚“ãªtableãŒå®Ÿç¾ã§ãã‚‹ã®ã‹ã€ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã•ã‚Œã¦ã„ãŸã‚µã‚¤ãƒˆã‚’ã¾ãšã”ç´¹ä»‹ã—ã¾ã™ã€‚ tableå°‚é–€å‚è€ƒãƒšãƒ¼ã‚¸4é¸ tableå°‚é–€ã®å‚è€ƒãƒšãƒ¼ã‚¸ã‚’4ã¤ã»ã©é¸ã‚“ã§ã¿ã¾ã—ãŸã€‚ CSS3ã‚’ä½¿ã£ã¦ç¾Žã—ãè£…é£¾ã•ã‚ŒãŸãƒ†ãƒ¼ãƒ–ãƒ«ã®ä½œã‚Šæ–¹ï½œWebpark CSS3ã§ã®tableã®ä½œã‚Šæ–¹ã‚’ã€è¦‹ãŸç›®ã¨ã‚½ãƒ¼ã‚¹ã‹ã‚‰è§£èª¬ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ï½œCSSãƒ‡ã‚¶ã‚¤ãƒ³ï½œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ï½œPHP & JavaScr
gologo13 2015/01/11
css

html

design

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Web Componentsã‚’ç°¡å˜ãƒ»ä¾¿åˆ©ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ã‚’ä½¿ã„ã“ãªãã†
Web Componentsã‚’ç°¡å˜ãƒ»ä¾¿åˆ©ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ã‚’ä½¿ã„ã“ãªãã† æ³‰æ°´ç¿”å¾ ã“ã®è¨˜äº‹ã¯ã€é€£è¼‰ã€ŒåŸºç¤Žã‹ã‚‰ã‚ã‹ã‚‹ Web Components å¾¹åº•è§£èª¬ ã€œä»•æ§˜ã‹ã‚‰å®Ÿè£…ã¾ã§ç†è§£ã™ã‚‹ã€œã€ã®ç¬¬3å›žç›®ã«ãªã‚Šã¾ã™ã€‚é€£è¼‰ã®ç¬¬3å›žç›®ã¨ãªã‚‹ä»Šå›žã¯ã€GoogleãŒä¸å¿ƒã¨ãªã£ã¦é–‹ç™ºã‚’é€²ã‚ã‚‹Polymerã¨ã„ã†Web Componentsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Web Componentsã‚’ã‚ˆã‚ŠæŸ”è»Ÿã«ã€ãã—ã¦å¼·åŠ›ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª Polymerã¯ç´ ã®Web Componentsã«ãŠã„ã¦ã€ç…©é›‘ã§ã‚ã‚‹éƒ¨åˆ†ã‚’ç°¡ç•¥åŒ–ã—ã€æ©Ÿèƒ½ã‚’ã‚ˆã‚Šå¼·åŠ›ãªã‚‚ã®ã«ã—ã€åŸºç¤Žã¨ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã—ã¾ã™ã€‚BSDãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚‚ã¨ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºãŒè¡Œã‚ã‚Œã¦ãŠã‚Šã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚GitHubã«ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€Pull Requestã‚’é€ã‚‹ãªã©ã®ã‹ãŸã¡ã§ç§ãŸã¡ã‚‚é–‹ç™ºã«è²¢çŒ®ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Welcome
gologo13 2015/01/10
html
ãƒªãƒ³ã‚¯
Google Hosted Library â€“ Webã‚’é€Ÿãã™ã‚‹ãŸã‚ã«GoogleãŒã‚„ã£ã¦ã„ã‚‹ã“ã¨ Make the Web Faster 03 â€“
Google Hosted Library â€“ Webã‚’é€Ÿãã™ã‚‹ãŸã‚ã«GoogleãŒã‚„ã£ã¦ã„ã‚‹ã“ã¨ Make the Web Faster 03 â€“ Jxck Googleã¯ã€ã‚ˆãä½¿ã‚ã‚Œã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã‚’Googleã®ã‚¤ãƒ³ãƒ•ãƒ©ã‚’ä½¿ã£ã¦é…å¸ƒã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚’ Google Hosted Library ã¨å‘¼ã³ã¾ã™ã€‚ ã“ã®ã€Hosted Libraryã®å°Žå…¥ã‚’å˜ç´”ã«ã€Œè‡ªåˆ†ã§é…å¸ƒã—ãªã„åˆ†ãŒæ¥½ã«ãªã‚‹ã ã‘ã€ã€ãã‚‰ã„ãªæ„Ÿè¦šã§ä½¿ã£ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€å®Ÿã¯ã“ã‚Œã¯ã¿ã‚“ãªãŒä½¿ãˆã°ä½¿ã†ã»ã©ã€å¾—ã‚’ã™ã‚‹ä»•çµ„ã¿ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã‚’è¦‹è½ã¨ã—ã¦ã¯ã„ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä»Šå›žã¯ãã‚“ãªã€Google Hosted Libraryã«ã¤ã„ã¦ã€ãã®ä»•çµ„ã¨ãªã‚‹CDNã‚„ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æŠ€è¡“ãªã©ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã‚ˆãã‚ã‚‹ Web ãƒšãƒ¼ã‚¸ ä¾‹ãˆã°è‡ªåˆ†ãŒé…ä¿¡ã™ã‚‹index.htmlå†…ã§jquery.2.0.3
gologo13 2015/01/10
CDNã§ã¯ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ‰åŠ¹æœŸé™ãŒé©åˆ‡ã«è¿”ã•ã‚Œã‚‹/ã‚¢ãƒ—ãƒªã‚±ã‚·ãƒ§ãƒ³ã‚µãƒ¼ãƒã¨é•ã†ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…ä¿¡ã™ã‚‹ã“ã¨ã§HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ä¸¦åˆ—ã«å®Ÿè¡Œã§ãã‚‹/DNSã§åå‰è§£æ±ºã™ã‚‹ã¨ãåœ°ç†çš„ã«è¿‘ã„ã‚¨ãƒƒã‚¸ã‚µãƒ¼ãƒãŒé¸æŠžã•ã‚Œã‚‹

html

cdn

performance
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã«å¿…è¦ãªfaviconãŒ21å€‹ã«ãªã£ã¦ã„ãŸ - ITæŽ¢æ¤œã®è¿½æ†¶
ä¹…ã—ã¶ã‚Šã«Webã‚µã‚¤ãƒˆã®faviconã‚’å¤‰ãˆã‚ˆã†ã¨æ€ã„ã€èª¿ã¹ã¦ã¿ã‚‹ã¨ã€å¿…è¦ãªfaviconãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ ãã®æ•°ã€ä½•ã¨21å€‹ï¼ ãã‚“ãªã«å¢—ãˆã¦ã„ãŸã¨ã¯ã€‚ ä¸€å¿œã€ä»¥ä¸‹ã«ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã™ã€‚ faviconã®ãƒªã‚¹ãƒˆ favicon.ico: IEç”¨ favicon-16x16.png: ã‚¿ãƒ–è¡¨ç¤ºç”¨ favicon-32x32.png: Macç‰ˆSafariç”¨ favicon-96x96.png: Google TVç”¨ favicon-160x160.png: Opera 12 ã¾ã§ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ãƒ»ãƒ€ã‚¤ã‚¢ãƒ«ç”¨ favicon-196x196.png: Androidç‰ˆChromeç”¨ mstile-70x70.png: Windows 8 ç”¨ mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
gologo13 2015/01/07
html

favicon

web

icon

WEBã‚µãƒ¼ãƒ“ã‚¹

webã‚µã‚¤ãƒˆ

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ä»Šå¹´ã“ããƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã«ç‹¬å¦ã§æŒ‘æˆ¦ã—ãŸã„åˆå¿ƒè€…ã«ã¯HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒãŠã™ã™ã‚
1500ä»¥ä¸Šã®ä¼šç¤¾ã€ãŠåº—ãŒåˆ©ç”¨ä¸ã®æœˆé¡ç„¡æ–™HPåˆ¶ä½œã‚µãƒ¼ãƒ“ã‚¹ ã€ŒHPã®åˆ¶ä½œã‚’å®‰å¿ƒã—ã¦ä»»ã›ã‚‰ã‚Œã‚‹æ¥è€…ãŒè¦‹ã¤ã‹ã‚‰ãªã„ï¼žï¼œã€ ãã‚“ãªãµã†ã«é ã‚’æ‚©ã¾ã™ã‚¢ãƒŠã‚¿ã€‚ ä»¥ä¸‹ã®ã€Œã‚¦ã‚§ãƒ–ã•ãˆãƒ‘ãƒƒã‚¯ã€ã¯ã‚‚ã†ãƒã‚§ãƒƒã‚¯æ¸ˆã¿ã§ã™ã‹ï¼Ÿ HPã‚’ä½œã‚‹ã®ã«å¿…è¦ãªã‚‚ã®ãŒãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ãªã£ã¦ã‚‹ãŠå¾—ãªã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ æ–™é‡‘ã¨äº‹ä¾‹ã‚’è¦‹ã¦ã¿ã‚‹ HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ã„ã˜ãã‚‹ã¨ã€ã€Œã“ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã«ã¯ã€ã“ã‚ŒãŒå¿…è¦ãªã®ã‹ã€ã¨å®Ÿè·µçš„ã«æŠ€è¡“ã‚’å¦ã¹ã¾ã™ã€‚ãã‚Œã«ã€æ‰‹ã‚’å‹•ã‹ã—ãŸçµæžœãŒã™ãã«ãƒ‡ã‚¶ã‚¤ãƒ³ã«åæ˜ ã•ã‚Œã‚‹ã®ã§ã€ä½•ã‚ˆã‚Šã‚„ã£ã¦ã¦æ¥½ã—ã„ã€‚ä»Šã¾ã§ä½•åº¦ã‚‚ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œã‚Šã‚’æ–å¿µã—ã¦ããŸãƒ’ãƒˆã«ãŠã™ã™ã‚ã—ãŸã„ç‹¬å¦ã®æ–¹æ³•ã§ã™ã€‚ ãã‚‚ãã‚‚ã€è‡ªåˆ†ã§å…¨éƒ¨ã‚„ã‚ã†ã¨ã™ã‚‹ã¨ã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã«å¿…è¦ãªã‚¹ã‚ãƒ«ã¯ã€ã€ŒHTMLï¼CSSã€ã€ŒJavaScriptã€ã€Œç”»åƒç·¨é›†ãƒ»å‡¦ç†ã€ã€Œã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã€ã€Œãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã€ãªã©ã€ã‚ã’ã ã™ã¨åˆ‡ã‚ŠãŒãªã„ã§ã™ã€‚ ã‚ã‚ŠãŒã¡ãªå¤±æ•—ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€æœ€åˆã‹ã‚‰å…¨
gologo13 2015/01/03
html

webdesign
ãƒªãƒ³ã‚¯
CSSã§è¦ç´ ã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹æ–¹æ³•ã¾ã¨ã‚ | HALAWATA.NET
CSSã§è¦ç´ ã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã®é•ã„ãŒã‚ã‹ã‚‹ã‚ˆã†ã«åŸºæœ¬ã¨ãªã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ç”¨æ„ã—ã¾ã™ã€‚ divè¦ç´ 3ã¤ã¨ãã‚Œã‚’å›²ã‚€divè¦ç´ 1ã¤ã§ã™ã€‚3ã¤ã®ãƒœãƒƒã‚¯ã‚¹ã«ã¯é«˜ã•ã¨æ¨ªå¹…ã‚’80pxã€ãƒžãƒ¼ã‚¸ãƒ³ã€ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã¨ã‚‚ã«10pxã‚’æŒ‡å®šã—ã¾ã™ã€‚ <div class="boxContainer"> <div class="box">BOX1</div> <div class="box">BOX2</div> <div class="box">BOX3</div> </div> float â€“ æ–¹æ³•1 .box { float: left; } .boxContainer { overflow: hidden; } /* clearfix */ .boxContainer:before, .boxContainer:after { content: ""; display: table;
gologo13 2015/01/02
div, float, clear ã‚’ä½¿ã£ã¦ã€è¦ç´ ã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹

css

html
ãƒªãƒ³ã‚¯
ã“ã‚“ãªHTMLã¨CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã§æ›¸ããŸã„ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ä½œã‚ã† HTML ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä¸å¿ƒã«ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®è‰¯ã„ HTML ã‚„ CSS ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã«é‡è¦ã ã¨æ€ã†ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ èª°ã«å‘ã‘ãŸè¨˜äº‹ã‹ ã“ã®è¨˜äº‹ã«ã¯ã€HTML ã‚„ CSS ã‚’æ›¸ãäººã«å½¹ç«‹ã¡ãã†ãªå†…å®¹ãŒæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ ç‰¹ã«åˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã®æ–¹ã§ã€HTML ã‚„ CSS ã‚’ä¸€é€šã‚Šå¦ç¿’ã—ãŸæ–¹ã‹ã‚‰ã®åå¿œãŒè‰¯ã„ã§ã™ã€‚ ã¾ã HTML ã‚„ CSS ã®å¦ç¿’ã‚’å§‹ã‚ã¦é–“ã‚‚ãªã„ã¨ã„ã†æ–¹ã¯ã€å…ˆã«æ¡ˆä»¶ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã“ãªã—ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°çµŒé¨“ã‚’ç©ã‚€ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚çµŒé¨“ã‚’ç©
gologo13 2015/01/02
html

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