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

gungle id:gungle

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

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

ï¼‘å¹´ã§ãƒ•ãƒªãƒ¼ã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã£ãŸåƒ•ãŒå®Ÿè¡Œã—ãŸ8ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã€ç‹¬å¦ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·æ–¹æ³•ã€‘ - LITERALLY
Desk | Flickr ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ãƒ«ã‚’èº«ã«ã¤ã‘ã¦ã‹ã‚‰ã€ä¸–ç•ŒãŒãšã„ã¶ã‚“åºƒãŒã£ãŸã€‚è‡ªåˆ†ä¸€äººã®åŠ›ã§ä»•äº‹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸã—ã€ç™ºä¿¡ã—ãŸã„ã‚‚ã®ãŒã‚ã‚Œã°å¥½ããªã‚ˆã†ã«Webãƒšãƒ¼ã‚¸ã‚’ä½œã‚Œã°è‰¯ã„ã—ã€ãƒ—ãƒ¬ã‚¼ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚‚ä½•å€ã‚‚å°è±¡çš„ã«ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã§å¦ã‚“ã ã“ã¨ã¯ç”Ÿæ´»ã—ã¦ã„ã‚Œã°è‡³ã‚‹ã¨ã“ã‚ã§æ´»ãã¦ãã‚‹ã®ã§æŠ•è³‡åŠ¹æžœã¯ã‹ãªã‚Šå¤§ãã„ã¯ãšã€‚ ä»Šå›žã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã®çŸ¥è˜ãŒä¸€åˆ‡ãªã‹ã£ãŸåƒ•ãŒã€ä¼šç¤¾ã‚„é£²é£Ÿåº—ã‹ã‚‰Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•äº‹ã‚’è«‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã®ï¼‘å¹´é–“ã«å®Ÿè¡Œã—ãŸ8ã®ã‚¹ãƒ†ãƒƒãƒ—ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·4ï¼‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·4ï¼‰ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ã“ã“ã§æ›¸ãã®ã¯ç›®å®‰ã¨ã—ã¦ã€HTMLãƒ»CSSã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã‚ãŸã‚Šã¾ã§æƒ³å®šã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨è‰¯ã„ã€‚ ã„ã¡ãŠã†è‡ªå·±ç´¹ä»‹ã‚’ç°¡å˜ã« ç‹¬å¦ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã‚’å§‹ã‚ãŸã®ã¯2å¹´å‰ã®2012å¹´å¾ŒåŠã€‚ã¨ã¯è¨€ã£ã¦ã‚‚é›‘èªŒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰
gungle 2014/10/25
HTML

Webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…å‘ã‘ã®Alfred Workflow - ã‚¢ã‚¤ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã®é›»è©±ç•ªå·
1ãƒ¶æœˆå‰ã«ã€Webé–‹ç™ºè€…ã«ã‚ªã‚¹ã‚¹ãƒ¡ãªAlfredç”¨ã®Workflowã‚’ã¾ã¨ã‚ãŸGitHubãƒªãƒã‚¸ãƒˆãƒªãŒ2,000 starsã‚’è¶…ãˆã‚‹äººæ°—ã‚’åšã—ã¦ã„ã¦ã€ãã®ä¸ã«è‡ªä½œã®Font Awesome Workflowã‚‚é¸ã°ã‚Œã¦ã„ã¦ã€ãã‚Œã‚’ãã£ã‹ã‘ã«é–‹ç™ºè€…å‘ã‘ã®WorkflowãŒç››ã‚Šä¸ŠãŒã£ã¦ã„ã‚‹ã“ã¨ã‚’çŸ¥ã£ãŸã€‚[^1] [^1]: ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã¯æ›´æ–°ãŒé…ãã€å„Workflowä½œè€…ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’åæ˜ ã—ã¦ã„ãªã„å•é¡ŒãŒã‚ã£ãŸãŸã‚ã€Font Awesome Workflowã§ã¯ã“ã¡ã‚‰ã‹ã‚‰å‰Šé™¤ä¾é ¼ã‚’å‡ºã—ã¦ãƒªã‚¹ãƒˆã‹ã‚‰æ¶ˆã—ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ãã®ãŸã‚ç¾åœ¨ã¯æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ ã¤ã„æœ€è¿‘ã ã¨ã€Googleã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§è‘—åãªAddy OsmaniãŒãƒ—ãƒ¬ã‚¼ãƒ³ã§ç´¹ä»‹ã—ã¦ã„ãŸã‚Šã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘ã‘æƒ…å ±ã‚µã‚¤ãƒˆã¨ã—ã¦æœ‰åãªSmashing MagazineãŒç‰¹é›†è¨˜äº‹ã«ã—ã¦ã„ãŸã€‚ Automating Front-end Wor
gungle 2013/10/30
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

css

html

github
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ¼ãƒ«ã®ãŸã‚ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Antwort MOONGIFT
Antwortã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªHTMLãƒ¡ãƒ¼ãƒ«ã‚’å®Ÿç¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ HTMLã¯Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ã£ã¦é–²è¦§ã™ã‚‹ã®ã«ç”¨ã„ã‚‹ã®ãŒåŸºæœ¬ã§ã™ãŒã€ä»–ã«ã‚‚ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã®ä¸€ã¤ãŒHTMLãƒ¡ãƒ¼ãƒ«ã§ã™ã€‚ç‹¬è‡ªã®çŸ¥è˜ãŒå¿…è¦ã«ãªã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€Antwortã‚’ä½¿ãˆã°ãã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã ã‘ã™ãã«å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã“ã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Antwortã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã¾ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§è¦‹ãŸå ´åˆã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¦‹ãŸå ´åˆã‚‚ã‚«ãƒ©ãƒ ã®æ§‹æˆã¯é•ã£ã¦ã‚‚æƒ…å ±ã¯æ£ã—ãä¼é”ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚Appleã®ãƒ¡ãƒ¼ãƒ«ï¼ˆiOS/Mac OSXï¼‰ã€Gmailã€Androidã®ãƒ¡ãƒ¼ãƒ«ã€Outlook 2000/2003/2007ã€Hotmailã€Outlook.comã€Yahoo! Mailã€A
gungle 2013/03/28
html

mail
ãƒªãƒ³ã‚¯
ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒŸãƒ‹ãƒžãƒ«ã‚„ãƒ•ãƒ©ãƒƒãƒˆã«ã—ãŸã‚Šæ©Ÿèƒ½ã‚’å¼·åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -iCheck
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ãƒŸãƒ‹ãƒžãƒ«ã‚„ãƒ•ãƒ©ãƒƒãƒˆã‚„ãƒ€ãƒ¼ã‚¯ãªã©ã€ä»Šæ™‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³é¢¨ã«å¤‰æ›´ã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚„å…¥åŠ›ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ iCheck iCheck -GitHub iCheckã®ç‰¹å¾´ iCheckã®ãƒ‡ãƒ¢ iCheckã®ä½¿ã„æ–¹ iCheckã®ç‰¹å¾´ 1KBã§è¶…è»½é‡ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œ IE7+, Firefox2+, Chrome, Safari3+, Opera9+ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã‚’ã‚µãƒãƒ¼ãƒˆ iOS, Android, BlackBerry, Windows Phone ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã‚’ã‚µãƒãƒ¼ãƒˆ ã‚¿ãƒ–ã€ã‚¹ãƒšãƒ¼ã‚¹ã€çŸ¢å°ã‚ãƒ¼ã€ä»–ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ HTML/CSSãƒ™ãƒ¼ã‚¹ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒç°¡å˜ Retinaå¯¾å¿œã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’6ç¨®é¡žç”¨æ„ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¯15ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º 8ã¤ã®ã‚³
gungle 2013/03/27
html
ãƒªãƒ³ã‚¯
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
gungle 2012/12/02
å‹‰å¼·ä¸è¶³ã ãªï½žã€çŸ¥ã‚‰ãªã„ã“ã¨ã°ã‹ã‚Šã ã‚ˆ

CSS3

IE

html
ãƒªãƒ³ã‚¯
HTML, CSS, jQueryã‹ã‚‰ã€Ruby, PHP, Java, Python, Git, æ£è¦è¡¨ç¾ãªã©ã‚¦ã‚§ãƒ–åˆ¶ä½œãƒ»é–‹ç™ºã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚ -OverAPI
ã‚¦ã‚§ãƒ–åˆ¶ä½œãƒ»é–‹ç™ºæ™‚ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªè¨€èªžãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ãŸã€ŒOverAPIã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML, CSS, jQuery, JavaScriptãªã©ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‹ã‚‰ã€Ruby, PHP, Python, MySQL, Javaãªã©ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã€æ£è¦è¡¨ç¾ã€Gitãªã©ã‚‚æƒã£ã¦ã„ã¾ã™ã€‚
gungle 2012/11/30
jQuery

html

Python

Java

php

ruby

javascript
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€ãŒå…¬å¼ã‚µã‚¤ãƒˆã‚’å…¬é–‹ | ClockMaker Blog
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ã€ŒCreateJSã€ã®å…¬å¼ã‚µã‚¤ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ http://www.createjs.com/ CreateJSã¯HTML5ã‚’ä»‹ã—ã¦ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒ„ãƒ¼ãƒ«ã®ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚CreateJSÂ Suiteã«ã¯EaselJSã€TweenJSã€SoundJSã€PreloadJSã€ã¨Zoeã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã®ãƒ–ãƒã‚°ã§ã‚‚EaselJSã€TweenJSã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ‡ãƒ¢ã‚’å¹¾ã¤ã‹åˆ¶ä½œã—ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€Flashã§åŸ¹ã‚ã‚ŒãŸæŠ€è¡“ãŒãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ç‚¹ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ„ãƒ¼ãƒ«ç¾¤ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ EaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ EaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ ä»Šå›žã¯å…¬å¼ã‚µã‚¤ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£
gungle 2012/04/17
html

HTML5

javascript
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
gungle 2012/02/01
iPhone

Android

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ä½œæ¥ã‚’éŸ³é€Ÿã«ã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„WEBå±‹ã®ä½œæ¥ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¸Šã’ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆå¤§é‡ç´¹ä»‹ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã“ã®ãƒ–ãƒã‚°ãŒãƒ•ãƒãƒ³ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ãŒå¤šã„ã‚‚ã‚“ã ã‹ã‚‰ã€ãŸã¾ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€åƒ•ã¯æ¥å‹™ã¨ã—ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ˆã‹åˆ¶ä½œãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã®æ–¹ãŒã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ãƒ¡ã‚¤ãƒ³ãªã‚“ã§ã™ã‚ˆãã€‚ ãã‚“ãªãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã®å½¹å‰²ã®ä¸€ã¤ã«ã€å‘¨ã‚Šã«ã„ã‚‹å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®æ¥å‹™åŠ¹çŽ‡ã‚’è€ƒãˆã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ä½•ã‚’å–ã‚‹ã‚ã‘ã§ã‚‚ãªãä¸é€”åŠç«¯ãªåƒ•ã§ã™ãŒã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦å‘¨ã‚Šã®å„ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã®å½¹ã«å°‘ã—ã§ã‚‚ç«‹ã¦ã‚Œã°ã¨ã€ãã—ã¦åˆ¶ä½œã™ã‚‹ä¸Šã§ã®åŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã¹ãè‰²ã€…æƒ…å ±åŽé›†ã‚’ã™ã‚‹ä¸ã§ã€ã‚ˆããƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®å˜åœ¨ã‚’ç›®ã«ã—ã¾ã™ã€‚ï¼ˆãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã©ã‚Œã ã‘æ™®åŠã—ã¦ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã¤ã¾ã‚Šã‚«ãƒ³ãƒ‹ãƒ³ã‚°ãƒšãƒ¼ãƒ‘ãƒ¼ã®ã“ã¨ã‚‰ã—ã„ã§ã™ã€‚ï¼‰ WEBå±‹ã«ã¨ã£ã¦ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã€ã©ã‚Œã ã‘å„ªã‚ŒãŸæŠ€è¡“åŠ›ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã‚’æŒã£ã¦ã„ã¦ã‚‚ã€ä½•ã‹ã—ã‚‰æ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚‹ç‰©ã§ã™ã‚ˆãã€‚ä»¥å‰æ›¸ã‹ã›ã¦ã‚‚ã‚‰ã£ãŸæ™‚é–“ã®ä¾¡å€¤ã¯äººã«ã‚ˆã£ã¦é•ã†ï¼
gungle 2011/11/23
ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³

html

HTML5

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚ã‚Œã°Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã™ã„ã™ã„ã§ãã‚‹Â·Bootstrap MOONGIFT
Bootstrapã¯ä»Šé¢¨ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã®ã«æœ€é©ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ãƒ¼ãƒ„ã‚’æä¾›ã™ã‚‹CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚ Bootstrapã¯CSSè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒè‹¦æ‰‹ã«ã™ã‚‹ã®ãŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã ã€‚ä½œã‚‹ã®ã¯è‰¯ã„ãŒã€ãã‚Œã‚’å¥‡éº—ã«é…ç½®ã—ã¦ã„ãã®ãŒã¨ã¦ã‚‚é›£ã—ã„ã€‚Webã‚µãƒ¼ãƒ“ã‚¹ãŒæµè¡Œã‚‹ã‹å¦ã‹ã«æŠ€è¡“ãŒåŠã¼ã™å½±éŸ¿ã¯è‰¯ãã¦åŠåˆ†ã ã‚ã†ã€‚æ®‹ã‚Šã®åŠåˆ†ä»¥ä¸Šã¯è¦‹ãŸç›®ã«ã‹ã‹ã£ã¦ã„ã‚‹ã€‚ ã‚°ãƒªãƒƒãƒ‰ ãã‚Œã‚‚ã‚ã£ã¦å¥‡éº—ãªç”»åƒã‚’ç”Ÿæˆã—ãŸã‚Šã€ä½•ã‹ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ¨¡ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«äººæ°—ãŒé›†ã¾ã£ãŸã‚Šã™ã‚‹ã€‚Appleã®ä½œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚ˆã†ãªã€ä»Šé¢¨ãªWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ã¯BootstrapãŒä¾¿åˆ©ãã†ã ã€‚ Bootstrapã¯Twitterã®é–‹ç™ºãƒãƒ¼ãƒ ãŒä½œæˆã—ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã ã€‚å˜ãªã‚‹HTMLã®ã¿ãªã‚‰ãšã€è‰²ã€…ãªæ©Ÿèƒ½ãŒãŠã‚Šæ··ã–ã£ã¦ã„ã‚‹ã€‚è¤‡æ•°ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã€é«˜ã•ã®æƒã£ãŸè¤‡æ•°ã‚«ãƒ©ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€åŸºæœ¬çš„ãªHTML
gungle 2011/09/02
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

html

ã‚°ãƒªãƒƒãƒ‰

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹
ãƒªãƒ³ã‚¯
Facebookãƒšãƒ¼ã‚¸ã‚’ãƒ–ãƒã‚°ã®ã‚ˆã†ã«ãƒœãƒªãƒœãƒªä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã¿ãŸ [ãƒ•ã‚¡ãƒ³ã‚²ãƒ¼ã‚¿ãƒ¼]ï¼šæ‘ä¸Šç¦ä¹‹ã®ã€Œãƒãƒƒãƒˆã¨ã‚±ãƒ¼ã‚¿ã‚¤ã¨ä¿ºæ§˜ã€ï¼šã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–ãƒ»ãƒ–ãƒã‚°
è¦ã™ã‚‹ã«Facebookãƒšãƒ¼ã‚¸ã®è¿½åŠ ãƒšãƒ¼ã‚¸ã‚’ãƒ–ãƒã‚°ã®ã‚ˆã†ã«ãƒœãƒªãƒœãƒªä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ã€Žã€Œã„ã„ã!ã€ã‚’æŠ¼ã•ãªã„ã¨è¦‹ãˆâ€‹ãªã„ãƒšãƒ¼ã‚¸ãŒã‚ã‚‹facebookãƒšãƒ¼ã‚¸=ãƒ•ã‚¡ãƒ³ã‚²ãƒ¼ãƒˆã€ã‚’ç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚ é€šå¸¸å¿…è¦ãªãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’å€Ÿã‚Šã‚‹å¿…è¦ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¨ç½®ãŒã„â€‹ã‚Šã¾ã›ã‚“ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½œã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ Googleæ§˜ã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒãƒ¼(GAE)ã«è¨ç½®ã—ã¾ã™ã€‚ Googleæ§˜ã®ã‚¯ãƒ©ã‚¦ãƒ‰ãªã®ã§â€‹ä½•ç™¾ä¸‡ã‚¢ã‚¯ã‚»ã‚¹ãŒæ¥ã¦ã‚‚è‡ªå‹•çš„ã«è² è·åˆ†æ•£ã‚’ã—ã¾ã™ã€‚ æ³•äººæ§˜ã®ãƒšãƒ¼ã‚¸ã§ã‚‚ä½¿ç”¨ã§ãã¾ã™ã€‚ ç„¡æ–™ã§ã™ã€‚ å°Žå…¥ã™ã‚‹ã¨ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã«HTMLç·¨é›†ç”»é¢ãŒå‡ºã¦ãã¾ã™ã®ã§ã€HTMLã‚’ç·¨é›†ã—ãŸã‚Šã€ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã™ã‚‹ã ã‘ã§ã™ã€‚ å˜ç´”ã«Facebookãƒšãƒ¼ã‚¸ã®é…ä¿¡ã‚µãƒ¼ãƒãƒ¼ã«ã‚‚ä½¿ãˆã¾ã™ã€‚ é€šå¸¸å¿…è¦ãªIFRAMEã®Appã‚’ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã«ä¹—ã›ã‚‹ãŸã‚ã«å¿…è¦ãªã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã«ã‚ˆã‚‹æœ¬äººèªè¨¼ã‚‚ã—ãªã„ã§ä½œã‚Œã¾ã™ã€‚ã“ã£ã¡
gungle 2011/08/19
facebook

html

FBML

ã‚¯ãƒ©ã‚¦ãƒ‰
ãƒªãƒ³ã‚¯
HTML ã¨ CSS ã®ã¿ã§ã‚¿ãƒ–ã‚’ä½œã‚‹ã‚µãƒ³ãƒ—ãƒ«
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 ul.tab { margin: 0; padding: 0; border-bottom: 2px #ddd solid; } ul.tab li { float: left; margin: 0 0 0 5px; position: relative; bottom: -2px; list-style-type: none; border: 1px #ddd solid; border-top: none; border-bottom: 2px #ddd solid; } ul.tab
gungle 2011/05/24
html

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Androidå¯¾å¿œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆviewportãƒ»ã‚³ãƒ³ãƒ†ãƒŠç·¨ï¼‰
æœ€è¿‘ã„ã‚ã‚“ãªã‚¹ãƒžãƒ›æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚Œã¨åŒæ™‚ã«ã€å¤šæ§˜ãªAndroidç«¯æœ«ãŒæ€¥é€Ÿã«æ™®åŠã—ã€iPhone3GSãŒå…¨ç››ã ã£ãŸåŽ»å¹´ã¾ã§ã®åˆ¶ä½œæ–¹æ³•ã§ã¯å¯¾å¿œãŒä¸ååˆ†ã«ãªã£ã¦ãã¦ã¾ã—ã¦ã€åƒ•è‡ªèº«ã‚‚è©¦è¡ŒéŒ¯èª¤ä¸ãªã“ã¨ã‚‚ã‚ã‚Šã€2011å¹´5æœˆæ™‚ç‚¹ã§ã®iPhoneãƒ»Androidã«å¯¾å¿œã§ãã‚‹è‡ªåˆ†ãªã‚Šã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ–¹æ³•ã‚’ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯å…¨ä½“ç·¨ãªã®ã§ã€ä¸»ã«viewportã®è¨å®šã¨å…¨ä½“ã‚’å›²ã‚€ã‚³ãƒ³ãƒ†ãƒŠè¦ç´ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’çµžã‚Šã¾ã™ã€‚ viewportã¯device-widthã€ã‚³ãƒ³ãƒ†ãƒŠã¯width:100%ãªã©ã®ä¼¸ç¸®ã™ã‚‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã« ç«¯æœ«ã®æ¨ªå¹…ã‚’æœ€å¤§é™ã«æ´»ã‹ã—ãŸæ–¹ãŒã‚ˆã„ ç‰¹ã«ç†ç”±ãŒç„¡ã‘ã‚Œã°ã€å¤§æŠµã®å ´åˆã¯ã€ viewportã¯device-widthã€ã‚³ãƒ³ãƒ†ãƒŠã¯width:100%ãªã©ã®ä¼¸ç¸®ã™ã‚‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ è‡ªç„¶ãªè€ƒãˆæ–¹ã§è€ƒãˆã‚‹ã¨ã€PCã«æ¯”ã¹ã‚‹ã¨ãŸã ã§ã•ãˆç‹
gungle 2011/05/08
html

Android

iphone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³CSSã§æ›¸ã‹ã‚ŒãŸHTMLã‚’ä¸€æ’ƒã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã™ã‚‹ã€ŒCascaderã€
ã¨ã‚ã‚‹ç†ç”±ã‹ã‚‰ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§CSSãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹HTMLã‚’ã€ç¶ºéº—ã«CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã•ã›ãŸã„ã¨ã„ã†ã¨ãã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€ã“ã‚Œã‚’æ‰‹ä½œæ¥ã§é€²ã‚ã‚‹ã®ã¯ã¨ã¦ã‚‚æ‰‹é–“ãŒã‹ã‹ã‚Šã€ï¼ã‹ã‚‰ä½œã‚Šç›´ã—ãŸã»ã†ãŒé€Ÿã„ã“ã¨ãŒã»ã¨ã‚“ã©ã€‚ ä»Šå›žã¯ã€ãã‚“ãªã¨ãã«ä¸€æ’ƒã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ çµ„ç¹”ã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ãƒ„ãƒ¼ãƒ«ã‚’ãƒžã‚¤ãƒ³ãƒ‰ãƒžã‚¤ã‚¹ã‚¿ãƒ¼ã«ã™ã¹ãç†ç”± ä¼¸ã³ã¦ã‚‹ç”£æ¥ã€ä¼šç¤¾ã€äº‹æ¥ã‚’ç´¹ä»‹ã—ã¾ãã‚‹Strainerã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ¬ã‚¿ãƒ¼ã«ç™»éŒ²!! ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³CSSã®HTMLã‚’CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã™ã‚‹ã€ŒCascaderã€ ã€ŒCascaderã€ã¯ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§CSSãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€ä¸€ç™ºã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã—ã¦ãã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã€‚ ã²ã¨ã¤ã²ã¨ã¤åˆ†è§£ã—ãªãã¦ã‚‚ã€HTMLã‚’ã‚³ãƒ”ãƒšã™ã‚‹ã ã‘ã§åˆ†å‰²ã§ãã¦ã—ã¾ã†ã®ãŒéžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ HTMLã‚¿ã‚°ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã§åˆ†å‰² â†‘ãŸã¨ãˆã°ã€ç”»åƒã®ã‚ˆã†ã«ã‚¤
gungle 2011/05/05
ã‚€ã‚€ã€ã“ã‚Œã¯ä¾¿åˆ©ã ãï½—ï¼š

css

html

ãŠå½¹ç«‹ã¡

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

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
http://ryosblog.net/6682
gungle 2011/05/05
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

html

webåˆ¶ä½œ

iPad
ãƒªãƒ³ã‚¯
ã€ãƒã‚¦ãƒ„ãƒ¼ã€‘HTMLï¼‹CSSï¼‹JavaScriptã§iPhone/Androidã‚¢ãƒ—ãƒªé–‹ç™ºã€ŒPhoneGapã€ (1) HTMLï¼‹CSSï¼‹ï¼ªavaScriptã§iPhone/Androidã‚¢ãƒ—ãƒªã‚’é–‹ç™º - PhoneGapã¨ã¯ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Notobiã¯11æœˆ1æ—¥(ç±³å›½æ™‚é–“)ã€PhoneGapã®æœ€æ–°ç‰ˆã§ã‚ã‚‹PhoneGap 0.9.2ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸã€‚PhoneGapã¯ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ãƒ»ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯HTMLï¼‹CSSï¼‹JavaScriptã‚’ç”¨ã„ã¦ã€iPhone/Android/BlackBerry/Symbian/Palmã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãã‚‹ã€‚å„ãƒ‡ãƒã‚¤ã‚¹ã®ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚»ãƒ³ã‚µã‚„ã‚«ãƒ¡ãƒ©ã€GPSã«ã¯PhoneGapã«ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹JavaScript APIã‚’ã‚‚ã¡ã„ã¦æ“ä½œã™ã‚‹ã€‚åŒãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯The "New" BSD LicenseãŠã‚ˆã³The MIT Licenseã®ãƒ‡ãƒ¥ã‚¢ãƒ«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚‚ã¨ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ PhoneGapã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³åˆ¥æ©Ÿèƒ½å¯¾å¿œè¡¨ - PhoneGap Supported Featuresã‚ˆã‚ŠæŠœç²‹ iPhone
gungle 2010/12/03
Android

html

iphone

javascript

css
ãƒªãƒ³ã‚¯
Facebookã®ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãã†ãªHTML/CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œ520 Grid Systemã€:phpspoté–‹ç™ºæ—¥èªŒ
Facebookã®ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãã†ãªHTML/CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œ520 Grid Systemã€ 2010å¹´11æœˆ24æ—¥- 520 Grid System - HTML/CSS Framework made for Facebook Page Developers Facebookã®ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãã†ãªHTML/CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œ520 Grid Systemã€ã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ãˆã°æ²¢å±±ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã¯Facebookã®ãƒšãƒ¼ã‚¸ä½œæˆã«ç‰¹åŒ–ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚æ¯”è¼ƒçš„å®¹æ˜“ã«å®Ÿè£…ã§ããã†ã§ã™ã€‚ facebookãŒæµè¡Œã‚‹ã‹ã‚‚ã¨ã„ã‚ã‚Œã¦ã„ã‚‹ä»Šæ—¥ã“ã®é ƒã€ä¸€å¿œãƒ„ãƒ¼ãƒ«å‘¨ã‚Šç‰æº–å‚™ã‚’æ•´ãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã„ã‹ã¨ã„ã†ã¨ã“ã‚ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Twitterãƒ»mixiãƒ»facebookç‰ã®å›½å†…ä¸»è¦ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ç”¨ãƒœã‚¿ãƒ³ã‚’è¶…ã‚«ãƒ³ã‚¿ãƒ³ã«ä½œã‚Œã‚‹ã€Œj
gungle 2010/11/24
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

facebook

html

css

*ã‚ã¨ã§èªã‚€

Webé–‹ç™º
ãƒªãƒ³ã‚¯
iPhoneã‚¢ãƒ—ãƒªã€Œå¤§è—¤å¹¹ã®HTML/XHTMLã‚¿ã‚°è¾žå…¸ã€3æœˆæœ«ã¾ã§ç„¡æ–™
â–º 2024 ( 1 ) â–º 6æœˆ ( 1 ) â–º 2022 ( 1 ) â–º 11æœˆ ( 1 ) â–º 2021 ( 5 ) â–º 9æœˆ ( 1 ) â–º 8æœˆ ( 1 ) â–º 1æœˆ ( 3 ) â–º 2020 ( 12 ) â–º 10æœˆ ( 1 ) â–º 6æœˆ ( 5 ) â–º 5æœˆ ( 1 ) â–º 4æœˆ ( 2 ) â–º 3æœˆ ( 2 ) â–º 1æœˆ ( 1 ) â–º 2019 ( 6 ) â–º 9æœˆ ( 1 ) â–º 7æœˆ ( 1 ) â–º 6æœˆ ( 1 ) â–º 3æœˆ ( 2 ) â–º 2æœˆ ( 1 ) â–º 2018 ( 6 ) â–º 12æœˆ ( 1 ) â–º 11æœˆ ( 1 ) â–º 5æœˆ ( 1 ) â–º 3æœˆ ( 1 ) â–º 2æœˆ ( 1 ) â–º 1æœˆ ( 1 ) â–º 2017 ( 6 ) â–º 12æœˆ ( 1 ) â–º 11æœˆ ( 1 ) â–º 8æœˆ ( 1 ) â–º 7æœˆ ( 1 ) â–º 5æœˆ ( 1 ) â–º 3æœˆ
gungle 2010/03/16
ãªã‚“ã¨!å¤ªã£è…¹ï¼š

iPhone

html
ãƒªãƒ³ã‚¯
GoogleChromeã®æ‹¡å¼µã‚’ä½œã‚‹ä¸Šã§Firefoxã‚¢ãƒ‰ã‚ªãƒ³ä½œè€…ãŒçŸ¥ã£ã¦ãŠãã¹ã10ã®é•ã„ã€GoogleChromeã§ãƒ‹ã‚³å‹•æ‹¡å¼µã‚’ä½œã£ã¦ã¿ãŸæ„Ÿæƒ³ã€‘ - love_firefoxportableã®æ—¥è¨˜
https://chrome.google.com/extensions/detail/bkdolnoepbjajdhjejfajjbjbnfhnifb ä¸Šè¨˜ã®ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»å‘ã‘ã®Extensionã‚’ä½œã‚ã†ã¨ã—ã¦ã€è‰²ã€…ã¨ç¾æ™‚ç‚¹ã§ã®Google Chromeã®æ‹¡å¼µé™ç•ŒãŒã‚ã‹ã£ãŸã®ã§æ›¸ã„ã¦ãŠãã€‚ â€»ç’°å¢ƒã¯WindowsXP Home SP3, Google Chrome4.0.249.30 å³ã‚¯ãƒªãƒƒã‚¯ã¯ã„ã˜ã‚Œãªã„ èª¿ã¹ãŸç¯„å›²ã˜ã‚ƒç„¡ç†ã€‚ ãƒ‡ãƒ¼ã‚¿ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ä¿å˜ã¯ã§ããªã„ ä¾‹ãˆã°å‹•ç”»ã‚µã‚¤ãƒˆã‚’é–‹ãã¨ã€ŒDLã€ãƒœã‚¿ãƒ³ãŒç”Ÿæˆã•ã‚Œã¦ã€ãã‚Œã‚’æŠ¼ã™ã¨ã‚ã‚‰ã‹ã˜ã‚æŒ‡å®šã—ã¦ãŠã„ãŸãƒ•ã‚©ãƒ«ãƒ€ã¸è‡ªå‹•çš„ã«ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒé–‹å§‹ã•ã‚Œã‚‹ã€ã¨ã„ã£ãŸå‹•ä½œã¯ç„¡ç†ã€‚è½ã¨ã—ãŸã„å‹•ç”»URLã‚’window.openã§é–‹ã‘ã°è‡ªå‹•çš„ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯é–‹å§‹ã•ã‚Œã‚‹ã‘ã©ã€ãƒ‹ã‚³å‹•ã§è¨€ãˆã°smile.flv?XXXXX.XXXXã£ã¦æ„Ÿã˜ã®URLãªã®
gungle 2009/12/15
extension

Chrome

html
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸæ™‚ã®ãƒ¡ãƒ¢ | Blog.37to.net
æœ€çµ‚æ›´æ–°æ—¥ Sun, 28 Jun 2009 11:09:25 +0900 ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ åŠå¹´ãã‚‰ã„æŽ›ã‘ã¦ã€å°‘ã—ãšã¤ã€ã²ã£ãã‚Šã¨ã€ã‚µã‚¤ãƒˆã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã§ã€ãã®æ™‚ã®ãƒ¡ãƒ¢ã§ã™ã€‚ å½“åˆã¯ç°¡å˜ãªãƒ¡ãƒ¢ã ã£ãŸã®ã§ã™ãŒã€ã„ã¤ã®é–“ã«ã‹ãƒ¡ãƒ¢ã¨è¨€ã†ã«ã¯é‡ãŒå¤šããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ çœ ã‚‰ã›ã¦ãŠãã®ã‚‚å‹¿ä½“ãªã„ã®ã§ã¾ã¨ã‚ã¦å…¬é–‹ã—ã¾ã™ã€‚ å°‘ã—é•·ã„ã®ã§ï¼ˆæœ€è¿‘ã¯ã‚€ã‚„ã¿ã«è¨˜äº‹ãŒé•·ã„æ°—ãŒã—ã¾ã™ãŒï¼‰ã€æœ€åˆã«ä¸»ãªå†…å®¹ã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®æ¦‚è¦ HTMLã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° CSSã¨ãƒ‡ã‚¶ã‚¤ãƒ³ Movable Type4.2ã§ã®ã‚µã‚¤ãƒˆæ§‹ç¯‰ ä¸»ã«ä¸Šè¨˜4ã¤ã®å†…å®¹ã¨ãªã‚Šã¾ã™ã€‚ HTMLã¨CSSã¯æœ¬è·ã§ã¯ãªã„ã®ã§ã™ãŒã€ã¡ã‚‡ã£ã¨é ‘å¼µã‚Šã¾ã—ãŸã€‚ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®æ¦‚è¦ ç›®çš„ å¤ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€æ–° ãƒ–ãƒ©ã‚¦ã‚ºç’°å¢ƒã®å¤‰åŒ–ã«å¯¾ã™ã‚‹å¯¾å¿œ (æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«åˆã‚ã›ãŸæ©Ÿèƒ½ã®ã‚µãƒãƒ¼ãƒˆ) (IEã¯7ä»¥ä¸Šã‚’åŸºæº–ã«ã™ã‚‹ã€‚6ã¯ã”ã‚ã‚“ãªã•ã„) æ–‡å—ã‚µã‚¤ã‚ºã®å½±éŸ¿ã‚’å—
gungle 2009/06/28
ã‹ãªã‚Šå‚è€ƒã«ãªã‚‹ï¼å‹‰å¼·ã—ã¨ã“ã€‚html5ã‚‚ãã‚ãã‚å‹‰å¼·ã—ãªã„ã¨ã€‚

ã¾ã¨ã‚

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

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