[B! css] sotarokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sotarok id:sotarok

cssã«é–¢ã™ã‚‹sotarokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (56)

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

æœªæ¥ã®CSSã‚’å…ˆå–ã‚‹Houdiniã¨ã¯ï¼Ÿãã‚Œã¯é”æ³•ã§ã‚ã‚‹ï¼
ã“ã‚“ã«ã¡ã‚ã€ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒƒãƒ†ã§Front-end Developerã‚’ã—ã¦ã„ã‚‹@t32kã§ã™ã€‚ ãƒ¡ãƒ«ã‚«ãƒªã§ã¯ã‚»ãƒŸãƒŠãƒ¼å‚åŠ è£œåŠ©åˆ¶åº¦ãŒã‚ã‚Šã€ãã‚Œã‚’åˆ©ç”¨ã—ã¦æµ·å¤–ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯11/30 ~ 12/01ã€ã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ãƒ»ãƒ¡ãƒ«ãƒœãƒ«ãƒ³ã§é–‹å‚¬ã•ã‚ŒãŸCSS/JSConf Australia 2016ã«è¡Œã£ã¦ããŸã®ã§ã€ãã®ãƒ¬ãƒãƒ¼ãƒˆã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ãã®ä¸ã§ã‚‚ã€CSSConfã§ã®Barak Chamoæ°ãŒè¬›æ¼”ã—ãŸå†…å®¹ãŒéžå¸¸ã«èˆˆå‘³æ·±ã‹ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ Hey presto, CSS! ä»Šæ—¥ã¯ãŠè©±ã™ã‚‹å†…å®¹ã¯é”æ³•ã«ã¤ã„ã¦ã§ã™ã€‚ã©ã®ã‚ˆã†ã«è‡ªåˆ†ãŒå®šç¾©ã—ãŸCSSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§åˆ©ç”¨å¯èƒ½ã«ã™ã‚‹ã®ã‹ã¨ã„ã†é”æ³•ã§ã™ã€‚ ãã®å‰ã«ã€é”æ³•ã§ã¯ãªã„ã“ã‚Œã¾ã§ã®CSSã«ã¤ã„ã¦æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚æ—¥æœ¬ã«ã¯ã€Žçé“å…·ã€ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã¨ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„æŠ€è¡“ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã‚ªãƒ¼ãƒãƒ¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã«
sotarok 2016/12/19
t32k ã•ã‚“ã«ã‚ˆã‚‹ CSS/JSConf Australia 2016 å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆ!

css
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ¥½ã«ã™ã‚‹ãŸã‚ã«
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
sotarok 2015/03/22
javascript

css
ãƒªãƒ³ã‚¯
CSSã§æ³¥æ²¼ã«ã¯ã¾ã‚‰ãªã„3ã¤ã®ã‚¢ãƒ—ãƒãƒ¼ãƒï½œã€Žãƒ—ãƒã¨ã—ã¦æ¥ãšã‹ã—ããªã„ æ–°ãƒ»WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§åŽŸå‰‡ã€ç™ºå£²è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆ
æ³¨é‡ˆ 60åˆ†ã®ã‚»ãƒŸãƒŠãƒ¼ç”¨ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ 60åˆ†é–“ã²ãŸã™ã‚‰ã—ã‚ƒã¹ã‚‹ãŸã‚ã®è³‡æ–™ãªã®ã§ã€ç›®æ¬¡ã¯ã‚ã‚Šã¾ã›ã‚“ ã‚»ãƒŸãƒŠãƒ¼ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã®ãŸã‚ã«å…¬é–‹ã—ã¦ã„ã¾ã™ æ–‡å—ãŒå¤§ãã„ã®ã¯ã€ä¼šå ´ã®å¾Œã‚ã®å¸ã§ã‚‚è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã§ã™ Cascading Style Sheets .header { margin: 8px; color: #f00; } ãƒžã‚¸ãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ã®è‰¯ããªã„ä¾‹ .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } æ•°å€¤ãŒä¹±ç«‹ .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
sotarok 2015/03/04
css
ãƒªãƒ³ã‚¯
| ã“ãã¿ã“ã®ãƒ€ãƒ¡ãƒ–ãƒã§â€¦ã–ã™ï¼
0ask-st4ã•ã‚“ ï¼ŠMon Styleï¼Šjumpedlevelfuelã•ã‚“ ã‚ãŸã—ãŒå¾©ç¸ã§ããŸãƒžãƒ‹ãƒ¥ã‚¢ãƒ«unique-life14ã•ã‚“ ã€Œä»Šã®ã‚ãªãŸã«ä¼¼åˆã†ã€ã‚’æŽ¢ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã‹ã£ã“ã„ã„ãƒžãƒžãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³aehuninã•ã‚“ ä¸å¦Šæ²»ç™‚å°‚é–€ã€€æ±äº¬éƒ½æ—¥é‡Žå¸‚ã€€é¼ç¸é™¢rivitoã•ã‚“ æœ¬æ°—ã§ãƒ€ã‚¤ã‚¨ãƒƒãƒˆã‚’æˆåŠŸã•ã›ãŸã„æ–¹ã¸
sotarok 2014/06/26
ã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã‹ã‚‰å¾Œã§ã‚‚ã†ä¸€åº¦èªã‚‚ã†ã£ã¨

css
ãƒªãƒ³ã‚¯
ScaleOut | Supership
æ—¥ã€…ã®å‡ºæ¥äº‹ã€ãƒ¡ãƒ³ãƒãƒ¼ã®åƒãæ§˜åã‚„å£°ã€æœªæ¥ã¸ã®æƒ³ã„ãªã©ã€Supershipã®â€œBE SUPERâ€ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ã‚·ã‚§ã‚¢ã—ã¦ã„ã¾ã™ã€‚
sotarok 2013/08/23
jenkins
ãƒªãƒ³ã‚¯
CSS ã§ä½œã‚‹ Tumblr ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼
1å¹´ãã‚‰ã„å‰ã« ã€ŒCSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ ã£ã¦è¨˜äº‹æ›¸ã„ãŸã‚“ã§ã™ãŒã€åŒã˜ã‚ˆã†ãªã®ã‚’ã¾ãŸã‚„ã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ Tumbler ã® Android ã‚¢ãƒ—ãƒª ï¼ˆTumblr for Androidï¼‰ ã®æ–°è¦æŠ•ç¨¿ã® UI ãŒã‚«ãƒƒã‚³ã‚ˆã‹ã£ãŸã‚“ã§ã€ã“ã‚Œã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§å†ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä¸‹è¨˜ã«ã€‚ CSS ã§ä½œã‚‹ Tumblr ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚µãƒ³ãƒ—ãƒ« ç¾åœ¨æœ€æ–°ç‰ˆã® Firefoxã€Safariã€Chrome ã§ã¯å‹•ãã¨æ€ã„ã¾ã™ã€‚ã‚ã¨æ‰‹æŒã¡ã® iOS 6 Safari ã§ã¯å‹•ä½œç¢ºèªã—ã¾ã—ãŸã€‚ä»–ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã‹çŸ¥ã‚‰ãªã„ã€‚IEï¼Ÿ ä¸€å¿œã€IE10 ã¯å•é¡Œãªãå‹•ä½œã—ã¾ã™ã€‚IE9 ã ã¨å‹•ä½œã¯ã™ã‚‹ã‘ã©ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹ã—ãªã„ã§ã™ã€‚ å…ƒãƒã‚¿ã‚’ä¸‹è¨˜ã«è²¼ã£ã¦ãŠãã¾ã™ã ï¼ˆç”»åƒã¯ ã€ŒTumblr Staffã€ ã‹ã‚‰
sotarok 2013/04/25
css
ãƒªãƒ³ã‚¯
HTMLãƒ¡ãƒ¼ãƒ«ã€€CSSã‚¬ã‚¤ãƒ‰
14 November 2017 Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties. Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10. 13 September 2017 A complete rewrite and redesign of the guide, testing 278 different CSS properties and features across 35 em ail clients. To accommo
sotarok 2013/04/17
ãƒ¡ãƒ¼ãƒ«ã®CSS

css
ãƒªãƒ³ã‚¯
cssã®counter()ã£ã¦ä¾¿åˆ©ã ã‚ˆãªãƒ¼ã£ã¦è©± - ã¶ã‚Œã™ã¨ã¤ãƒ¼ã‚‹
TLè¦‹ã¦ã¦@watildeæ°ãŒã“ã‚“ãªã“ã¨ã„ã£ã¦ã‚‹ã®è¦‹ã¦ ã§ã‚‚counter()ã®å˜åœ¨çŸ¥ã‚Œã¦ã‚ˆã‹ã£ãŸã€‚ä½•ã‹ä½¿ã„é“ã‚ã‚Šãã†ã€‚â€” ã‚ã£ã¡ã•ã‚“ (@watilde) 2013å¹´3æœˆ16æ—¥ æ˜”åˆ¶ä½œã•ã‚“ã«ã‚‚ã‚‰ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ã§counter()ä½¿ã‚ã‚Œã¦ãŸã¨ãã¯jsã§åˆ¶å¾¡ã—ãªãã‚ƒã„ã‘ãªã„ã ã‚ãƒ¼ãªã£ã¦æ€ã£ã¦ã¨ã“ã‚ã°ã£ã•ã‚Šã„ã‚‰ãªããªã£ãŸã®ã§ã‹ãªã‚Šæ„Ÿå‹•ã—ãŸãªãƒ¼ã£ã¦æ€ã„å‡ºã—ã¦ã‚ã‚Œã ã£ãŸã®ã§ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰æ›¸ã„ã¦ã¿ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«(å‹•ãã¯Resultã‚’å‚ç…§) ããã£ãŸã»ã†ãŒæ£ç¢ºãªä½¿ã„ã‹ãŸã§ã‚‹ã ã‚ã†ã‘ã©counter-incrementã™ã‚Œã°cssã§ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼æ©Ÿèƒ½ãŒå®Ÿç¾ã§ãã‚‹ã‚ˆã£ã¦ã‚„ã¤ .it em-first { border-top: 6px solid #069; counter-reset: it em; } .it em-raw { border-left: 6px solid #069; border-right:
sotarok 2013/03/22
css
ãƒªãƒ³ã‚¯
Data URIåŒ–ã—ãŸç”»åƒã¨ãã®å†åˆ©ç”¨æ€§
Data URIåŒ–ã—ãŸç”»åƒã¯HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã®å‰Šæ¸›ã«å¤§ã„ã«å½¹ã«ç«‹ã¤ã®ã§ç©æ¥µçš„ã«ä½¿ã£ã¦è‰¯ã„ã¨æ€ã†ã€‚ã‘ã©ã€CSSã«ãŠã„ã¦å¤‰æ•°ãŒä½¿ãˆãªã„ã“ã¨ãªã©ã®ç†ç”±ã‹ã‚‰ãã®å†åˆ©ç”¨æ€§ã¯ä½Žã„ãŸã‚ã€æ³¨æ„ã—ã¦æ›¸ã‹ãªã„ã¨åŒã˜Data URIåŒ–ã—ãŸç”»åƒãŒã„ãã¤ã‚‚CSSã«å‡ºã¦ãã‚‹ãªã©ã¨ã„ã†ç„¡é§„ã«ã¤ãªãŒã‚Šã‹ããªã„ã€‚æ¥µç«¯ãªä¾‹ã§ã¯3KBãã‚‰ã„ã®Data URIåŒ–ã—ãŸåŒã˜ç”»åƒãŒ8ã‹ã‚‰10ä»¥ä¸Šå‡ºã¦ãã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨ã‹è¦‹ãŸã“ã¨ãŒä½•å›žã‚‚ã‚ã‚‹ã€‚ å˜ãªã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã¯ä½¿ã„å›žã—ã™ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šãªãã€ã‚¯ãƒ©ã‚¹åã«ç´ä»˜ã‘ã‚‰ã‚Œã‚‹ã ã‘ãªã®ã§ã“ã†ã„ã†å•é¡Œã¯èµ·ã“ã‚‰ãªã„ã‘ã©ã€ä¸Šè¨˜ã®ã‚ˆã†ãªé€éŽã•ã›ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªä½¿ã„å›žã™ã“ã¨ã‚’æ„å›³ã—ãŸãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’é•ã†èƒŒæ™¯è‰²ã¨æ··ãœã¦ã‚¢ãƒ¬ãƒ³ã‚¸ã™ã‚‹ã¨ã„ã†ã‚ˆã†ãªä½¿ã„æ–¹ã«ãŠã„ã¦Data URIã‚’åˆ©ç”¨ã™ã‚‹ã¨é‡è¤‡ãŒèµ·ã“ã‚Šã‚„ã™ã„ã€‚ãã†ã„ã†æ™‚ã«ã¯OOCSSçš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã§Data URIåŒ–ã—ãŸç”»åƒã‚’ä½¿ã†ãŸã‚ã ã‘ã®ã‚¯ãƒ©ã‚¹ã‚’ä½œã£ã¦ã‚»ãƒ¬ã‚¯
sotarok 2012/07/10
css
ãƒªãƒ³ã‚¯
[fluentd] #Fluentd Casual Talks ã§ã€Œfluentdã§Webã‚µã‚¤ãƒˆé‹ç”¨ã‚’æ¥½ã«ã™ã‚‹ã€è©±ã‚’ã—ã¦ãã¾ã—ãŸ - é…’æ—¥è¨˜ ã¯ã¦ãªæ”¯åº—
id:tagomoris ã•ã‚“ã«ãŠå£°ãŒã‘ã„ãŸã ãã¾ã—ã¦ã€Fluentd Casual Talks ã«ã¦ã€Œfluentdã§Webã‚µã‚¤ãƒˆé‹ç”¨ã‚’æ¥½ã«ã™ã‚‹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ç™ºè¡¨è³‡æ–™ã¯ã“ã¡ã‚‰ ä¸»å‚¬è€…ã® id:tagomoris ã•ã‚“ã€ä¼šå ´ã‚’æä¾›ã—ã¦ã„ãŸã ã„ãŸ DeNA æ§˜ã€ã„ã‚ã„ã‚æº–å‚™ã‚’ã—ã¦ãã ã•ã£ãŸ id:riywo ã•ã‚“ã¯ã˜ã‚å¤šãã®æ–¹ã€…ã€å‚åŠ ã—ã¦ãã ã•ã£ãŸ100åä»¥ä¸Šã®çš†æ§˜ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼æ¥½ã—ã‹ã£ãŸã§ã™ã€‚ ç™ºè¡¨ã§ã¯ã“ã“åŠå¹´ã»ã© Fluentd ã‚’é‹ç”¨ã—ã¦æ¥ãŸçµŒé¨“ã‚’ãŠè©±ã—ã—ã¾ã—ãŸãŒã€ç™ºè¡¨å†…ã§è§¦ã‚Œãªã‹ã£ãŸã“ã¨ã§å¤§äº‹(?)ãªã“ã¨ãŒã‚ã‚Šã¾ã™ã®ã§ä»¥ä¸‹ã«è£œéºã‚’ã„ãã¤ã‹æ›¸ã„ã¦ãŠãã¾ã™ã€‚ Mongo DB ã«ãƒã‚°ã‚’æºœã‚ã™ãŽãªã„æ–¹ãŒã„ã„ã‹ã‚‚ å¤ªç”°ã•ã‚“ (@kzk_mover) ã®ç™ºè¡¨å†…ã§ã‚‚è§¦ã‚Œã‚‰ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ•°åƒä¸‡ä»¶ç¨‹åº¦ã«ã—ã¦ãŠã„ãŸã»ã†ãŒã„ã„ã®ã§ã¯â€¦â€¦ã¨ã„ã†å®Ÿæ„Ÿã§ã™ã€‚ ç™ºè¡¨å†…
sotarok 2012/05/21
.bokasitai

fluentd

css
ãƒªãƒ³ã‚¯
Rainbow - Javascript Code Syntax Highlighting
Download Select what languages you want to include to build a custom package. Languages select all C C# Coffeescript CSS D Generic patterns Go Haskell HTML Java JavaScript JSON Lua PHP Python R Ruby Scheme Shell Smalltalk SQL CSS themes are available on GitHub. Download What is this? Rainbow is a code syntax highlighting library written in Javascript. It was designed to be lightweight (2.5kb), eas
sotarok 2012/04/04
syntax highlight

css

javascript
ãƒªãƒ³ã‚¯
HugeDomains.com
Captcha security check audiovroom.com is for sale Please prove you're not a robot View Price Processing
sotarok 2012/03/30
responsive design

html5

css
ãƒªãƒ³ã‚¯
http://lab.jeffbatterton.com/iphone-back-button/
sotarok 2012/03/29
css

iphone
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’è‰¯ã•æ°—ãªæ„Ÿã˜ã«ã€‚
æ˜¨å¹´å¾ŒåŠè¾ºã‚Šã‹ã‚‰ã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ¡ˆä»¶ã‚’å®Ÿéš›ã«ã‚„ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ã€ä»Šå¹´ã¯ã‚‚ã£ã¨ã‚‚ã£ã¨å¢—ãˆã‚‹ã‚“ã ã‚ã†ãªãã¨æ€ã†ä»Šæ—¥ã“ã®é ƒã€‚ ãªã®ã§ä»Šå›žã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ™‚ã«ä½¿ã†ã‹ã‚‚çŸ¥ã‚Œãªã„ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸè¨˜äº‹ãªã‚“ãžã‚’ã€‚ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ã„ãˆã°ã€ã‚ˆãè¦‹ã‹ã‘ã‚‹ã®ã¯æ€§åˆ¥ã®é¸æŠžã¨ã‹ã§ã—ã‚‡ã†ã‹ã€‚ ä½•ã«ã›ã‚ˆã€ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³1 ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³2 ã‚“ã§ã€ã“ã‚Œã‚’iPhoneã¨ã‹ã§è¦‹ã‚‹ã¨ã€ä½•ã®å¤‰å“²ã‚‚ãªã„æ™®é€šã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã§ã™ãŒã€iPhoneã£ã¦ãƒ©ãƒ™ãƒ«éƒ¨åˆ†ã‚’ã‚¿ãƒƒãƒ—ã—ã¦ã‚‚é¸æŠžã§ããªã‹ã£ãŸã‚Šã—ã¦ä½¿ã„å‹æ‰‹ãŒæ‚ªã„ã¨æ€ã£ãŸã‚Šã—ã¾ã›ã‚“ã‹ï¼Ÿ ãƒœã‚¯ãŒæŒã£ã¦ã‚‹ã€iPod Touch ã§ã¯åå¿œã—ã¦ãã‚Œãªã‹ã£ãŸã§ã™ã€‚ ãã“ã§ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‚‚ã£ã¨è‰¯ã•æ°—ãªãƒœã‚¿ãƒ³ã£ã½ãã—ã¦ã¿ãŸã‚‰è‰¯ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ãŸã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯iPhoneã‹webkitç³»ãƒ–ãƒ©
sotarok 2012/03/29
iphone

css
ãƒªãƒ³ã‚¯
Skeleton: Responsive CSS Boilerplate
Is Skeleton for you? You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation).
sotarok 2012/03/29
css
ãƒªãƒ³ã‚¯
Viewport [iPhoneç”Ÿæ´»]
*device-widthã¯iPhoneæ¨ªæŒã¡ã®å ´åˆã§ã‚‚å¿…ãš320pxã€device-heightã¯iPhoneç¸¦æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš480pxã¨ãªã‚Šã¾ã™ ä¾‹ãˆã°ä»¥ä¸‹ã¯ã€Viewportã®æ¨ªå¹…ãŒiPhoneã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã§ã€å€çŽ‡ã¯1ã€2å€ã¾ã§æ‹¡å¤§å¯èƒ½ã€ã¨ã„ã†å†…å®¹ã§ã™ã€‚ æå†™ã®ãƒ—ãƒã‚»ã‚¹ã‚’æ¤œè¨¼ã™ã‚‹ã«å½“ãŸã£ã¦ã®æ¡ä»¶ ä»¥ä¸‹ã®èª¬æ˜Žã§ã¯è¤‡é›‘ãªçŠ¶æ³ã‚’èª¬æ˜Žã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ãŸã‚ã€ç‰¹å®šã®èªžå¥ã‚’ç‰¹å®šã®æ„å‘³ã§ã®ã¿ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ç‰¹å®šã®èªžå¥ã¯ä»¥ä¸‹ã§ã™ã€‚ viewport Viewportã®ãƒ¡ã‚¿ã‚¿ã‚°ã§æŒ‡å®šã—ãŸå€¤ã¾ãŸã¯å¾Œã«SafariãŒè¨ˆç®—ã—ãŸå€¤ã€‚initial-scale/width/heightã®3ã¤ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆã‚µã‚¤ã‚ºï¼‰ HTMLã«è¨ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚º ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆï¼ˆã‚µã‚¤ã‚ºï¼‰ ä½™ç™½ã‚’å«ã‚ãŸHTMLå…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚ˆã‚Šã‚‚å¤§ãã„å ´åˆã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹å…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦
sotarok 2012/03/28
css

iphone
ãƒªãƒ³ã‚¯
iPhone 4 ã® CSS ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³•
æºå¸¯é›»è©± (Nokia, Sonye Eicsson, iPhone) ã‚„Macã€å†™çœŸã€å‰ç”°ã‚«ãƒãƒ³ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œ (HTML5, CSS3) ãªã©ã«ã¤ã„ã¦ã®ãƒ–ãƒã‚° iPhone 4ã¨iPhone 3G/3GSã¨ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ‡ã‚Šæ›ãˆã‚‹æ–¹æ³•ã‚’è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ iPhone 4ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤è§£åƒåº¦ã¯å¾“æ¥æ©Ÿã¨æ¯”ã¹ã¦ç¸¦æ¨ªãã‚Œãžã‚Œ2å€ã«ãªã‚Šã¾ã—ãŸãŒã€iPhone 4ã®Safariã§ã¯viewportã‚’å¾“æ¥ã©ãŠã‚Šã€Œwidth=device-widthã€ã¨æŒ‡å®šã—ã¦ã‚‚ã€320Ã—480ãƒ”ã‚¯ã‚»ãƒ«ã®ç”»é¢ã‚’2å€ã«æ‹¡å¤§ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹ãŸã‚ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤è§£åƒåº¦ã®é•ã„ã‚’è€ƒæ…®ã—ãªãã¦ã‚‚ã€å¾“æ¥ã¨åŒæ§˜ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã‚Œã§ã¯ç”»åƒã«ã‚¸ãƒ£ã‚®ãƒ¼ãŒç™ºç”Ÿã—ã¦ã—ã¾ã†ã®ã§ã€iPhone 4ã‚’åŒºåˆ¥ã§ããªã„ã‹ã¨è‰²ã€…æŽ¢ã£ã¦ã„ãŸã¨ã“ã‚ã€JavaScriptï¼ˆDOMï¼Ÿï¼‰ã«ã€Œwindow.devicePixelRatioã€ã¨
sotarok 2012/03/28
iphone

css
ãƒªãƒ³ã‚¯
iPhoneã‚µã‚¤ãƒˆå‘ã‘CSSã‚µãƒ³ãƒ—ãƒ«ï¼ˆCSS3ï¼‰ï½œConneLogï½œConneCre
<meta name="viewport" content="width=device-width, user-scala ble=no, initial-scale=1, maximum-scale=1"> * { word-break: break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(255,255,0,0.4); -webkit-text-size-adjust:none; } word-break: break-all; URLãªã©ã®æ–‡å—åˆ—ã®å¼·åˆ¶æ”¹è¡Œã€‚ãŸã ã—å¥èªç‚¹ãªã©ã‚‚å…ˆé ã«ãã‚‹ãŸã‚è¦æ¤œè¨Žã€‚ -webkit-touch-callout:none; é•·æŠ¼ã—ã—ãŸéš›ã®ã¨ã³å…ˆURLéžè¡¨ç¤ºã€‚ãŸã ã—ç”»åƒãƒªãƒ³ã‚¯ã‚’ã‚¿ãƒƒãƒ—ã—ãŸéš›ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆãŒãŠã‹ã—ããªã‚‹ã€‚aã‚¿ã‚°è¦ç´ ã«display: block ;ã‚’æŒ‡å®šã™
sotarok 2012/03/28
css
ãƒªãƒ³ã‚¯
IE 6, IE 7, IE 8 ãŒé€€å ´ã—ãŸæœªæ¥ - latest log
Internet Explorer ã®è‡ªå‹•ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã«ã¤ã„ã¦ | Tech Net é•·ã‹ã£ãŸâ€¦ æœ¬å½“ã«é•·ã‹ã£ãŸâ€¦ ã‚„ã£ã¨ã€IE 6, IE 7 ãŒå±…ãªããªã‚‹ã®ã§ã™ãâ€¦ uupaa.js ver 0.8 ã«åŸ‹ã¾ã£ã¦ã„ã‚‹å‡¦ç†ã‹ã‚‰æƒ…å ±ã‚’æŠœãå‡ºã— IE 6, IE 7, IE 8 ãŒå±…ãªããªã£ãŸæœªæ¥ã§ã¯ä½•ãŒå¯èƒ½ã«ãªã‚‹ã®ã‹æŠœç²‹ã—ã¦ã¿ã¾ã—ãŸã€‚ IE8 ã§ã‚„ã£ã¨ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹æ©Ÿèƒ½ ä¸€éƒ¨ã¯ IE 6 ã‚„ IE 7 ã§ã‚‚ä½¿ãˆã‚‹ã®ã§ã™ãŒã€å¯¾å¿œãŒé™å®šçš„ã ã£ãŸã‚Šä¸å…·åˆãŒå¤šã‹ã£ãŸã‚Šã¨ã€å®‰å¿ƒã—ã¦ä½¿ãˆãªã‹ã£ãŸæ©Ÿèƒ½ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ display: inline-block display: table, table-cell ãªã© position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
sotarok 2012/03/07
javascript

ie

css
ãƒªãƒ³ã‚¯
Victor Coulon : Mon blog High Tech
Vous avez entendu parler de Google Ads, mais vous ne savez pas par oÃ¹ commencer ? Ce guide est lÃ â€¦
sotarok 2011/12/07
css

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