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

kyon_mm id:kyon_mm

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

${{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ã‚’ä¿å®ˆã™ã‚‹ - Qiita
CSSã®ä¿å®ˆã«ä¾¿åˆ©ãªcsscombã¨scss-lintã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ scss-lint scss-lintã¯ã€SCSSã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰ä¸ŽãˆãŸè¨å®šã«é•åã—ã¦ã„ã‚‹ç®‡æ‰€ã‚’å ±å‘Šã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚jslintã‚„rubocopã®SCSSç‰ˆã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ã“ã‚Œã‚’CIç‰ã§å®šæœŸçš„ã«å®Ÿè¡Œã—ã¦ãŠãã“ã¨ã§ã€ãƒ«ãƒ¼ãƒ«ã«é•åã—ãŸã‚³ãƒ¼ãƒ‰ã®è”“å»¶ã‚’é˜²ãŽã¾ã™ã€‚ csscomb csscombã¯Nodeè£½ã®ãƒ„ãƒ¼ãƒ«ã§ã€CSSã®ã‚³ãƒ¼ãƒ‰ã‚’ä¸ŽãˆãŸè¨å®šã«å¾“ã£ã¦è‡ªå‹•ã§å¤‰æ›ã—ã¦ãã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚scss-lintã‚’åˆã‚ã¦å°Žå…¥ã™ã‚‹ã¨ãã«åˆ©ç”¨ã™ã‚Œã°ã€å¤§åŠã®è¦å‘Šã‚’è‡ªå‹•ã§ä¿®æ£ã—ã¦ãã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ä½†ã—CSSã®æ–‡æ³•ã—ã‹è§£é‡ˆã§ããªã„ãŸã‚ã€SCSSã«é©ç”¨ã™ã‚‹ã¨å¤±æ•—ã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚SCSSã§æ›¸ã‹ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã«å¯¾ã—ã¦é©ç”¨ã—ã¦ã¿ãŸã¨ã“ã‚ã€@includeãªã©ã®æ–‡æ³•ã¯å—ç†ã•ã‚Œã‚‹ã‚‚ã®ã®ã€@ifãªã©ã®æ–‡æ³•ã‚’å—ç†ã§ããªã„ã‚ˆã†ã§ã™ã€‚ã—ã‹ã—ãªãŒã‚‰å•é¡Œã¨ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒ
kyon_mm 2014/11/05
css
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
kyon_mm 2014/10/13
BootStrap

webdesign

CSS
ãƒªãƒ³ã‚¯
Prism
Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a feather The core is 2KB minified & gzipped. Languages add 0.3-0.5KB each, themes are around 1KB. Blazing fast Supports parallelism with Web Workers, if available. Extensible Define
kyon_mm 2013/06/22
css

web

design
ãƒªãƒ³ã‚¯
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your userâ€™s browser features.Modernizr tells you what HTML, CSS and JavaScript features the userâ€™s browser has to offer.Add your detects Development build What is Modernizr?Itâ€™s a collection of superfast tests â€“ or â€œdetectsâ€ as we like to call them â€“ which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
kyon_mm 2013/06/22
javascript

css

web

design
ãƒªãƒ³ã‚¯
gumbyframework.com
This domain may be for sale!
kyon_mm 2012/05/23
960ã®GridCSSFW

css
ãƒªãƒ³ã‚¯
ãªãœ @kotarok ã•ã‚“ã¯ mixin ã‚ˆã‚Š extend ã‚’æŽ¨ã™ã®ã‹ - mixi engineer blog
ã“ã‚“ã«ã¡ã¯ã€‚æœ€è¿‘ã€å®Ÿã¯ JavaScript ã‚ˆã‚Šã‚‚ Perl ãŒå¥½ããªãŸã‚“ã½ã½ã‚°ãƒ«ãƒ¼ãƒ—ã®å¤§å½¢ã§ã™ã€‚ Perl ã®ã€ä»•æ§˜æ›¸ãªã©ç„¡ã„ã¨ã“ã‚ãŒãŸã¾ã‚Šã¾ã›ã‚“ã€‚å‹‰å¼·ã—ã¦ã‚‚å‹‰å¼·ã—ã¦ã‚‚...ã€‚ã„ãˆã€ä»Šå›žã¯ Perl ã®è©±ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ä¸€æ˜¨æ—¥ã®åœŸæ›œæ—¥ã§ã™ãŒã€ä¼šç¤¾ã«ãŠé‡‘ã‚’å‡ºã—ã¦è²°ã£ã¦ã€ SwapSkills ã•ã‚“ã®ã€ŽCSSã‚’ä¾¿åˆ©ã«ä½¿ã†ãŸã‚ã®ã€€LESSå…¥é–€ã€ã«ãŠé‚ªé”ã—ã¦ãã¾ã—ãŸã€‚ ä½•ã‚’éš ãã†ã€ã„ã‚„ã€éš ã™ã“ã¨ã¯ä½•ã‚‚ç„¡ã„ã®ã§ã™ãŒã€ç§ã¯ä»Šã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ‹…å½“ã€ã¨ã—ã¦åƒã‹ã›ã¦ã„ãŸã ã„ã¦ã¾ã™ã€‚ã¤ã¾ã‚‹ã¨ã“ã‚ã€ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ã‚„ã‚³ãƒ¼ãƒ€ã•ã‚“ãŒæ—¥ã€…ç›®ã®å‰ã®æ¡ˆä»¶ã¨æˆ¦ã„ç¶šã‘ã¦ã„ã‚‹ä¸ã§ã€ä¸€æ©å¼•ã„ãŸã¨ã“ã‚ã‹ã‚‰ãŠåŠ©ã‘ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚’ä½œã£ãŸã‚Šã€ä¿¯çž°ã—ã¦å·¥ç¨‹ã‚’è¦‹ç›´ã—ã¦ã¿ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ç¶™ç¶šãƒ†ã‚¹ãƒˆã®ä»•çµ„ã¿ã‚’è€ƒãˆãŸã‚Šã€æ–°ã—ãä½•ã‹ã®å½¹ã«ç«‹ã¡ãã†ãªã‚‚ã®ã‚’ã©ã“ã‹ã‚‰ã‹å¼•ã£å¼µã£ã¦ããŸã‚Šã™ã‚‹ãŠä»•äº‹ã§ã™ã€‚ ãã‚“ãªãŠä»•äº‹ã®ä¸€ç’°ã¨
kyon_mm 2012/03/06
ã“ã†ã„ã†ã®ã‚‚ã¡ã‚ƒã‚“ã¨è€ƒãˆã¦è¨è¨ˆã§ãã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ã€‚

css
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
kyon_mm 2012/03/02
UI

html5

javascript

css
ãƒªãƒ³ã‚¯
adakoda.com
kyon_mm 2011/12/10
Android

css

html
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
kyon_mm 2011/11/15
css
ãƒªãƒ³ã‚¯
[CSS]ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ã®å®Ÿç”¨çš„ãªå®Ÿè£…æ–¹æ³•
IE6, 7, 8ã‚’å«ã‚ãŸã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ãŸã€ç”»åƒã‚’ä½¿ç”¨ã›ãšã«CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é©ç”¨ã—ãŸãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹å®Ÿç”¨çš„ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Cross-browser CSS gradient buttons ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒœã‚¿ãƒ³ã«ã¯border-radius, box-shadow, text-shadowãªã©CSS3ãŒãµã‚“ã ã‚“ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯IEã§ã‚‚é©ç”¨ã•ã‚Œã¾ã™ã€‚ ãƒ›ãƒãƒ¼æ™‚ã®ã‚ãƒ£ãƒ—ãƒãƒ£ å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ ã‚¹ã‚±ãƒ©ï½°ãƒ“ãƒªãƒ†ã‚£ æ–‡å—ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚‚ãã‚Œã«åˆã‚ã›ã¦æ‹¡å¤§ãƒ»ç¸®å° ã‚¢ã‚¸ãƒ£ã‚¹ã‚¿ãƒ“ãƒªãƒ†ã‚£ padding, font-sizeã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã‚µã‚¤ã‚ºèª¿æ•´å¯èƒ½ ãƒ•ãƒ¬ã‚ã‚·ãƒ“ãƒªãƒ†ã‚£ ã‚ã‚‰ã‚†ã‚‹HTMLè¦ç´ ã«é©ç”¨å¯èƒ½ ã‚³ãƒ³ãƒ‘ãƒãƒ“ãƒªãƒ†ã‚£ ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã«å„ªé›…ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾› ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ãƒŽãƒ¼ãƒžãƒ«æ™‚ã€ãƒ›ãƒãƒ¼æ™‚ã€ã‚¢ã‚¯ãƒ†ã‚£ãƒ–æ™‚ã‚’ç”¨
kyon_mm 2011/02/03
css
ãƒªãƒ³ã‚¯
ã€Œã‚¤ã‚«ãƒ¯ã‚¤ãƒ‘ãƒ¼ã€ãªHTMLãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ„ãƒ¼ãƒ«ã€ŒSliDegesoã€ã‚’ä½œã£ã¦ã¿ãŸã§ã‚²ã‚½ Â« å²©å®¶ã¶ã‚ã
ã¯ã˜ã‚ã« ã‚¤ã‚«å¨˜ã®ä¾µç•¥åº¦åˆã„ã®æ¿€ã—ã•ãŒå¢—ã™ä»Šæ—¥ã“ã®é ƒï¼Œã¿ãªã•ã¾ã„ã‹ãŒãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã®ä¸ã®ç¬¬3è©±ã«ç™»å ´ã™ã‚‹ã€Œã€Žã‚¤ã‚«ãƒ¯ã‚¤ãƒ‘ãƒ¼ã€ï¼ˆè§¦æ‰‹ãƒ¯ã‚¤ãƒ‘ãƒ¼ï¼Ÿï¼‰ã§ã‚·ãƒ¼ãƒ³ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€ã¨ã„ã†æ‰‹æ³•ãŒãªã‹ãªã‹å°è±¡çš„ã§ã—ãŸï¼Žã¡ã‚‡ã†ã©è¿‘ã€…ã®å‹‰å¼·ä¼šã§ã®è³‡æ–™ã‚’æº–å‚™ã—ãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸã“ã¨ã‚‚ã‚ã‚Šï¼Œã˜ã‚ƒï¼Œãã®å°è±¡çš„ãªæ–¹æ³•ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã§ã‚‚ã„ã£ã—ã‚‡ã«ä½œã£ã¦ã¿ã‚ˆã†ã‹ãªï¼Œã¨ã‹ãã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã—ãŸï¼Ž å°‘ã—ã¯å½¢ã«ãªã£ã¦ããŸã£ã½ã„ã®ã§ï¼Œã€ŒSliDegesoã€ã¨ã„ã†åå‰ã§ã‚‚ã¤ã‘ã¦å…¬é–‹ã—ã¦ã¿ã¾ã™ï¼Ž ã‚µãƒ³ãƒ—ãƒ« ã©ã‚“ãªæ„Ÿã˜ã‹ã¯ï¼Œæ¬¡ã®ãƒªãƒ³ã‚¯å…ˆã§ç¢ºèªã§ãã¾ã™ï¼ŽãŸã ã—ï¼Œç¾çŠ¶ã§ã¯ï¼ŒSafariï¼ŒChromeï¼Œã§ã—ã‹å‹•ä½œã—ã¾ã›ã‚“ï¼Œãã£ã¨ï¼Ž ã‚ã¨ï¼Œã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ 1024Ã—768 ãã‚‰ã„ã§æƒ³å®šã—ã¦ã„ã‚‹ã®ã§ï¼Œã‚ã¾ã‚Šã«å¤§ããªã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®å ´åˆï¼Œã€Œæ‹ãæ®‹ã‚Šã€ãŒç™ºç”Ÿã—ã¾ã™ï½— SliDegesoã‚µãƒ³ãƒ—ãƒ« ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼Œãƒ€ã‚¦ãƒ³ãƒ
kyon_mm 2010/12/10
HTML

javascript

css

ã‚¤ã‚«å¨˜

jQuery
ãƒªãƒ³ã‚¯
Gradient CSS Generator
æ¦‚è¦ ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ç”¨ã›ãšCSSã®å®šç¾©ã®ã¿ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¯èƒ½ã«ã™ã‚‹CSSã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¾ã™ã€‚ é–‹å§‹è‰²ã€çµ‚äº†è‰²ã€é«˜ã•ã‚’å…¥åŠ›ã—ç”Ÿæˆãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨CSSã®ã‚³ãƒ¼ãƒ‰ãŒå‡ºåŠ›ã•ã‚Œã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã®ã§ã€ CSSã‚³ãƒ¼ãƒ‰ã‚’ãã®ã¾ã¾ã‚³ãƒ”ãƒšã—ã¦ã”ä½¿ç”¨ãã ã•ã„ã€‚ ä½¿ã„é“ã¨ã—ã¦ã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«èƒŒæ™¯è‰²ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ä»¥å¤–ã«ã‚‚ã“ã‚“ãªé¢¨ã« ã¿ãŸã„ã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã®ã§ã€ ãƒœã‚¿ãƒ³ã‚„ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ˜ãƒƒãƒ€ç‰ã®ãƒ‘ãƒ¼ãƒ„ã«é©ç”¨ã—ã¦ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä»¥ä¸‹ãŒã‚µãƒ³ãƒ—ãƒ«ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> input.text{border:solid 1px #ccc;} input.text, /*â†“ã€€
kyon_mm 2010/04/28
css

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆ

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
è¦šãˆã¦è‰¯ã‹ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Â« zaru blog
ã“ã“æœ€è¿‘ã€è¦šãˆã¦ã‚ˆã‹ã£ãŸãªãƒ¼ã¨æ€ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯æ™‚ä»£ã¨ã¨ã‚‚ã«å¤‰ã‚ã£ã¦ã„ãã‘ã‚Œã©ã€ã“ã“1å¹´ã»ã©ã‚¹ã‚¿ãƒ¡ãƒ³ãƒ¬ãƒ™ãƒ«ã§ä½¿ã†CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒçµžã‚‰ã‚Œã¦ããŸã®ã§ã€ã“ã“ã‚‰ã§ã¡ã‚‡ã£ã¨å€‹äººçš„ã«ã‚‚ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ã¨ã€‚ liãƒœãƒƒã‚¯ã‚¹ å¹…ï¼š190px ãƒžãƒ¼ã‚¸ãƒ³ï¼š15px liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ <li>ã«ã¯ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šã›ãšã«ã€å·¦å³ã«ã´ã£ãŸã‚Šãã£ä»˜ãã‚ˆã†ã«é…ç½®ãŒå¯èƒ½ã€‚ <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
kyon_mm 2010/04/23
CSS

Tips
ãƒªãƒ³ã‚¯
HTMLã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ã“ã®è¨˜äº‹ã§ã¯ã€æ—¥æœ¬äººå®¢å‘ã‘ã«é‹å–¶ã•ã‚Œã¦ã„ã‚‹ä¿¡ç”¨ã§ãã‚‹ãŠã™ã™ã‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã—ã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚„ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’å¾¹åº•è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽåˆå¿ƒè€…ã®æ–¹ã®ãŸã‚ã«ã€ãŠå¾—ã«æ¥½ã—ã‚ã‚‹ã‚ªãƒ³ã‚«ã‚¸ã®é¸ã³æ–¹ã‚„ã‚«ã‚¸ãƒŽã®å§‹ã‚æ–¹ã€å…¥é‡‘ä¸è¦ãƒœãƒ¼ãƒŠã‚¹ã®è©³ç´°ãªã©ã«ã¤ã„ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ã¦ã„ãã¾ã™ã®ã§æœ€å¾Œã¾ã§ã—ã£ã‹ã‚Šèªã‚“ã§ã‹ã‚‰ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã‚’é¸ã³ã¾ã—ã‚‡ã†ã€‚ å½“ã‚µã‚¤ãƒˆé™å®šã®æœ€æ–°ç‰ˆï¼ãŠã™ã™ã‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽäººæ°—ãƒ©ãƒ³ã‚ãƒ³ã‚°ä¸€è¦§ æœ€æ–°ã®ãŠã™ã™ã‚ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽãƒ©ãƒ³ã‚ãƒ³ã‚°ä¸€è¦§ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚
kyon_mm 2009/12/08
HTML

css

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
ã‚ã‚‹ï¼³ï¼¥ã®ã¤ã¶ã‚„ã: Ajaxé–‹ç™ºæ”¯æ´ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚
Ajaxé–‹ç™ºæ”¯æ´ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ | ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° | ãƒ–ãƒ©ã‚¦ã‚¶ | ãƒ†ã‚¹ãƒˆ | ãƒ‡ã‚¶ã‚¤ãƒ³ | JSãƒ„ãƒ¼ãƒ« | ç”»åƒ | ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | | ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | JSãŠå‹‰å¼· | ãƒªãƒ³ã‚¯ | ç·¨é›†å±¥æ´ | ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ”¯æ´ãƒ„ãƒ¼ãƒ« â†‘TOP aptana eclipseã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®JS,CSS,HTML,XML,PHP,AIRç‰ã®ã‚¨ãƒ‡ã‚£ã‚¿ ã‚³ãƒ¼ãƒ‰è£œå®Œæ©Ÿèƒ½ã‚„JavaScriptã®ã‚¯ãƒ©ã‚¹ã®éšŽå±¤è¡¨ç¤ºã‚‚ã‚µãƒãƒ¼ãƒˆ è§£èª¬è¨˜äº‹1 ï¼Œè§£èª¬è¨˜äº‹2ï¼Œæ£å¼ç‰ˆæƒ…å ± JSEclipse Adobeæä¾›ã®ecliseãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ã“ã¡ã‚‰ã‚‚å‚ç…§ ã‚³ãƒ¼ãƒ‰è£œå®Œæ©Ÿèƒ½ã‚„ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ã‚µãƒãƒ¼ãƒˆ Spket IDE eclipseãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®JavaScript,XMLã‚¨ãƒ‡ã‚£ã‚¿ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetã‚’ã‚µãƒãƒ¼ãƒˆ Googlipse Google Web Tookitç”¨
kyon_mm 2009/11/01
javascript

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

css
ãƒªãƒ³ã‚¯
CSSãƒ„ãƒ¼ãƒ«ãƒ©ãƒœ
CSSãƒ„ãƒ¼ãƒ«ãƒ©ãƒœã§ã¯ã€ã‚ˆãä½¿ã†CSSã‚’è‡ªå‹•ä½œæˆã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã€å·¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰è‡ªå‹•ä½œæˆã—ãŸã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é¸ã³ã€ ãƒ•ã‚©ãƒ¼ãƒ ä¸Šã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å…¥åŠ›ã—ã¦ã€ æœ€å¾Œã«å‡ºåŠ›ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã ã‘ã§ã™ã€‚
kyon_mm 2009/10/06
css

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°TipsãƒŽã‚¦ãƒã‚¦ã‚³ãƒ©ãƒ ï½œã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–
ã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–ãƒ»ãŠå®¢æ§˜ã‚µãƒãƒ¼ãƒˆæ‹…å½“ã®å±±ç”°ã§ã™ã€‚ã“ã®åº¦ã¯Instagramã¨YouTubeã®ä»•æ§˜å¤‰æ›´ã«ã‚ˆã‚Šã€Œã‚µã‚¤ãƒˆã«è¡¨ç¤ºãŒã•ã‚Œãªããªã£ãŸã€ã¨ã®ãŠå•åˆã›ã‚’è¤‡æ•°ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ãŸã‚ã€ãã®è©³ç´°ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚InstagramAPIã®å»ƒæ¢ã«ã¤ã„ã¦2020å¹´6æœˆ29æ—¥ï¼ˆæœˆï¼‰ã‚ˆã‚ŠInstagramAPIãŒå»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚æ–°ã—ã„APIã§ã‚ã‚‹InstagramGraphAPIã«å¯¾å¿œã—ã¦ã„ãªã„ã¾ã¾ã§ã™ã¨ã€ã‚µ...ç¶šãã‚’èªã‚€
kyon_mm 2009/09/27
HTML

css
ãƒªãƒ³ã‚¯
1