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

kamip id:kamip

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

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

ãŸã£ãŸ1è¡Œï¼ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«å½¹ç«‹ã¤å°æŠ€8ï¼ˆã‚µãƒ³ãƒ—ãƒ«ã‚ã‚Šï¼‰ - Design Color
ã‚‚ãã˜ å¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«åˆã‚ã›ã‚‹ ã‚¹ãƒžãƒ›ã‚’æ¨ªã«ã—ãŸã¨ãã«æ–‡å—ãŒå¤§ãããªã‚‰ãªã„ã‚ˆã†ã«ã™ã‚‹ é›»è©±ç•ªå·ã«è‡ªå‹•çš„ã«ãƒªãƒ³ã‚¯ãŒä»˜ã‹ãªã„ã‚ˆã†ã«ã™ã‚‹ ãƒªãƒ³ã‚¯ã‚’æŠ¼ã—ãŸã‚‰é›»è©±ã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒªãƒ³ã‚¯ã‚’æŠ¼ã—ãŸã‚‰Googleãƒžãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’èµ·å‹•ã•ã›ã‚‹ ãƒªãƒ³ã‚¯ã‚¨ãƒªã‚¢ã‚’åºƒã’ã‚‹ paddingã‚„borderåˆ†ã‚’æ°—ã«ã›ãšwidth/heightã®æ•°å€¤ã‚’æŒ‡å®šã™ã‚‹ é•·ã„æ–‡å—åˆ—ã§ã‚‚é€”ä¸ã§æ”¹è¡Œã•ã›ã‚‹ 1.å¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«åˆã‚ã›ã‚‹ ã¾ãšã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã®åŸºæœ¬ã§ã™ãã€‚ã‚µã‚¤ãƒˆå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«åˆã‚ã›ã¦ã‚ã’ã‚‹ã«ã¯ã€ä»¥ä¸‹ã®ä¸€è¡Œã ã‘ã§å¯¾å¿œå‡ºæ¥ã¾ã™ã€‚ <meta name="viewport" content="width=device-width,initial-scale=1.0"> ã‚µãƒ³ãƒ—ãƒ« 2.ã‚¹ãƒžãƒ›ã‚’æ¨ªã«ã—ãŸã¨ãã«æ–‡å—ãŒå¤§ãããªã‚‰ãªã„ã‚ˆã†ã«ã™ã‚‹ ã‚¹ãƒžãƒ›ã‚’æ¨ªã«ã™ã‚‹ã¨ã€è§£åƒåº¦ãŒå¤‰åŒ–ã™ã‚‹ã¨å…±ã«æ–‡å—ã‚µã‚¤ã‚ºã‚‚å¤§ãããªã£ã¦ã—
kamip 2014/06/09
ã»

css

html5
ãƒªãƒ³ã‚¯
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web techno logies via HTML5.
kamip 2012/11/13
ãŸã¶ã‚“ä¼šç¤¾ã§ä½¿ã£ã¦ãŸ

HTML5

createjs

iOS

å¤‰æ›
ãƒªãƒ³ã‚¯
MoMA | Century of the Child
Home page. Avant-Garde Playtime|1910sâ€“1930s Light, Air, Health|1920sâ€“1930s Children and the Body Politic|1920sâ€“1940s Regeneration|1940sâ€“1960s Power Play|1960sâ€“1990s Designing Better Worlds|1960sâ€“2000s New Century, New Child, New Art|1900sâ€“1910s 80|-65, 150|-75, 55|-220, 415|-150, 195|-230, 125|-360, 435|-300, 405|-490, 200|-520, 585|-370, 575|-150
kamip 2012/09/04
ã»ãƒ¼ã»ãƒ¼

HTML5
ãƒªãƒ³ã‚¯
0 ã‹ã‚‰å§‹ã‚ã‚‹HTMLã¨CSSã®åŸºæœ¬ãƒ»åŸºç¤Ž-webãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€-
ç§ã®å‘¨ã‚Šã§webãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡ºæ¥ã‚‹äººã£ã¦ã‚ã‚“ã¾ã‚Šã„ã¾ã›ã‚“ã€‚ã§ã‚‚ã€Œwebãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã©ã†ã‚„ã‚‹ã®ãƒ¼ï¼Ÿã€ã¨ã‹ã€Œç§ã‚‚ã‚„ã£ã¦ã¿ãŸã„ã‚“ã ã‘ã©â€¦ã€ã¨ã‹ã®å£°ã¯ã‚ˆãèžãã¾ã™ã€‚çš†èˆˆå‘³ã¯ã‚ã‚‹ã®ã«â€webãƒ‡ã‚¶ã‚¤ãƒ³ã¯é›£ã—ã„â€ã¨æ€ã£ã¦å§‹ã‚ã‚‰ã‚Œãªã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã‚“ãªã“ã‚Œã‹ã‚‰webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ãŸã„ãƒ“ã‚®ãƒŠãƒ¼ã•ã‚“ã«å‘ã‘ã¦HTMLã®åŸºæœ¬ãƒ»åŸºç¤Žã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚çœŸæ–°ã—ã„ã“ã¨ã¯ç‰¹ã«ãªã„ã»ã‚“ã¨ã«åŸºç¤Žã§ã™ã€œï¼žï¼œ byï¼šfweez ã¾ãšã¯ã˜ã‚ã« ã¨ã‚Šã‚ãˆãšç”¨æ„ã™ã‚‹ã‚‚ã®2ã¤ HTMLã®åŸºæœ¬ HTMLã¨ã¯ï¼Ÿ 1.DOCTYPEã®å®£è¨€ 2.åŸºæœ¬çš„ãªã‚¿ã‚° 3.<body>ã®æ–‡æ›¸æ§‹é€ CSSã®åŸºæœ¬ CSSã¨ã¯ï¼Ÿ 1.CSSã®èªã¿è¾¼ã¿æ–¹æ³• 2.æŒ‡å®šãƒ‘ã‚¿ãƒ¼ãƒ³ 3.marginã¨paddingã®é•ã„ 4.ãƒ–ãƒãƒƒã‚¯è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ å¿œç”¨ã—ã¦webãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã‚‹ ã¾ãšã¯ã˜ã‚ã« ä¸€å£ã«webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã£ã¦ã‚‚è‰²ã€…ãªã“ã¨ãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒå¤§
kamip 2012/02/10
html5
ãƒªãƒ³ã‚¯
[CSS]ï¼’è¡Œä»¥ä¸Šã‚ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸Šä¸‹ä¸å¤®ã«é…ç½®ã™ã‚‹
ç”»åƒã®éš£ã«ãƒ†ã‚ã‚¹ãƒˆã€ã¨ã„ã†ã®ã§ã¯ãªãã¦æ–‡ç« ã ã‘ã®å ´åˆã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãŒä¸€è¡Œãªã‚‰line-heightã§ãŠï½‹ã ã‘ã©ã€è¡ŒãŒè¤‡æ•°ã‚ã£ãŸå ´åˆã¯ã©ã†ã™ã‚‹ï¼Ÿ ãƒ†ãƒ¼ãƒ–ãƒ«ä½¿ãˆã°ä¸€ç™ºã ã‘ã©divã§ã‚„ã‚ã†ã¨ã™ã‚‹ã¨çµæ§‹é¢å€’ãã•ã„ã€‚ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Vertical Centering Text in DIV</title> <style> .centering { display: table; height: 300px; width: 300px; backg
kamip 2012/01/11
html5
ãƒªãƒ³ã‚¯
Loading...
kamip 2011/12/15
html5
ãƒªãƒ³ã‚¯
nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã‚’è©¦ã—ã¦ã¿ã‚‹ | d-spica
nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã‚’è©¦ã—ã¦ã¿ã‚‹ 2008-05-26 0 0 XHTML/CSS CSS, nth-child CSS3ã§å®šç¾©ã•ã‚Œã‚‹ nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã€‚ã“ã‚ŒãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ï¼ŒHTMLãƒ•ã‚¡ã‚¤ãƒ«ï¼ŒCSSãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¡ãƒ³ãƒ†ãƒŠã‚¹ãŒæ¥½ã«ãªã‚‹ã ã‚ã†ãª...ã¨æ€ã†ã®ã§ã™ã€‚ ã©ã‚“ãªå…·åˆã‹ï¼Œã¡ã‚‡ã£ã¨è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã¨ã¯ è‹±æ–‡ã§ã™ãŒï¼Œè©³ç´°ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚W3Cã® Working Draftï¼ˆè‰æ¡ˆï¼‰ã§ã™ã®ã§ï¼Œä»Šå¾Œå¤‰æ›´ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Selectors - 6.6.5. Structural pseudo-classes - :nth-child() pseudo-class ãã®è¦ç´ ãŒä½•ç•ªç›®ã®åè¦ç´ ã‹ã«ã‚ˆã£ã¦ï¼Œè©²å½“ã™ã‚‹ã‚‚ã®ã«ã ã‘ï¼ŒCSSã‚’ã‚ã¦ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ï¼Œã‚»ãƒ¬ã‚¯ã‚¿ã«ul li:nth-child(2n)ï¼Œã¾ãŸã¯
kamip 2011/12/14
html5
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
kamip 2011/12/14
html5
ãƒªãƒ³ã‚¯
ã€Žã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®UIâ€¢ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã®ã¾ã¨ã‚ã€
æ¤¿ãƒ–ãƒã‚°Dreaming to impact the world with the Internet! Wife of Brazilian:) Based in Tokyo. Live socially Make people more Happy! ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ä¸Šã§ã®ã‚µãƒ¼ãƒ“ã‚¹ã®å·®åˆ¥åŒ–ã¯ã€ã‚µãƒ¼ãƒ“ã‚¹ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã‚„æŠ€è¡“åŠ›ã®å·®ã§ã¯ãªãã€UXãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã«ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 100ä¸‡ã‚‚ã‚¢ãƒ—ãƒªãŒã‚ã‚Œã°ã€ãŸã„ã¦ã„ä¼¼ãŸã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ãŒã©ã‚“ã©ã‚“å‡ºã¦ãã¾ã™ã€‚æ²¢å±±ç«¶åˆãŒã„ã‚‹ä¸ã§ã€ç«¶åˆå„ªä½æ€§ã‚’å‡ºã›ã‚‹ã®ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã€ŒUXãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‹ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã€Œ4Pã€ã—ã‹ãªã„ã€‚ã¨ã€ç«¶åˆãŒã²ã—ã‚ãTechCrunch Disruptã§å®Ÿæ„Ÿã—ã¾ã—ãŸã€‚ ãƒ©ãƒƒã‚ãƒ¼ãªäº‹ã«ã€ã™ã”ã„ãƒãƒ¼ãƒ ã‚’çµ„ã‚“ã§ã„ã‚‹ã®ã§ã€æ¥µè«–ç§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„UIã¯ä¸€ç”Ÿæ‡¸å‘½å‹‰å¼·ã—ãªãã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€ã™ã”ã„ãƒãƒ¼ãƒ ã®çš†ã•ã‚“ã«ã€Œã“ã‚“ãªæ„Ÿã˜ã«ã—ãŸã„ã€
kamip 2011/11/07
html5
ãƒªãƒ³ã‚¯
HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã«å½¹ç«‹ã¤10ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«
æœ€è¿‘ã§ã¯ã™ã£ã‹ã‚ŠãŠãªã˜ã¿ã«ãªã‚Šã¤ã¤ã‚ã‚‹HTML5ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®å•é¡Œã‚‚ã‚ã‚Šã€ã¾ã åºƒãã¯åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€å¾ã€…ã«ãã®ç¯„å›²ã‚’æ‹¡å¤§ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã«å½¹ç«‹ã¤10ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ10 online tools to simplify HTML5 codingã€ã§ã™ã€‚ Initializr æ§˜ã€…ãªHTML5ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤WEBã‚µãƒ¼ãƒ“ã‚¹ã€ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãªã©ãŒé›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ HTML5 Demos and Examples HTML5ã®ç‹¬è‡ªæ©Ÿèƒ½ã®Demoã‚’è©¦ã›ã‚‹ã‚µã‚¤ãƒˆIEã€firefoxã€operaã€safariã€Chromeã¨ãã‚Œãžã‚Œã®ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ HTML5 Canvas Cheat Sheet â€“ Nih
kamip 2011/11/06
html5
ãƒªãƒ³ã‚¯
Sticky Thing
kamip 2011/10/31
ãã¡ã‚‡ãã¡ã‚‡ã—ã¡ã‚‡ã‚‹ã

html5
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ç”¨ã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè±Šå¯Œã«æƒã£ã¦ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -ChocolateChip-UI
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç”¨ã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«åˆ¶ä½œã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹JavaScriptãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…ˆæ—¥ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸiOS5ã«ã‚‚æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ChocolateChip-UI [ad#ad-2] ChocolateChip-UIã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ ã‚ã‚‰ã‹ã˜ã‚ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ ãƒœã‚¿ãƒ³ ã‚¢ã‚¤ã‚³ãƒ³ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒªã‚¹ãƒˆ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚¢ãƒ¼ ã‚»ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ãƒªã‚¹ãƒˆ ã‚¹ã‚¤ãƒƒãƒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ— ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£ã‚¤ãƒ³ãƒ‡ã‚£ã‚±ãƒ¼ã‚¿ãƒ¼ ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚·ãƒ¼ãƒˆ ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ã‚«ãƒ«ãƒ¼ã‚»ãƒ« ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ« ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸¦ã¹ã¦ã‚‚åˆ†ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã€ä¸‹è¨˜ã«ã‚ãƒ£ãƒ—ãƒãƒ£ã§ã”ç´¹ä»‹ã€‚
kamip 2011/10/28
html5
ãƒªãƒ³ã‚¯
ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã„ã‚‹ï¼CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å®Ÿè£…ã™ã‚‹10ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
Example 10 ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã¨ã‚«ãƒ©ãƒ¼ã‚’å¤‰æ›´ã—ã€é‡ãªã‚Šé †ã‚‚å¤‰æ›´ã€‚ å®Ÿè£… HTML HTMLã®æ§‹é€ ã¯ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ†ã‚ã‚¹ãƒˆã€ã‚µãƒ–ãƒ†ã‚ã‚¹ãƒˆã€3ã¤ã‚’liè¦ç´ ã«å«ã‚ã¾ã™ã€‚ <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-main">Exceptional Service</h2> <h3 class="ca-sub">Personalized to your needs</h3> </div> </a> </li> ... </ul> [ad#ad-2] CSS ã‚¢ã‚¤ã‚³ãƒ³ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã¯ç”»åƒã§ã¯ãªãã€ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ @font-face { font-family: 'WebSymbolsRegul
kamip 2011/10/27
html5

css3
ãƒªãƒ³ã‚¯
ç§€é€¸ãªiPhoneã‚µã‚¤ãƒˆ38:phpspoté–‹ç™ºæ—¥èªŒ
38 Mobile (iPhone) Sites ç§€é€¸ãªiPhoneã‚µã‚¤ãƒˆ38ãŒã¾ã¨ã¾ã£ã¦ãŠã‚Šã¾ã™ã€‚ æ—¥æœ¬ã§ã‚‚æ–°è¦ãƒªãƒªãƒ¼ã‚¹ã®æºå¸¯ã¯ã»ã¨ã‚“ã©ã‚¹ãƒžãƒ›ã¨ã„ã†ã“ã¨ã«ãªã£ã¦ãã¦ã€ã‚‚ã†ä¸€å¹´ã‚‚ã™ã‚Œã°ã‚·ã‚§ã‚¢ã¯ã‹ãªã‚Šå¤‰ã‚ã£ã¦ã„ã‚‹ã®ã ãªã¨ã„ã†ã®ã¯èª°ã‚‚ãŒäºˆæ¸¬ãŒä»˜ããã†ã§ã™ãŒã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³çŸ¥è˜ã¯å¿…é ˆã®ç‰©ã«ãªã‚Šãã†ã§ã™ãã€‚ å€‹äººçš„ã«ã‚‚å¾ã€…ã«æ…£ã‚Œã¦ãã¾ã—ãŸãŒã€ã“ã†ã—ãŸã†ã¾ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã¯å‚è€ƒã«ãªã‚Šã¾ã™ã€‚ å°†æ¥çš„ã«ã¯ã‚¹ãƒžãƒ›ãŒPCã‚’é€†è»¢ã™ã‚‹ãªã‚“ã¦ã„ã†äºˆæ¸¬ã‚‚ã‚ã‚‹ãã‚‰ã„ãªã®ã§ã€ã¡ã‚ƒã‚“ã¨ã‚„ã£ã¦ãŠããŸã„ã¨ã“ã‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆä½œã‚Šã®å‰ã«çŸ¥ã£ã¦ãŠãã¹ããƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç‰ãƒªã‚½ãƒ¼ã‚¹ã¾ã¨ã‚ ã‚¹ãƒžãƒ•ã‚©ã§ã‚‚ã‚¤ã‚±ã¦ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDropKickã€ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæº€è¼‰ã®ã‚¹ãƒžãƒ•ã‚©å‘ã‘WEBã‚µã‚¤ãƒˆä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒChocolateChip-UIã€ ã‚¹ãƒžãƒ•ã‚©å‘ã‘ã®PHP/
kamip 2011/10/21
Webãƒ‡ã‚¶ã‚¤ãƒ³

html5
ãƒªãƒ³ã‚¯
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ å€‹äººçš„ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ æœ€è¿‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼ŽHTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ˆ <!DOCTYPEÂ html> <html> <head> <metaÂ charset=utf-8Â /> <title>HTML5Â åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ</title>  <linkÂ rel="stylesheet"Â media="screen"Â href="reset.css"Â />  <metaÂ nam
kamip 2011/10/20
html5
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
kamip 2011/10/14
html5
ãƒªãƒ³ã‚¯
cssã§ç¸¦æ–¹å‘ä¸å¤®ã«é…ç½®ã™ã‚‹æ–¹æ³•ï¼ˆ5ã¤ã®ã‚±ãƒ¼ã‚¹ï¼‹1ï¼‰ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
iPhone 4SãŒç™ºå£²é–“è¿‘ã€‚ è²·ãŠã†ã‹è¿·ã£ã¦ä¸€æ—¦è«¦ã‚ãŸã¯ãšãŒã¾ãŸè¿·ã„å§‹ã‚ã¾ã—ãŸã€hakoishiã§ã™ã€‚ Siriã«ç”˜ã„è¨€è‘‰ã‚’ã•ã•ã‚„ããŸã„ã€‚è‹±èªžã§ããªã„ã‘ã©ã€‚ ã•ã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç¸¦ä¸å¤®ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é…ç½®ã—ãŸã„ã“ã¨ã£ã¦å°‘ãªããªã„ã§ã™ã‚ˆãã€‚ ã—ã‹ã—ãªãŒã‚‰ã€cssã¯ãã†ã„ã†ã®ã¡ã‚‡ã£ã¨è‹¦æ‰‹ã€‚ ã€Œã»ã‚‰ã€ã‚ã®æ™‚ä½¿ã£ãŸã‚¢ãƒ¬ã ã‚ˆã‚¢ãƒ¬ï¼ã€ã¨éŽåŽ»ã®ã‚½ãƒ¼ã‚¹ã‚’æŽ˜ã‚Šèµ·ã“ã—ã¦ã¿ã¦ã‚‚ã€çŠ¶æ³ãŒé•ã£ã¦ã¦ä½¿ãˆãªã„ã‚±ãƒ¼ã‚¹ã‚‚å¤šã‹ã£ãŸã‚Šã€‚ ã¨ã„ã†ã‚ã‘ã§ä»Šå›žã¯ã€cssã§ç¸¦ä¸å¤®é…ç½®ã™ã‚‹ãŸã‚ã®tipsã‚’5ã¤ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã«åˆ†ã‘ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ case1ï¼šç”»åƒã®å ´åˆ ä¸Šä¸‹æ–¹å‘ä¸å¤®ã‚’å§‹ç‚¹ã¨ã—ã¦ç”»åƒã‚’é…ç½®ã—ã€ç”»åƒã®ç¸¦ã‚µã‚¤ã‚ºã®1/2ã ã‘ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã§ä¸Šã«ç§»å‹•ã€‚ ã‚µãƒ³ãƒ—ãƒ« html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img
kamip 2011/10/13
html5
ãƒªãƒ³ã‚¯
ä¿å˜ç‰ˆï¼CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã®èª¬æ˜Žæ›¸
CSSã‚»ãƒ¬ã‚¯ã‚¿ã«ã¤ã„ã¦ã®åŸºç¤ŽçŸ¥è˜ ã“ã®ãƒ–ãƒã‚°ã§ä½•å›žã‚‚èª¬æ˜Žã—ã¦ã„ã¾ã™ãŒã€å¿µã®ãŸã‚ã«èª¬æ˜Žã—ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿è¡¨ã®èª¬æ˜Žã«ã¯å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã‚ã¨è¦ªåé–¢ä¿‚ã‚„å…„å¼Ÿé–¢ä¿‚ãªã©ã‚‚ã‚ã¾ã‚Šèžããªã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä¸‹ã®éšŽå±¤ã«ã‚ã‚‹è¦ç´ ã¨ã®é–¢ä¿‚ãŒè¦ªåé–¢ä¿‚ã§ã€åŒã˜éšŽå±¤ã«ã‚ã‚‹è¦ç´ åŒå£«ã®é–¢ä¿‚ãŒå…„å¼Ÿé–¢ä¿‚ã§ã™ã€‚ ã‚ã¨ã€CSS3ã¨èžã„ã¦ã€Œã©ã†ã›IE8ä»¥ä¸‹ã¯ãƒ€ãƒ¡ã ã—ä½¿ãˆãªã„ã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚»ãƒ¬ã‚¯ã‚¿ã«é–¢ã—ã¦ã¯ç°¡å˜ã«å¯¾å¿œã§ãã¾ã™ã€‚ IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ã‚’ã”å‚è€ƒã«ã€‚ ãã‚Œ
kamip 2011/10/13
html5
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„ï¼žï¼œï¼› åŸºç¤Žã‹ã‚‰å¦ã¶ã€ŒHTML5ã€è¶…å…¥é–€ï¼
HTML5 æ—‹é¢¨ã€å¹ãè’ã‚Œã¦ã¾ã™ãï¼(^0^)ï¼ ã•ã¦ã€ã‚‚ã®ã™ã”ãçªç„¶ã§æç¸®ã§ã™ãŒã€ã“ã®åº¦ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã€è¨ç«‹ã—ã¾ã—ãŸï¼ æ ªå¼ä¼šç¤¾ã‚«ãƒ¤ãƒƒã‚¯ï¼ˆæœ¬ç¤¾ï¼šç¥žå¥ˆå·çœŒéŽŒå€‰å¸‚ã€ ä»£è¡¨å–ç· å½¹CEOï¼šæŸ³æ¾¤å¤§è¼”ã€http://www.kayac.comä»¥ä¸‹ã€Œã‚«ãƒ¤ãƒƒã‚¯ã€ï¼‰ã¯ã€HTMLï¼‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€JavaScriptÂ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ‹…å½“ã™ã‚‹è·ç¨®ãŒæ‰€å±žã™ã‚‹ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã‚’ç™ºè¶³ã„ãŸã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§HTMLãŠã‚ˆã³CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒæ‰€å±žã™ã‚‹æŠ€è¡“éƒ¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãŒæ‰€å±žã™ã‚‹æ„åŒ éƒ¨MEèª²ï¼ˆMEã¯Markup Engineerã®ç•¥ï¼‰ã«åˆ†ã‹ã‚Œã¦æ‰€å±žã—ã¦ã„ã¾ã—ãŸãŒã€æ˜¨ä»Šã®HTML5ã®é€²åŒ–ã¨æ™®åŠã‚’å—ã‘ã¦ã€HTMLã€CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã«ã¦æ´»å‹•ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ ãã‚“ãªHTMLãƒ•ã‚¡ã‚¤éƒ¨å“¡ãŒä»Šå›žãŠé€ã‚Šã•ã›ã¦ã„ãŸã ãã®ã¯ã€ HTML5 ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰
kamip 2011/09/16
html5
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
kamip 2011/09/13
html5
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸