[B! 1402][CSS] sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sometk id:sometk

1402ã¨CSSã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

ç„¡æ–™ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆ
htmlå…¥é–€ åˆå¿ƒè€…ã®ãŸã‚ã®htmlå…¥é–€è¬›åº§ html4ã®åŸºæœ¬ã¨ä½¿ã„æ–¹ htmlå…¥é–€ã€html4.01ã®ä»•æ§˜ã«æ²¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ã‚¿ã‚°ã®æ›¸ãæ–¹ã€ã‚¿ã‚°è¾žæ›¸ HTMLåŸºæœ¬ã‚¿ã‚° htmlè¦ç´ æ–‡ç« ãŒHTMLã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã™ headè¦ç´ HTMLã®åŸºæœ¬æƒ…å ±ã‚„metaæƒ…å ±ã‚’è¨˜å…¥ã™ã‚‹å ´æ‰€ titleè¦ç´ HTMLã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ metaè¦ç´ HTMLã®æƒ…å ±ã‚’æ›¸ãè¾¼ã‚€å ´æ‰€ bodyè¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã™ã‚‹å ´æ‰€ styleè¦ç´ è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’cssã§æŒ‡å®šã™ã‚‹ è¦‹å‡ºã— h1è¦ç´ å¤§è¦‹å‡ºã—ã€‚ãƒšãƒ¼ã‚¸å†…ã«1ã¤ã®ã¿ä½¿ç”¨ã§ãã‚‹ h2è¦ç´ 2ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h3è¦ç´ 3ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h4è¦ç´ 4ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h5è¦ç´ 5ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— h6è¦ç´ 6ç•ªç›®ã«å¤§ãã„è¦‹å‡ºã— ãƒªãƒ³ã‚¯ aè¦ç´ ãƒªãƒ³ã‚¯ã‚’ä½œã‚‹ã¨ãã®ã‚¿ã‚° linkè¦ç´ å¤–éƒ¨cssãƒ•ã‚¡ã‚¤ãƒ«ã®urlã‚’æŒ‡å®šã§ãã¾ã™ baseè¦ç´ ç›¸å¯¾ãƒ‘ã‚¹ã®åŸºæº–ã¨ãªã‚‹urlã‚’æŒ‡å®šã§ãã‚‹ ãƒ†
sometk 2014/02/26
ã‚ˆãä½œã£ãŸãªã‚ï¼

1402

CSS

homepage

web

jquery
ãƒªãƒ³ã‚¯
ãªãœãƒªã‚»ãƒƒãƒˆã§ã¯ãªã Normalize.css ã‚’ä½¿ã†ã®ã‹ | Yomotsu net
ã¾ãšã¯ã€æ´å²ã‚’ã¿ã¦ã¿ã‚ˆã†ã€‚ åˆæœŸ* { margin:0; padding:0; border:none; } table ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰ CSS ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¸ã®ç§»è¡ŒæœŸã«è€ƒæ¡ˆã•ã‚ŒãŸã€‚ã™ã¹ã¦ã‚¼ãƒã«ã™ã‚‹ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ã§ã€å®Ÿè£…è€…ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã®ã¿ãŒé©ç”¨ã§ãã‚‹ã¨ã„ã†æ‰‹æ³•ã€‚å¼Šå®³ã¨ã—ã¦ input è¦ç´ ã®æž ç·šãªã©ã€æœ¬æ¥ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚¼ãƒã«ã™ã‚‹å¿…è¦ãŒãªã„ç®‡æ‰€ã¾ã§ã‚¹ã‚¿ã‚¤ãƒ«ãŒæ¶ˆãˆã¦ã—ã¾ã„ã€ã—ã‚‡ã†ãŒãªã„ã®ã§æ›´ã«ä¸Šã‹ã‚‰æž ç·šã‚’åŠ ãˆã‚‹ãªã©ãŒå¿…è¦ã«ãªã£ã¦ã„ãŸ ä¸æœŸä»Šã‹ã‚‰ 5 å¹´ã»ã©å‰ã® 2008 å¹´ã€ã‚¨ãƒªãƒƒã‚¯ãƒ¡ã‚¤ãƒ¤ãƒ¼æ°ã«ã‚ˆã‚‹ãƒªã‚»ãƒƒãƒˆ CSS ã‚„ YUI ã®ãƒªã‚»ãƒƒãƒˆ CSS ãŒç™»å ´ã—ãŸã€‚å…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€Œ*ã€ ã§ã¯ãªãã€è¦ç´ ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãã‚Œãžã‚Œã«å¯¾ã—ã¦ CSS ã‚’ã‚¼ãƒã«ã™ã‚‹ã¨ã„ã†æ‰‹æ³•ã€‚ ãŸã ã—ã€p ã‚„è¦‹å‡ºã—è¦ç´ ã®ä¸Šä¸‹ãƒžãƒ¼ã‚¸ãƒ³ã‚„ li ã®ãƒªã‚¹ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã¾ã§ã‚‚ä¾ç„¶ã¨ã—ã¦ã‚¼ãƒã«ãªã£ã¦ã„ãŸãŸã‚ã€æ¬¡ã®ã‚ˆã†ãªã€æœ¬æœ«è»¢å€’ãª HTML ã¾ã§
sometk 2014/02/26
1402

CSS

CSS3

development

html

HTML5

web
ãƒªãƒ³ã‚¯
CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžSCSS(Sass)ã¨LESS
ä»Šå›žã¯CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãªã«ãã‚Œï¼Ÿã£ã¦è¨€ã†æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚æœ€è¿‘ã¾ã§ãã†ã§ã—ãŸã€‚ã©ã†ã—ã¦çŸ¥ã£ãŸã‹ã¨ã„ã†ã¨å‰å›žã®è¨˜äº‹ã§CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ãƒ–ãƒ¼ãƒˆã‚¹ãƒˆãƒ©ãƒƒãƒ—ãŒLESSã‚’ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ã€‚ãã‚Œã§ã‚³ãƒ¬ãªã‚“ã ã‚ã£ã¦èª¿ã¹ãŸã‚‰ã‚ã‹ã£ãŸã‚“ã§ã™ã€‚å› ã¿ã«ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ãƒ–ãƒ¼ãƒˆã‚¹ãƒˆãƒ©ãƒƒãƒ—ã®SCSSç‰ˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨CSSã‚’ã‚ˆã‚Šç°¡å˜ã«è¨˜è¿°ã—ã‚ˆã†ã£ã¦ã“ã¨ã§ã™ã€‚ CSSè¨˜è¿°ã™ã‚‹ã¨ãé‡è¤‡ã—ãŸã‚Šã€ãã‚Œãžã‚Œã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã™ã‚‹ã‚ˆã†ãªè¨˜è¿°ã‚„ã‚ã¨CSS3å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«ãªã‚“ã ã‹é•·ã„è¨˜è¿°ã—ãªã„ã¨ãƒ€ãƒ¡ã§ã™ã‚ˆãã€‚-webkitã¨ã‹-mozã¨ã‹ã€‚ ãã†ã„ã†ã®ã‚’è§£æ¶ˆã—ãŸã‚‚ã®ãªã‚“ã§ã™ãã€‚è‡ªå‹•çš„ã«è¨ˆç®—ãªã‚“ã‹ã‚‚ã‚„ã£ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ ã“ã‚Œã¯ã‹ãªã‚Šä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ã€‚ æœ€åˆã«ã‚„ã‚‹ãªã‚‰æ–ç„¶LESSã ã¨æ€ã„ã¾ã™ã€‚javascriptã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã—ã™ãã«ä½“æ„Ÿã§ãã‚‹ã®ã§ã€‚ã‚¦ã‚§ãƒ–ä¸Šã«ã‚¢
sometk 2014/02/25
1402

css

less

scss

sass

php

js

javascript

script
ãƒªãƒ³ã‚¯
CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒ - (DxD)âˆž
CSSã‚’æ‹¡å¼µã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦ã€ä»£è¡¨çš„ãªã‚‚ã®ã«ã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã«ã‚ãŸã‚Šã€ä¸¡è€…ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ çµæžœçš„ã«ã¯ã€ã€ŒSCSS(Sass)ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ç‰¹ã«ã€ŒSCSS(Sass)ã€ã‚’é¸æŠžã™ã‚‹æ±ºã‚æ‰‹ã¨ãªã£ãŸç‚¹ã«é‡ç‚¹ã‚’ç½®ãã¤ã¤ã€ä¸¡è€…ã®é•ã„ã‚’ã¾ã¨ã‚ã¾ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤§è¦æ¨¡ã«ãªã‚‹ã«ã¤ã‚Œã¦ã€CSSã®è¨è¨ˆãƒ»ç®¡ç†ã«ã‚‚ãƒªã‚½ãƒ¼ã‚¹ã‚’å‰²ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«ã‚ˆã‚‹å†åˆ©ç”¨æ€§ã‚’è€ƒãˆãŸã¨ãã€ç¾çŠ¶ã®CSSã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ä¸€ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã‚ãŒã‚‹ã®ãŒã€ŒBlueprintã€ã‚„ã€Œ960 Glid Systemã€ç‰ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã§ã™ãŒã€ãã®å†åˆ©ç”¨æ€§ã¨æ§‹é€ ãƒ»è¡¨ç¾ã®åˆ†é›¢åº¦ã¯ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã§ã™ã€‚ ãã“ã§ã€CSSã®åˆ©ç‚¹ã‚’æ´»ã‹ã—ã¤ã¤ã€å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚‹ãŸã‚ã«
sometk 2014/02/25
1402

css

less

sass

scss
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€:phpspoté–‹ç™ºæ—¥èªŒ
Cool Kitten: A parallax scrolling responsive framework ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å¤šãã‚ã‚Šã¾ã™ãŒã€æ›´ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ©Ÿèƒ½ã‚‚ç››ã‚Šè¾¼ã¾ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚µã‚¤ãƒˆä½œã£ã¦ã¿ãŸã„ã‘ã©ã€ã‚¹ãƒžãƒ›ã§ã‚‚å‹•ã‹ã™ã®é¢å€’ã€ã¨ã„ã£ãŸå ´åˆã«ä½¿ãˆãã†ã§ã™ã€‚ å¹…ã‚’åºƒã’ãŸçŠ¶æ…‹ã€‚æ™®é€šã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãŒã‹ã‹ã‚Šã¾ã™ å¹…ã‚’ç‹ã‚ã¦ã‚‚ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœãŒå¾—ã‚‰ã‚Œã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’ä½œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¦‹æœ¬ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« è¤‡æ•°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSequence.jsã€ ã“ã‚Œã¯æ–°ã—ã„å††å½¢ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹ã€ŒTiny Circles
sometk 2014/02/20
1402

framework

css

responsive

parallax

jQuery

cool
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒšãŒå‡ºæ¥ã‚‹ãªã‚‰èª°ã§ã‚‚å‡ºæ¥ã‚‹ã€Webåˆ¶ä½œã‚¿ã‚¹ã‚¯è‡ªå‹•åŒ–ãƒ„ãƒ¼ãƒ«ã€ŒGruntã€å°Žå…¥æ‰‹é †
ãªã‚“ã ã‹ã€Webåˆ¶ä½œã®éš›ã«èµ·ã“ã‚‹æ§˜ã€…ãªé¢å€’ãã•ã„ã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹Gruntã¨ã„ã†ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚‹ã‚‰ã—ãã€ç§ã®å‘¨ã‚Šã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“ãŒã“ãžã£ã¦å°Žå…¥ã•ã‚Œã¦ãŠã‚Šã¾ã—ãŸã€‚ ã¯ã˜ã‚ã¯ã€Œã¸ã‡â€¦ã‚ã¡ãã¯åˆ¥ã«èˆˆå‘³ãªã„ã‹ã‚‰ã„ã„ã§ã‚ã‚Šã‚“ã™ã‚ˆã€ã¨æŒ‡ã‚’ãã‚ãˆã¦å‚è¦³ã—ã¦ã„ãŸã®ã§ã™ãŒã€ä¾¿åˆ©ä¾¿åˆ©ã®å£°ã‚’èžãã«ã¤ã‚Œã‚„ã£ã±ã‚Šç¾¨ã¾ã—ããªã£ã¦ãã¾ã—ãŸã€‚ã ã‹ã‚‰å°Žå…¥ã—ãŸã€‚ä½¿ã£ãŸã€‚è‰¯ã‹ã£ãŸã€‚ ãã‚“ãªè¨³ã§ä»Šå›žã¯ã€Grunt.jsã®å°Žå…¥ã‹ã‚‰ç°¡å˜ãªä½¿ã„æ–¹ã¾ã§ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç§ã®ã‚ˆã†ãªé»’ã„ç”»é¢ã«æŠµæŠ—ã‚’æŒã£ã¦ã„ã‚‹åˆå¿ƒè€…ã®æ–¹ã§ã‚‚å°Žå…¥ã§ãã‚‹ã‚ˆã†ã€ã‚³ãƒ”ãƒšã•ãˆå‡ºæ¥ã‚Œã°GruntãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹è¨˜äº‹ã«ã—ã¦ã‚ã‚‹ã¤ã‚‚ã‚Šã§ã™ã€‚ ãªãŠã€ä»Šå›žå°Žå…¥ã—ãŸç§ã®PCç’°å¢ƒã¯OS X 10.9.1ã§ã™ã€‚Windowsã§ã®å°Žå…¥æ‰‹é †ã¯ä»Šæ›´ã ã‘ã©ã‚„ã‚‹gruntå…¥é–€ç·¨ãƒ»ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰åŸºæœ¬çš„ãªä½¿ã„æ–¹ï½œWEB Drawerã‚’ã”è¦§ä¸‹ã•ã„ã€‚ Gruntã§ä½•ãŒ
sometk 2014/02/16
ãƒ–ã‚³ãƒ¡ã‚‚å‚ç…§â€¥

1402

css

grunt

web

HTML
ãƒªãƒ³ã‚¯
CSSã§ä½œã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï½œWebã®é“è‰
ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯JavaScriptç‰ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ä½¿ç”¨ã›ãšã«ã€CSSã ã‘ã§ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚CSS3ã‚‚ä½¿ç”¨ã—ã¦ã¾ã›ã‚“ã®ã§IE7ã‹ã‚‰ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ Demo ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¸ HTML <div id="gnav"> <ul id="menu"> <li class="menu01"> <a href="">ãƒ¡ãƒ‹ãƒ¥ãƒ¼01</a> <ul class="submenu"> <li><a href="">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼01</a></li> <li><a href="">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼02</a></li> <li><a href="">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼03</a></li> <li><a href="">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼04</a></li> <li><a href="">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼05</a></li> </ul> </li> <li class="menu02"> <a h
sometk 2014/02/14
1402

class

css

menu
ãƒªãƒ³ã‚¯
re-dzine.net situs togel online toto 2023 -
By penulis â€¢ January 10, 2023 â€¢ comments off Sebelum langsung ke poin utama yaitu mengenai trik rahasia main togel online yang beneran udah terbukti gacor buat hasilkan kemenangan, kalian yang mungkin masih berstatus pemula di gameâ€¦
sometk 2014/02/07
1402

grunt

css

development

build

gulp

tool

tech
ãƒªãƒ³ã‚¯
Normalize.css: Make browsers render all elements more consistently.
Normalize.css A modern, HTML5-ready alternative to CSS resets Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
sometk 2014/02/07
normalize.css

1402

CSS

framework

normalize
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«è¦šãˆã¦ãŠããŸã„CSS 15
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã€å€‹äººçš„ã«è¦šãˆã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã†CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ç”¨ã®å‚™å¿˜éŒ²ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã„ãšã‚Œã‚‚è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚ æ™®æ®µã‹ã‚‰åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã«ã¨ã£ã¦ã¯ç›®æ–°ã—ã„ã®ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã¾ã ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã“ã¨ãŒãªã„æ–¹ã‚„ã¾ã ã¾ã è‹¦æ‰‹ã ãªã¨æ€ã†æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ UAåˆ‡ã‚Šæ›¿ãˆãƒ»ViewportæŒ‡å®šãƒ»æ‹¡å¤§ç¸®å°ã®æœ‰ç„¡ãƒ»é›»è©±ç•ªå·ãƒªãƒ³ã‚¯ã®ç„¡åŠ¹åŒ–ãƒ»ãƒ›ãƒ¼ãƒ ç”»é¢ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³æŒ‡å®šãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«æœ€ä½Žé™è¦šãˆã¦ãŠãã¹ãã¨æ€ã†ã“ã¨ã¯ä»–ã«ã‚‚æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯CSSã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¿ã‚¤ãƒˆãƒ«ã§ã¯ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã€ã¨ã—ã¦ã¯ã„ã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã§ã‚‚é »ç¹ã«ä½¿ã†ã‚‚ã®ã ã£ãŸã‚Šã€PCã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã§ã‚‚CSS3ã«
sometk 2014/02/05
1402

CSS

display

CSS3

mobile
ãƒªãƒ³ã‚¯
ä»Šã©ãã®CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®æŒ‡å®šæ–¹æ³•
æ„å¤–ã¨Androidä»¥å¤–ã¯æœ€æ–°ãƒ–ãƒ©ã‚¦ã‚¶ãŒæ£å¼ãªè¨˜è¿°ã«å¯¾å¿œã—ã¦ãŠã‚Šã¾ã™ã€‚ æ£å¼ãªè¨˜è¿°ã®å¯¾å¿œãŒé…ã‹ã£ãŸSafariã‚„iOSã€éžå¯¾å¿œã®Androidã¯æ¯”è¼ƒçš„ã«å¤ã„æ®µéšŽã‹ã‚‰-webkit-gradientã«å¯¾å¿œã—ã¦ã¾ã™ã®ã§ã€-webkit-gradientã‚‚åˆã‚ã›ã¦è¨˜è¿°ã™ã‚‹ã¨å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä¸€æ°—ã«å¢—ãˆã¾ã™ã€‚ IE9ä»¥ä¸‹ã‚„ä¸Šè¨˜ã®è¨˜è¿°ã§ã¯å¯¾å¿œã§ããªã„å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ã¡ã‚ƒã‚“ã¨ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’æŒ‡å®šã—ã¾ã—ã‚‡ã†ã€‚ ä¸Šè¨˜ã‚’è¸ã¾ãˆã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ—ãƒ«ã§ã‚ˆã„ã®ã§ã¯ãªã„ã‹ã¨è½ã¡ç€ãã¾ã—ãŸã€‚ /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #b6e2fd), co
sometk 2014/02/05
1402

CSS3

CSS

gradation
ãƒªãƒ³ã‚¯
ãªãœã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆJavaScriptã®å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãã®ãŒé›£ã—ã„ã‹ã€è€ƒãˆã¦ã¿ãŸ - mizchi's blog
ã£ã¦sinonã®ã‚¹ã‚¿ãƒ–æ¼ã‚Œã‚’æŽ¢ã—ãªãŒã‚‰ä½•åº¦ç›®ã‹ã‚ã‹ã‚‰ãªã„æ„Ÿã˜ã«ã‚ãƒ¬ã¦ãŸã€‚ ã¨ã«ã‹ãä»•äº‹ã§JSã®ãƒ†ã‚¹ãƒˆæ›¸ãã®ãŒè¾›ã„ã®ã§è€ƒãˆã¦ã¿ã‚‹ã€‚æ¯”è¼ƒçš„JSã®ãƒ†ã‚¹ãƒˆã«æ…£ã‚Œã¦ã‚‹è‡ªåˆ†ã§ã™ã‚‰è¾›ã„ã®ã ã‹ã‚‰ã€ä¸–ç•Œã¯ã‚‚ã£ã¨è¾›ã„ã«é–“é•ã„ãªã„ã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®node.jsã®è©±ã§ã¯ãªã„ã€‚ JavaScriptã§å®Œçµã—ãªã„ æ§‹é€ ãŒHTMLã®æ§‹é€ ã¨å¯†çµåˆã—ã¦ã„ã‚‹ã€‚è£…é£¾ã‚„ä½ç½®ã€è¡¨ç¤º/éžè¡¨ç¤ºã¯CSSã«ã‚ˆã£ã¦åˆ¶å¾¡ã•ã‚Œã¦ã„ã‚‹ã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆJSã¯HTMLã¨å¯†çµåˆã—ã¦ãŠã‚Šã€CSSã‹ã‚‰ãƒ“ãƒ¥ãƒ¼ã¯å½±éŸ¿ã‚’å—ã‘ã‚‹ã€‚ãã‚Œã‚‰ãŒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®çµæžœã‚’å—ã‘éžåŒæœŸã«æŒ¯ã‚‹èˆžã„ã‚’å¸°ã‚‹ã€‚ãã®æœ€çµ‚çš„ãªå€¤ã‚’å–å¾—ã™ã‚‹ã®ãŒé›£ã—ã„ã€‚ ã‚‚ã¡ã‚ã‚“ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã ã£ã¦DBã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã¨ã„ã†å¤–éƒ¨ãƒªã‚½ãƒ¼ã‚¹ã‚’æ‰±ã†ãŒã€ãƒ¢ãƒƒã‚¯ã®æ‰‹æ³•ãŒç¢ºç«‹ã—ã¦ã„ã‚‹ã—ã€å±€æ‰€çš„ãªè¤‡é›‘åº¦ã¯ã€JSã®æ–¹ãŒã¯ã‚‹ã‹ã«å¤šã„ã€‚ è¨€èªžä»•æ§˜ãŒè²§å¼± mochaã‚„jsmineã¯rspecã‚’çœŸä¼¼ã¦ã‚‹ã‘ã©ã€æœ¬è³ªçš„ã«JavaScript
sometk 2014/02/05
1402

CSS

dom

function

development

javascript

test
ãƒªãƒ³ã‚¯
1