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

sadah id:sadah

CSSã«é–¢ã™ã‚‹sadahã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (123)

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

ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã”ã¨ã®è¡¨ç¤ºã®é•ã„(User-Agent-Stylesheetã«ã‚ˆã‚‹è¡¨ç¤ºå·®ç•°) | MDN
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼æ¯Žã§ç‹¬è‡ªã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æŒã£ã¦ãŠã‚Šã€ä½¿ç”¨ã™ã‚‹ã‚¿ã‚°ã«ã‚ˆã£ã¦ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼æ¯Žã§è¡¨ç¤ºãŒç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ å¤šå°‘ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç•°ãªã‚‹ç¨‹åº¦ã®ç‚ºã€ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦³ç‚¹ã‚„æ“ä½œä¸Šã®å•é¡Œã¯ãªã„å ´åˆãŒå¤šã„ã§ã™ãŒã€ä»£è¡¨çš„ãªä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆãŒç•°ãªã‚‹ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼æ¯Žã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆãŒç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚font-styleãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æ˜Žç¤ºçš„ã«æŒ‡å®šã™ã‚‹ã¨çµ±ä¸€ã§ãã¾ã™ãŒã€font-style: normal; ã§æŒ‡å®šã—ãŸå ´åˆã¯ã€è¡¨ç¤ºãŒå¤šå°‘ç•°ãªã‚Šã¾ã™ã€‚ éƒ¨åˆ†çš„ã«ç´°ã‹ã„ px æŒ‡å®šã‚’ã—ã¦ã„ã‚‹ã¨ã€ç¨€ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å´©ã‚Œã‚’èµ·ã“ã™ã“ã¨ãŒã‚ã‚Šã¾ã™ã®ã§ã€ãã®å ´åˆã¯ã€æ˜Žç¤ºçš„ã«æŒ‡å®šã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®å¤ªã•ãŒç•°ãªã‚‹ è¦‹å‡ºã—ã®ãƒ†ã‚ã‚¹ãƒˆã§ä½¿ç”¨ã™ã‚‹ h è¦ç´ ã§ã™ãŒã€åŒæ§˜ã®è¦ç´ (h2 è¦ç´ ãªã©)ã§æŒ‡å®šã—ã¦ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ˆã£ã¦ã¯åƒ…ã‹ãªå·®ç•°ãŒç™ºç”Ÿã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç•°ãªã‚‹ ãƒ
sadah 2015/09/20
CSS
ãƒªãƒ³ã‚¯
ã“ã“æ•°å¹´ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚ç¸¦æ›¸ãã¨ã‹HTML5ã¨ã‹ã€‚ - kojika17
æœ€åˆã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã€ã€ŒUser Agent Style Sheetsã€ã¨ã„ã„ã¾ã™ã€‚(ä»¥ä¸‹ã€UA Style Sheets) ã“ã“æ•°å¹´ã§UA Style Sheetsã«å¤‰åŒ–ãŒã‚ã‚Šã€ã©ã®ã‚ˆã†ãªå¤‰åŒ–ãŒã‚ã‚‹ã®ã‹çŸ¥ã£ã¦ãŠãã¨ã€ãƒªã‚»ãƒƒãƒˆCSSã®è¦‹ç›´ã—ãªã©ã«å½¹ç«‹ã¡ã¾ã™ã€‚ UA Style Sheets ã® margin pè¦ç´ ã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹UA Style Sheetsã‚’ä¾‹ã«ã™ã‚‹ã¨ã€IE8ãªã©ã¯ç§ãŸã¡ãŒã„ã¤ã‚‚åˆ©ç”¨ã—ã¦ã„ã‚‹marginã«ã‚ˆã£ã¦æŒ‡å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—Google Chromeã‚„Firefoxãªã©ã®UA Style Shteetsã§ã¯ã€margin-start, margin-endãªã©ã®è«–ç†ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ IE8: pè¦ç´ ã®UA Style Sheets p { display: block; margin: 1em 0; } Webkit:
sadah 2015/09/20
CSS
ãƒªãƒ³ã‚¯
ã€ŒBack to Basics CSSã€ã‚’ä¸»å‚¬ã¨ã—ã¦æŒ¯ã‚Šè¿”ã‚‹ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ä¸€è¦§ï¼†å†™çœŸã¤ãï¼‰ #btbcss
æœ€æ–°å®Ÿè£…ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚ˆã‚Šã€CSSã®åŽŸç‚¹ã«å¸°ã‚ŠåŸºæœ¬ã‚’è¦‹ã¤ã‚ç›´ã™ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã€ã€ŒBack to Basicsã€ã‚’é–‹å‚¬ã—ãŸã®ã§ç°¡å˜ãªãƒ¬ãƒãƒ¼ãƒˆã¨ã€ä¸»å‚¬å´è¦–ç‚¹ã®è©±ã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚ 8æœˆ30æ—¥ã€å…ˆé€±ã®æ—¥æ›œæ—¥ã«Web Design KOJIKA17ã®ã“ã˜ãƒ¼ï¼ˆ@kojika17ï¼‰ã¨ä¸€ç·’ã«ã€ŒBack to Basicsã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¡Œã„ã¾ã—ãŸã®ã§ãã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ã–ã£ãã‚Šã¨ãŠé€ã‚Šã—ã¾ã™ã€‚ã¾ãŸã€ã›ã£ã‹ããªã®ã§ä¸»å‚¬å´ã®æ€æƒ‘ã‚„ã€ã“ã®100äººè¦æ¨¡ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’é–‹ãã«ã‚ãŸã£ã¦å·¥å¤«ã—ãŸç‚¹ã‚„ã‚¤ãƒ™ãƒ³ãƒˆå¾Œã®ãƒ‡ãƒ¼ã‚¿ãªã©ã‚‚ä¼ãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ˆæ–‡ä¸æ•¬ç§°ç•¥ï¼‰ã€‚
sadah 2015/09/15
CSS
ãƒªãƒ³ã‚¯
å¦ã¶ã€è€ƒãˆã‚‹ã€æ›¸ãå‡ºã™ã€‚
2023å¹´1æœˆ1æ—¥ 2022å¹´ã®æŒ¯ã‚Šè¿”ã‚Š ä»Šå¹´ã¯è‰¯ãã‚‚æ‚ªãã‚‚æŸå›½éš›çƒæŠ€ã‚¤ãƒ™ãƒ³ãƒˆã«æŒ¯ã‚Šå›žã•ã‚ŒãŸå¹´ã ã£ãŸã€‚ 2022å¹´11æœˆ23æ—¥ eslint-plugin-importã«ã‚ˆã£ã¦Vitestã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ä¸Šã§ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹å ´åˆãŒã‚ã‚‹ vitest ã¨ eslint-plugin-import ã«ä¾å˜ã—ã¦ã„ã‚‹ç’°å¢ƒã§ã¯ã€vitest.config.tså†…ã§ vitest/config ã‚’ã‚¤ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹ã¨ Unable to resolve path to module 'vitest/config'. eslint(import/no-unresolved) ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ 2022å¹´8æœˆ24æ—¥ Next.js + Vercel + microCMSãªã©ã‚’ä½¿ã£ã¦ã»ã¼ç„¡æ–™ã§ãƒ–ãƒã‚°ã‚’é‹ç”¨ã™ã‚‹ å½“ãƒ–ãƒã‚°ã®ã‚·ã‚¹ãƒ†ãƒ æ§‹æˆã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚æ§‹æˆã‚’çœŸä¼¼ã™ã‚‹ã“ã¨ã§ã»ã¼ç„¡æ–™ï¼ˆå¾Œè¿°ï¼‰ã§ãƒ–ãƒã‚°
sadah 2015/08/31
CSS
ãƒªãƒ³ã‚¯
UAã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ ãƒªã‚»ãƒƒãƒˆCSS
12. HTMLï¼ˆbodyè¦ç´ ã¯ç©ºï¼‰ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style contenteditable="true"> * { display: block; } title { margin: 1em; color: #f00; } style { white-space: pre; } </style> </head> <body></body> </html>
sadah 2015/08/30
CSS
ãƒªãƒ³ã‚¯
ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„CSSã®12ã®äº‹å®Ÿ(ç¶šç·¨) | POSTD
1å¹´ä»¥ä¸Šå‰ã«ã€ç§ã¯æœ€åˆã® 12 Little-known CSS Factsï¼ˆã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„CSSã®12ã®äº‹å®Ÿï¼‰ ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚SitePointã§æœ€ã‚‚äººæ°—ã®é«˜ã„è¨˜äº‹ã¨ãªã‚Šã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã‚’æ›¸ã„ãŸå¾Œã‚‚ã€ç§ã¯CSSã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚„ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã®åŽé›†ã‚’ç¶šã‘ã¾ã—ãŸã€‚ã ã£ã¦ã€å¤§ãƒ’ãƒƒãƒˆæ˜ ç”»ã‚‚å¿…ãšç¶šç·¨ã‚’åˆ¶ä½œã™ã‚‹ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ æ³¨é‡ˆ SitePoint/ Natalia Balska ã«ã‚ˆã‚‹ã‚¤ãƒ©ã‚¹ãƒˆ ãã‚Œã§ã¯ã€æ—©é€Ÿä»Šå¹´ã‚‚é–‹ç™ºã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹12ã®äº‹å®Ÿã«ã¤ã„ã¦è©±ã—ã¾ã—ã‚‡ã†ã€‚ã‚‚ã¡ã‚ã‚“ã€ä¸ã«ã¯ã‚‚ã†ã™ã§ã«ã”å˜ã˜ã®ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ä¸ã§åˆã‚ã¦çŸ¥ã£ãŸã¨ã„ã†äº‹å®ŸãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ã‚³ãƒ¡ãƒ³ãƒˆã§ãŠçŸ¥ã‚‰ã›ãã ã•ã„ã€‚ 1. border-radius ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«â€ã‚¹ãƒ©ãƒƒã‚·ãƒ¥â€ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã§ãã‚‹äº‹å®Ÿ ã“ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ã¯SitePointã«4å¹´ä»¥ä¸Š å‰ã«æ›¸ã„ãŸ ã®ã§ã™ãŒã€ã“ã®æ©Ÿèƒ½ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’ã€æœª
sadah 2015/08/19
CSS
ãƒªãƒ³ã‚¯
cssnextã‚’ä½¿ã£ã¦æœ€æ–°ã®css syntaxã§é–‹ç™ºã™ã‚‹ã®ãŒè‰¯ã•ãã†
ã“ã“æœ€è¿‘CSSã‚’æ‰±ã†ã“ã¨ãŒå¤šã‹ã£ãŸã®ã§ã€ãã®éš›ã«Postprocessorã‚’æ¤œè¨Žæ™‚ã«cssnextã«ã¤ã„ã¦ã¾ã¨ã‚ãŸå‚™å¿˜éŒ²ã€‚ JavaScriptã®æœ€è¿‘ã®äº‹æƒ…javascriptã§ã¯ES6ã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã€Babelã§Transplieã™ã‚‹ã¨ã„ã†æµã‚ŒãŒå®šç€ã—ã¤ã¤ã‚ã‚‹ã€‚ ã“ã‚Œã¯ã€ã“ã‚Œã¾ã§å¿…è¦ã ã£ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä¸è¦ã«ãªã‚Šã€ã‚³ãƒ¼ãƒ‰ãŒä¾å˜ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ¸›ã‚‰ã™ã“ã¨ãŒã§ãã€altJSã«é ¼ã‚‰ãªã„ã§é–‹ç™ºã§ãã‚‹ã¨ã„ã†åˆ©ç‚¹ã‹ã‚‰ã§ã‚ã‚‹ã€‚ åŒã˜ã“ã¨ãŒCSSã§ã‚‚èµ·ãã¦ã„ã‚‹ã€‚ã¾ãšã“ã‚Œã¾ã§CSSã‚’ç‰½å¼•ã—ã¦ããŸSassã«ã¤ã„ã¦ã€‚ Sassã®å•é¡Œç‚¹æœ€è¿‘ã®CSSã®é–‹ç™ºã«ã¯altCSSã¨ã—ã¦Sass,Less,Stylusãªã©ã®PreprocessorãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã€‚ ç‰¹ã«Sassã¯JavaScriptã§è¨€ã†æ‰€ã®jQueryã«è¿‘ã„å˜åœ¨ã«ãªã‚Šã€APIã‚‚ã‚„ã‚„è¤‡é›‘ã«ãªã£ã¦ã„ã‚‹æ„Ÿã˜ãŒã‚ã‚‹ã€‚ Sassã‚’ä½¿ã£ã¦ã„ã¦ã‚‚å®Ÿéš›ã¯ãã®ã»ã‚“ã®ä¸€éƒ¨ã®
sadah 2015/06/20
CSS
ãƒªãƒ³ã‚¯
ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¯ã€ŒCAREã€ï¼å®Ÿè·µçš„ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ç›®æŒ‡ã›ï¼â”€Frontrend Conference the FinalåŸºèª¿è¬›æ¼”ãƒ¬ãƒãƒ¼ãƒˆ
ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¯ã€ŒCAREã€ï¼å®Ÿè·µçš„ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ç›®æŒ‡ã›ï¼â”€Frontrend Conference the FinalåŸºèª¿è¬›æ¼”ãƒ¬ãƒãƒ¼ãƒˆ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã®è¨˜äº‹ã¯ã€ã€ŒFrontrend Conference The Finalã€ã®åŸºèª¿è¬›æ¼”ã€ŒPragmatic Front-end Developer: From Artisan to Expertã€ã«ã¤ã„ã¦ã®ãƒ¬ãƒãƒ¼ãƒˆã§ã™ã€‚ ç™»å£‡ã•ã‚Œã¦ã„ãŸã®ã¯ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ã®æ–‰è—¤ç¥ä¹Ÿã•ã‚“ã€‚HTML5 Experts.jpã§ã‚‚ã€No.10ã®ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã¨ã—ã¦ä½•åº¦ã‚‚ã”åŸ·ç†ã„ãŸã ã„ã¦ã„ã‚‹ã®ã§ã€ã”å˜ã˜ã®æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¬›æ¼”ã‚¿ã‚¤ãƒˆãƒ«ã¯ã€ã‚¢ãƒ³ãƒ‰ãƒªãƒ¥ãƒ¼ãƒ»ãƒãƒ³ãƒˆæ°ã®è‘—ä½œã€ŒThe Pragmatic Programmerã€ã‚’ã‚ªãƒžãƒ¼ã‚¸ãƒ¥ã—ãŸã¨ã®ã“ã¨ã€‚ã€ŒPragmaticã€ã¨ã„ã†ã®ã¯ã€Œå®Ÿè·µçš„ã€ã¨ã„ã†æ„å‘³ã®å˜èªžã§ã€ãƒ•ãƒãƒ³ãƒˆ
sadah 2015/02/26
frontrend

frontend

JavaScript

CSS
ãƒªãƒ³ã‚¯
emã‚„pxã€remãªã©ã€CSSã§ä½¿ã†å˜ä½ã®ã‚µã‚¤ã‚ºã‚’æ¯”è¼ƒå‡ºæ¥ã‚‹ãƒ»ã€ŒCSS Rulerã€ - ã‹ã¡ã³ã¨.net
CSS Rulerã¯emã‚„remç‰ã®CSSã§ä½¿ã†å˜ä½ã®ã‚µã‚¤ã‚ºã‚’æ¯”è¼ƒå‡ºæ¥ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚å€¤ã‚’å¤‰ãˆã‚‹ã“ã¨ã§ã©ã®å˜ä½ãŒã©ã†å¤‰åŒ–ã™ã‚‹ã‹ã‚’ç¢ºèªå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ãã‚Œãžã‚Œã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã™ã‚Œã°ç°¡å˜ãªèª¬æ˜Žã‚‚è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ CSS Ruler
sadah 2015/02/23
CSS
ãƒªãƒ³ã‚¯
Evaluating CSS
http://frontrend.github.io/conference/
sadah 2015/02/23
frontrend

CSS
ãƒªãƒ³ã‚¯
object-fit - CSS: ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | MDN
CSS ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSS ã®åŸºæœ¬ CSS ã®ç¬¬ä¸€æ© CSS ã®ç¬¬ä¸€æ©ã®æ¦‚è¦ CSS ã¨ã¯ä½•ã‹ CSS å…¥é–€ CSS ã®å…¨ä½“åƒ CSS ã®åƒã è©•ä¾¡èª²é¡Œ: çµŒæ´ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®š CSS ã®æ§‹æˆè¦ç´ CSS ã®æ§‹æˆè¦ç´ ã®æ¦‚è¦ CSS ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ã¨ç¶™æ‰¿ Cascade layers ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ« èƒŒæ™¯ã¨å¢ƒç•Œ æ›¸å—æ–¹å‘ã®æ“ä½œ å†…å®¹ã®ã¯ã¿å‡ºã— CSS ã®å€¤ã¨å˜ä½ CSS ã«ãŠã‘ã‚‹å¤§ãã•ã®æŒ‡å®š ç”»åƒã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ•ã‚©ãƒ¼ãƒ ã®è¦ç´ è¡¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ä»˜ã‘ CSS ã®ãƒ‡ãƒãƒƒã‚° CSS ã®æ•´ç† è©•ä¾¡èª²é¡Œ: CSS ã®åŸºæœ¬çš„ãªç†è§£åº¦ è©•ä¾¡èª²é¡Œ: ç´ æ•µãªãƒ¬ã‚¿ãƒ¼ãƒ˜ãƒƒãƒ‰ã®ä¾¿ç®‹ã®ä½œæˆ è©•ä¾¡èª²é¡Œ: ã‹ã£ã“ã„ã„ãƒœãƒƒã‚¯
sadah 2015/02/22
CSS
ãƒªãƒ³ã‚¯
Inline Layout
A framework for easily creating beautiful presentations using HTML
sadah 2015/02/22
frontrend

CSS
ãƒªãƒ³ã‚¯
Frontrend Conference ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãƒ¡ãƒ¢
Frontrend Conference - A conference for front-end developerï¼ˆ2015å¹´2æœˆ21æ—¥é–‹å‚¬ï¼‰ ã«å‚åŠ ã—ã¦ããŸã®ã§ãƒ¡ãƒ¢ æ®†ã©CSSå´ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ã„ãŸã®ã§CSSãŒä¸å¿ƒã€‚ çµ‚ã‚ã£ãŸã‚ã¨ã«#ã‚´ãƒ¼ãƒ¤sushiã¨#ãƒ«ãƒŽã‚¢ãƒ¼ãƒ«_sushiã‚’ã—ãŸã®ã§ã¨ã¦ã‚‚é•·ã‹ã£ãŸã€‚ Pragmatic Front-end Developer: From Artisan to Expert - æ–‰è—¤ ç¥ä¹Ÿ åŸºèª¿è¬›æ¼” ãƒ¡ãƒ³ãƒ†ãƒ³ã‚¹æ€§ WEBã‚’æ§‹æˆã™ã‚‹JS+CSS+HTMLã¯ã‚ã‚“ã¾ã‚Šãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ããªã„ ã‘ã©å°‚é–€çš„ãªçŸ¥è˜ãŒãªãã¦ã‚‚ã‹ã‘ã¦ã—ã¾ã†å¦ã³ã‚„ã™ã•ãŒã‚ã‚‹ è¨€èªžçš„ã«ã‚·ãƒ³ãƒ—ãƒ« ã‚³ãƒ¼ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ å¤šãã®äººãŒé–‹ç™ºã—ã¦ã‚‚ã€ä¸€äººã®äººãŒæ›¸ã„ãŸã‚ˆã†ã«è¦‹ãˆã‚‹ã‚ˆã†ã«ã—ãŸã»ã†ãŒã„ã„ JavaScript IDOMATIC.js jQuery Code Style GuideLine
sadah 2015/02/22
CSS

JavaScript

frontrend
ãƒªãƒ³ã‚¯
pragamatic-frontend-developer.frontrend.yuya-saito.pdf
Easy cloud file sharing for Mac, Windows, and iOS.
sadah 2015/02/22
frontrend

JavaScript

CSS
ãƒªãƒ³ã‚¯
BEMãŒå¤±æ•—ã—ã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ãã®å•é¡Œç‚¹
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
sadah 2015/02/08
css

BEM
ãƒªãƒ³ã‚¯
Smashing Magazineã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚±ãƒ¼ã‚¹ãŒå‡„ã¾ã˜ã„ä»¶ - MOL
Frontrend Advent Calendar 2014 - Qiitaã®24æ—¥ç›®ã€‚ãŸã¶ã‚“ã€‚çŸ¥ã‚‰ã‚“ã‘ã©ã€‚ ã¡ã‚‡ã£ã¨å‰ã«ãªã‚‹ãŒ12/13ã«ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã§é–‹å‚¬ã•ã‚ŒãŸThe Style & Class Conference 2014ã«å‚åŠ ã—ã¦ããŸã€‚å‰æ—¥ã«Smashing ConferenceãŒã€ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã¨ã„ã†ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã‹ã‚‰æ¯”è¼ƒçš„è¿‘ã„æ‰€ã§é–‹å‚¬ã•ã‚Œã¦ã„ã¦ã€æœ¬å½“ã¯ãã£ã¡ã«è¡ŒããŸã‹ã£ãŸã‚“ã ã‘ã©é«˜é¡ãªãŸã‚ã€åœ°å…ƒã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ã»ã†ã«ã ã‘å‚åŠ ã—ãŸã€‚ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã®æ–¹ã®è¨˜äº‹ã¯@ygoto3ãŒæ›¸ã„ã¦ãŸã£ã½ã„ã€‚ Smashing Conferenceã§ç™»å£‡ã—ã¦ã„ãŸJohn Allsoppæ°ã‚„Val Headæ°ã‚‚ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ç™»å£‡ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€ã€Žãªã‚“ã ã€ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã®ã¤ã„ã§ã‹ã‚ˆãƒ¼ã€ã¨æ€ã„å…¨ç„¶æœŸå¾…ã—ã¦ãªã‹ã£ãŸã®ã ãŒã€è¡Œã£ã¦ã¿ãŸã‚‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å…¨ä½“ã®æ§‹æˆãªã©ã™ã”ãè€ƒãˆã‚‰ã‚Œã¦ã„ã¦ã€ã¨ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
sadah 2014/12/26
CSS

performance
ãƒªãƒ³ã‚¯
CSSã§2ã‚«ãƒ©ãƒ ã‚’ä½œã£ã¦ã¿ã‚‹ - kojika17
CSSã§2ã‚«ãƒ©ãƒ ã¨ã„ã£ã¦ã‚‚ã€ãã®ä½œæˆæ–¹æ³•ã¯æ§˜ã€…ã§ã™ã€‚ å¤šãã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç†è§£ã™ã‚‹ã“ã¨ã¯ã€CSSã«æŸ”è»Ÿæ€§ã‚’æŒãŸã›ã‚‹ã“ã¨ã«ã€ã¤ãªãŒã‚Šã¾ã™ã€‚ 1. floatã‚’åˆ©ç”¨ã™ã‚‹ åŸºæœ¬çš„ãªæ–¹æ³•ã§ã™ã€‚ åã«floatã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ç°è‰²ã®èƒŒæ™¯ã‚’æ•·ã„ã¦ã„ã‚‹è¦ªã®é«˜ã•ãŒç®—å‡ºã§ããªããªã‚‹ãŸã‚ã€èƒŒæ™¯è‰²ãŒå‡ºãªããªã£ãŸã‚Šã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚ŒãŸã‚Šã—ã¾ã™ã€‚ ã“ã‚Œã‚‰ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã«ã¯ã€clearfix ã‹ overflowã‚’åˆ©ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ .parent { overflow: hidden; } .child1 { float: left; width: 240px; } .child2 { float: right; width: 128px; } 2. floatã¨marginã‚’ä¸€å®šæ–¹å‘ã«ã‹ã‘ã‚‹ ç‰‡æ–¹ã«floatã€ç‰‡æ–¹ã¯floatã‚’ã‹ã‘ãŸæ–¹å‘ã«éš£ã®è¦ç´ ã®æ¨ªå¹…ä»¥ä¸Šã®marginã‚’ã¨ã‚‹æ–¹æ³•ã§ã™ã€‚ floatã®ã‹ã‹ã£ã¦ã„
sadah 2014/12/12
CSS

CSS3
ãƒªãƒ³ã‚¯
CSSãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã„ã“ãªã™ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
https://www.youtube.com/watch?v=FEs2jgZBaQA 1 comment | 1 point | by WazanovaNews â– comment by Jshiike | ç´„1æ™‚é–“å‰ CSSconf EU 2014ã«ãŠã‘ã‚‹Googleã®Addy Osmaniã®è¬›æ¼”ã§ã™ã€‚CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å‘ä¸Šã«å½¹ç«‹ã¤ãƒ„ãƒ¼ãƒ«ã‚’40å€‹+ ç´¹ä»‹ã—ã¦ãã‚Œã¦ã¾ã™ã€‚ èƒŒæ™¯ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æœ€é©åŒ–ã«ãŠã„ã¦ã€ ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã¨ã—ã¦ã‚„ã‚‹ã“ã¨ æœ€å°åŒ–ï¼ˆminificationï¼‰ çµåˆï¼ˆconcatenationï¼‰ ç”»åƒã®æœ€é©åŒ– åœ§ç¸®ï¼ˆGZip, Zopfliï¼‰ éžåŒæœŸã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®åˆ©ç”¨ WOFF2ãƒ•ã‚©ãƒ³ãƒˆ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ä½¿ã† ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ã—ãªã„ã“ã¨ ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ— ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å‘ä¸Šã«é‡è¦ãªCSSã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ– ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ãƒ–ãƒãƒƒã‚¯ã—ãªã„ã‚ˆã†ã«ã€æ€¥ãŽã§ãªã„ã‚¢ã‚»ãƒƒãƒˆã®å–
sadah 2014/10/16
CSS

performance
ãƒªãƒ³ã‚¯
CSSã®ç°¡ç•¥ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ - Weblog - Hail2u.net
CSSã®æ¨™æº–ä»•æ§˜ã§ã¯ä¸€éƒ¨ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã«ç°¡ç•¥(ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰)ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€‚marginã‚„backgroundã€fontãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ãªã©ãŒãã‚Œã€‚ã†ã¾ãä½¿ã†ã¨CSSã‚’ã‹ãªã‚ŠçŸãã§ãã‚‹ã®ã§ã€ç©æ¥µçš„ã«ä½¿ã„ãŸã„ã‘ã©ã€ãªã‹ãªã‹ã®è¤‡é›‘ã•ã§ãã†ã‚‚ã„ã‹ãªã„ã€‚ã‹ã¨ã„ã£ã¦æ©Ÿæ¢°çš„ã«å‡¦ç†ã™ã‚‹ã®ã‚‚ã€CSSã¯äººãŒç°¡å˜ã«æ›¸ã‘ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ä»•æ§˜ãŒä½œã‚‰ã‚Œã¦ã„ã‚‹ç¯€ãŒã‚ã‚‹(æ ¹æ‹ ã¯ãªã„)ã®ã§ã¾ãŸé›£ã—ã„ã€‚ å…ˆæ—¥çŸ¥ã£ãŸCSS Shorthand Generatorã®å†…éƒ¨ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹shrthndãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¯ã¾ã•ã«æ©Ÿæ¢°çš„ã«å‡¦ç†ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã€‚ã§ã‚‚äºˆæƒ³é€šã‚Šã€å…¨ç„¶ã¡ã‚ƒã‚“ã¨æ©Ÿèƒ½ã™ã‚‹ã‚‚ã®ã§ã¯ãªã‹ã£ãŸã€‚ ä¾‹ãˆã°shrthndãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§ã¯è¤‡æ•°ã®font-*ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã“ã¨ã«ãªã£ã¦ã„ã‚‹ã€‚ .test { font-family: serif; font-size: 1.5em; } ã“ã®ã‚ˆã†ã«æ›¸ãã¨ã€ä»¥ä¸‹
sadah 2014/08/15
CSS
ãƒªãƒ³ã‚¯
[CSS]èƒŒæ™¯ã‚’å›ºå®šã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’ã‚‹ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¬¡ã€…ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ã„ã£ã±ã„ã«è¡¨ç¤ºã—ãŸå†™çœŸç”»åƒã¨ãƒ™ã‚¿å¡—ã‚ŠèƒŒæ™¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’äº¤äº’ã«é…ç½®ã—ãŸç¸¦é•·ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸéš›ã€å†™çœŸç”»åƒã®èƒŒæ™¯ã‚’å›ºå®šè¡¨ç¤ºã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’ã‚‹ã‚ˆã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ãªã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚‚ã£ã•ã‚Šæ„ŸãŒãªãã€éžå¸¸ã«ã•ãã•ãå‹•ä½œã—ã¾ã™ã€‚ Alternate Fixed & Scroll Backgrounds ãƒ‡ãƒ¢ å®Ÿè£… ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Chrome, Safari, Firefox, Operaãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IEã¯9+ã§ã”è¦§ãã ã•ã„ã€‚ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚å¿«é©ã§ã™ï¼ å°‘ã—ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ã“ã‚ å†™çœŸç”»åƒã®èƒŒæ™¯ã¯å›ºå®šè¡¨ç¤ºã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ™ã‚¿å¡—ã‚Šã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ å®Ÿè£… HTML HTMLã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã€mainè¦ç´ ã‚’ãƒ©ãƒƒãƒ‘ãƒ¼ã«ã€divè¦ç´ ã§å†™çœŸç”»åƒã¨
sadah 2014/07/15
css
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸