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

shin1x1 id:shin1x1

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

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

dev.toã«åŒ¹æ•µã™ã‚‹é€Ÿåº¦ã‚’å‡ºã›ã‚‹WordPressãƒ†ãƒ¼ãƒžã‚’é–‹ç™ºã—ãŸè©± - Qiita
æœ¬æ—¥ã€ç„¡æ–™WordPressãƒ†ãƒ¼ãƒž Godios. ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ å…¬å¼ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ãŸã ã‘ã‚‹ã¨ã‚ã‹ã‚‹ã¨æ€ã†ã®ã§ã™ãŒãƒšãƒ¼ã‚¸ãŒä¸€çž¬ã§é·ç§»ã—ã¦ã„ã¾ã™ã€‚ ã©ã†ã§ã—ã‚‡ã†ã€dev.toã¨åŒã˜ãã‚‰ã„é€Ÿã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãƒ†ãƒ¼ãƒžã‚’é«˜é€ŸåŒ–ã™ã‚‹ã«ã‚ãŸã£ã¦ç”¨ã„ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ åœ§ç¸® ãƒ†ãƒ¼ãƒžã«å«ã¾ã‚Œã¦ã„ã‚‹ç”»åƒãƒ»CSSãƒ»JSãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸®ã€‚ ç”»åƒã¯Optimizillaãƒ»TinyPNGã€CSSã¯CSS Minifierã€JSã¯JSCompressã‚’ä½¿ç”¨ã—ã¾ã—ãŸã€‚ CSSãƒ»JSãƒ•ã‚¡ã‚¤ãƒ«ã®é…å»¶èªã¿è¾¼ã¿ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ãƒ–ãƒãƒƒã‚¯ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤§é‡ã«ã‚ã‚‹ã¨è¡¨ç¤ºãŒé…ããªã‚Šã¾ã™ã®ã§ã€JSãƒ•ã‚¡ã‚¤ãƒ«ã¯deferã¾ãŸã¯asyncå±žæ€§ã‚’ä»˜ä¸Žã—ã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã€ã¾ãŸã¯JSã§éžåŒæœŸã«èªã¿è¾¼ã‚“ã§ã„ã¾ã™ã€‚ ç„¡é§„ãªSQLã‚¯ã‚¨ãƒªã‚’æ¸›ã‚‰ã™ ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå¤šã„ã¨è² è·ãŒæŽ›ã‹ã‚‹ä¸Šã€é€Ÿ
shin1x1 2018/04/08
php

performance

JavaScript

CSS
ãƒªãƒ³ã‚¯
Redirecting to Animate.css
shin1x1 2017/08/24
animation

css
ãƒªãƒ³ã‚¯
BoilerStrapStyle Guide
shin1x1 2017/01/19
css

bootstrap
ãƒªãƒ³ã‚¯
Ceaser - CSS Easing Animation Tool - Matthew Lein
shin1x1 2016/10/20
css

tool
ãƒªãƒ³ã‚¯
ãã‚ãã‚çœŸé¢ç›®ã«ã€HTMLã§å¸³ç¥¨ã‚’æãè©±ã‚’ã—ã‚ˆã†ã‹ - Qiita
å¸³ç¥¨ã¨ã„ãˆã°PDFã¨ã—ã¦ç”Ÿæˆã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ã‚‡ã†ã‹? ã§ã‚‚ã€2015å¹´ã®ä»Šã€ã‚ãˆã¦HTMLã§æãã®ãŒãƒ›ãƒƒãƒˆã§ã™(å€‹äººçš„ã«)ã€‚ãƒŸãƒªå˜ä½ã§è¨å®šã•ã‚ŒãŸé«˜åº¦ãªå¸³ç¥¨ã‚‚ã€CSSã‚’é§†ä½¿ã—ã¦ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã‚‚ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¢—ãˆã€@pageãªã©ã‚‚ç©æ¥µçš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã€SPA(Single Page Application)ã®å°é ã€ã„ã‚ã„ã‚ã¨æ¡ä»¶ãŒæƒã£ã¦ãã¾ã—ãŸã€‚ æ›¸ã„ã¦ãŸã‚‰çµæ§‹é•·ããªã£ã¡ã‚ƒã£ãŸã®ã§ã€ã•ãã£ã¨ã‚³ãƒ¼ãƒ‰ã ã‘è¦‹ãŸã„æ–¹ã¯ã€Paper CSSãƒªãƒã‚¸ãƒˆãƒªã‚’ã©ã†ãžã€‚ ã¯ã˜ã‚ã« HTMLå¸³ç¥¨ã®ãƒ¡ãƒªãƒƒãƒˆ 2015å¹´ç¾åœ¨ã€HTMLå¸³ç¥¨ã‚’é¸æŠžã™ã‚‹å¹¾ã¤ã‹ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚¹ã‚¿ã‚¤ãƒ«èª¿æ•´ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ãªããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ç”Ÿæˆã§ãã‚‹ å‰è€…ã¯ã€gulpã‚„Gruntã®æ™®åŠã§ã€CSSã«ã—ã‚HTMLã«ã—ã‚ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹ç’°
shin1x1 2016/09/01
CSS

html

å¸³ç¥¨
ãƒªãƒ³ã‚¯
CSS for Software Engineers for CSS Developers
Applying traditional software engineering principles directly (or indirectly) to CSS.
shin1x1 2016/08/20
CSS
ãƒªãƒ³ã‚¯
Bootstrapã®ç”»é¢ã‚’æ‰‹è»½ã«ä½œã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã®ç”»é¢ã‚„Webã‚µãƒ¼ãƒ“ã‚¹ã®ç®¡ç†ç”»é¢ã«Bootstrapã‚’æŽ¡ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ã„ã¾ã™ãŒã€ãã‚Œã§ã‚‚Bootstrapãªã‚‰ã§ã¯ã®æ›¸ãæ–¹ã‚’è¦šãˆãªã„ã¨ã„ã‘ã¾ã›ã‚“ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã”ã¨ã«æ›¸ãæ–¹ãŒå¤‰ã‚ã‚‹ã®ã§ç¿’å¾—ãŒé¢å€’ã¨æ„Ÿã˜ã‚‹äººã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒBootstrapç”¨ã®UIãƒ“ãƒ«ãƒ€ãƒ¼ã§ã™ã€‚ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç”»é¢ãŒè¨è¨ˆã§ãã‚Œã°ä½œæˆã‚‚ç°¡å˜ã§ã™ã‚ˆãã€‚ lollytin beta 1.4 â€“ A yummy HTML5 blockouterer! Bootstrapã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ä½œã£ã¦ã„ãã®ã§ã™ãŒã€è¦‹ãŸç›®ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒ¡ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®åˆ†ã€ç´°ã‹ã„ã¨ã“ã‚ã«ã“ã ã‚ã‚Šã™ãŽãšã«ã•ãã•ãã¨ä½œã£ã¦ã„ãã“ã¨ãŒã§ãã¾ã™ã€‚ Pingendo â€“ web authoring with comfort Pingendoã¯Bootstrapå°‚ç”¨ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚Mac OS
shin1x1 2016/02/14
design

bootstrap

css
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®æ‰±ã„ã«å›°ã£ã¦ã„ã‚‹æ–¹ã¸ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã€Œã£ã½ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³è¡“
ä¸çœ ç—‡ãªã®ã§ã‚‚ã†ä¸€è¨˜äº‹ã€‚ ä»Šå›žã¯ ãƒ»è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ« ãƒ»è¦‹å‡ºã—æ–‡ç« ãƒ»æŠ•ç¨¿æ—¥æ™‚ ãƒ»ã‚³ãƒ¡ãƒ³ãƒˆæ•° ãƒ»ãŠæ°—ã«å…¥ã‚Šæ•° ã¨ã„ã†ã‚ˆãä¸€ç·’ã«æ‰±ã†ãƒ†ã‚ã‚¹ãƒˆã®æ•´ç†ã®ä»•æ–¹ã«ã¤ã„ã¦æ›¸ã„ã¦è¡Œãã¾ã™ã€‚ å†™çœŸç´ æã¯æš—é»™ã®ãƒ•ãƒªãƒ¼ç´ æã¨åŒ–ã—ã¦10å¹´ã®åœ°å…ƒã®å‹é”ã§ã™ã€‚ ã•ã¦ã€ã¾ãšå›°ã£ã¦ã„ã‚‹æ–¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å†ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‹ãªã‚Šè¦‹ã¥ã‚‰ã„ã§ã™ãã€‚ ãªãœè¦‹ã¥ã‚‰ã„ã®ã‹ã¨ã„ã†ã¨ã€ä¸»ã«2ç‚¹ ãƒ»æ–‡å—ã®å¤ªã•(font-weight)ãŒå‡ä¸€ ãƒ»éš™é–“(padding)ãŒå°‘ãªã„ ã“ã‚Œã‚’è§£æ±ºã™ã‚‹ã«ã¯ã€ ã¾ãšã“ã®èµ¤æž åˆ†ãã‚‰ã„ã®paddingã¨ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ ã“ã‚Œã ã‘ã§å¤§åˆ†è¦‹ãˆæ–¹å¤‰ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¬¡ã«ã‚¿ã‚¤ãƒˆãƒ«ä»¥å¤–ã®æ–‡å—ã®font-weightã‚’ç´°ãã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãŠã€œå¤‰ã‚ã£ã¦ãã¾ã—ãŸãã€‚ ç¶šã‘ã¦ã€ã“ã‚Œã¯å€‹äººã®å¥½ã¿ã«ã‚ˆã‚Šã‘ã‚Šãªã®ã§ã™ãŒæœ€è¿‘ç§ã‚„ç¤¾ä¼šã¯ å‰²ã¨h1è¦ç´ ã§ã‚ã£ã¦ã‚‚ç´°ã„fontã‚’å½“ã¦ãŸã‚Šã™ã‚‹ã®ã§ ã‚¿ã‚¤ãƒˆãƒ«ã¨ãã®ä»–è¦ç´ ã®font-weigh
shin1x1 2015/09/08
css

design
ãƒªãƒ³ã‚¯
GitHub - OfficeDev/office-ui-fabric-core: The front-end CSS framework for building experiences for Office and Microsoft 365.
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
shin1x1 2015/09/03
office

Fabric

CSS
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ¼ã‚¿ã®ä¸€éƒ¨ã‚’ãƒãƒƒã‚¯ã—ã¦ã€ä»–ã®éƒ¨åˆ†ã‚’æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ« Â« æ ªå¼ä¼šç¤¾ã‚¼ãƒŽãƒ•ã‚£
å‰å›žã¯ç¸¦ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹è¡¨ç¤ºæ–¹æ³•ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå›žã¯æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ å¤§ããã‚ã‘ã¦3ã¤ã®è¦ç´ ã§æ§‹æˆã—ã¾ã™ã€‚ å¤–æž éƒ¨åˆ† ãƒãƒƒã‚¯éƒ¨åˆ† æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«éƒ¨åˆ† å¤–æž éƒ¨åˆ†ã¯divã§å¤§æž ã®ãƒœãƒ¼ãƒ€ãƒ¼ç·šã‚„å¹…ã‚’æŒ‡å®šã—ã¾ã™ã€‚ div.x_data_area { width: 900px; overflow: hidden; /* floatã•ã›ãŸè¦ç´ ã‚’å†…åŒ…ã—ã¦ã„ã‚‹ãŸã‚æŒ‡å®š */ border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; } ãƒãƒƒã‚¯éƒ¨åˆ†ã¯divã¨ãƒ†ãƒ¼ãƒ–ãƒ«ã§æ§‹æˆã—ã¾ã™ã€‚ ã€Œ<div class="lock_box">ã€ã«ã¯æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«éƒ¨åˆ†ã¨æ¨ªã«ä¸¦ã°ã›ã‚‹ãŸã‚ã€Œ float: left;ã€ã¨ã€Œ width: 300px;ã€ã¨ã—ã¦å¹…ã‚’æŒ‡å®šã—ã¾ã™ã€‚
shin1x1 2015/06/13
html

css

table
ãƒªãƒ³ã‚¯
10å¹´ä»¥ä¸ŠJavaå±‹ã—ã¦ãŸãŠã£ã•ã‚“ãŒ ä»Šå¹´ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã£ã¦ã„ã‚‹è©±
2. ã‚ˆã—ã ãŸã‘ã²ã“ â€¢ ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢æ´10å¹´ã»ã© â€¢ åŽ»å¹´ã¾ã§Java ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦10å¹´ä»¥ä¸Šæ´»å‹• â€¢ ãƒ¬ãƒ™ãƒ«ã¯ä¸‹ã®ä¸Šã€œä¸ã®ä¸‹ â€¢ ä»Šå¹´ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
shin1x1 2014/10/23
css

presentation
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ by @mdo
HTMLã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã«ã¯åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹åˆ†ã®ã‚½ãƒ•ãƒˆã‚¿ãƒ–ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã€‚ã“ã‚ŒãŒå…¨ã¦ã®ç’°å¢ƒã§å…¨ãåŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸè¦ç´ ã¯ã‹ãªã‚‰ãš1æ®µéšŽã ã‘ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆ(åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹)ã™ã‚‹ã“ã¨ã€‚ ã„ã¤ã‚‚ãƒ€ãƒ–ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã†ã“ã¨ã€‚å±žæ€§å€¤ã«å¯¾ã—ã¦ã‚·ãƒ³ã‚°ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã‚ãªã„ã“ã¨ã€‚ é–‰ã˜ã‚¿ã‚°ã®ç„¡ã„è¦ç´ ã«å¯¾ã—ã¦ã€æœ«å°¾ã®ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã¯çœãäº‹ã€‚HTML5ä»•æ§˜ã«çœç•¥ã—ã¦è‰¯ã„ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ çœç•¥ã§ãã‚‹é–‰ã˜ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ã“ã¨ã€‚(ä¾‹ãˆã°</li>ã¨ã‹</body>)ã€‚ <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
shin1x1 2014/09/05
HTML5 ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ã€‚ã“ã®ãƒ«ãƒ¼ãƒ«ãŒé©ç”¨ã•ã‚Œã‚‹ WebStorm ã® Code Style ãŒæ¬²ã—ã„ã€‚

html5

html

CSS
ãƒªãƒ³ã‚¯
uilang
a minimal, ui-focused programming language for web designers clicking on ".try-it" toggles class "hidden" on ".info-box" Try It Getting Started Insert uilang.js in your page, write some uilang as shown above in a simple <code> element and use CSS to show, hide and animate things. Download 1KB Build Interfaces Create popovers, tabs, galleries, overlays and more using a language specifically designe
shin1x1 2014/09/03
javascript

ui

CSS
ãƒªãƒ³ã‚¯
http://duojs.org/
shin1x1 2014/08/21
javascript

CSS

duo
ãƒªãƒ³ã‚¯
Grid
Why bother with responsive? We want our websites to be useable on all devices by responding to the userâ€™s behavior, screen size and screen orientation. A Fragmented World As of 2013, there are thousands of different devices and screen sizes that browse the internet, so itâ€™s impossible to design layouts to target them all. Instead, we must take a more fluid approach to design. Mobile First The term
shin1x1 2014/02/11
"A simple guide to responsive design."

CSS

webdesign
ãƒªãƒ³ã‚¯
CSSè¬ç½ªæ–‡ - jsdo.it - Share JavaScript, HTML5 and CSS
CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã‚Œãªã„è¬ç½ªæ–‡ CSSã«æœ¬æ–‡ãŒæ›¸ã„ã¦ã‚ã‚‹ã®ã§ã€ç”»é¢ä¸Šã¯è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãŒGoogleã§ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ã«ã¯å¼•ã£ã‹ã‹ã‚‰ãªã„ ã€Œæµå‡ºã€ãªã©ã®å«Œãªå˜èªžã¯:beforeã¨:afterã«ã€Œæµã€ã€Œå‡ºã€ã‚’åˆ†ã‘ã¦æ›¸ãã“ã¨ã§ã€è‡ªç„¶è¨€èªžè§£æžã‚’å›žé¿ #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "ãŠã€€è©«"; } p:nth-child(1):after{ content: "ã€€ã³"; } p:nth-child(2):before{ content: "å¹³ç´ ã¯å¼Šç¤¾ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚"; } p:nth-child(3):before{ c
shin1x1 2014/02/03
css
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å¿œç”¨äº‹ä¾‹ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://css-tricks.com/css-animation-tricks/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„3æ™‚é–“å‰ Zach SaucierãŒCSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é§†ä½¿ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’æŠ«éœ²ã—ã¦ã„ã¾ã™ã€‚ #1) Jump to another state mid-animation CSS animationã§ã€å¾®å¦™ã«æ•°å€¤ã®é•ã†äºŒã¤ã®keyframeï¼ˆä¾‹ãˆã°ã€.001%ï¼‰ã‚’åˆ©ç”¨ã—ã¦ã€propertyã‚’æ–°ã—ã„å€¤ã«å³ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹æ–¹æ³•ã€‚ CSSã‚³ãƒ¼ãƒ‰ @keyframes toggleOpacity { 50% { opacity: 1; } /* Turn off / 50.001% { opacity: 0.4; } / Keep off state for a short perio
shin1x1 2014/01/22
CSS
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ï¼ Sass/compass ã‚†ã‚‹ã‚å‹‰å¼·ä¼š
Sass/Compass ã£ã¦ã‚ˆãèžãã‘ã©ã€ãªã‚“ã‹é›£ã—ãã†â€¦ã£ã¦æ€ã£ã¦ã„ã‚‹ä¸»ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/HTMLã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“å‘ã‘ã®å‹‰å¼·ä¼šã§åˆ©ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚å‹‰å¼·ä¼šã«ã¯ãƒãƒ³ã‚ºã‚ªãƒ³ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ãŸã®ã§ã€ã“ã®è³‡æ–™ã«ã¯ä¸é€”åŠç«¯ãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ãŒã”å®¹èµ¦ãã ã•ã„ã€‚ (*'-'*) å†…å®¹çš„ã«ã¯ã€åŸºç¤Žçš„ãªäº‹æŸ„ã‚’ã€æ´»ç”¨ã®ãŸã‚ã®è€ƒãˆæ–¹ã‚’æ·»ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚Read less
shin1x1 2013/11/19
åˆ†ã‹ã‚Šã‚„ã™ã„

sass

compass

css

presentation
ãƒªãƒ³ã‚¯
StartUp Sass + Compass [åŸºæœ¬ã¨æ´»ç”¨]
1. ç¬¬ï¼‘å›ž Creators Meetup : StartUp Sass+Compass âˆ¼åŸºæœ¬ã¨æ´»ç”¨âˆ¼ å¤§ç«¹å”æ˜Ž Sunday, 24 February 13 2. å¤§ç«¹ å”æ˜Ž ã“ã†ã‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä¸å¿ƒã« Twitter : @Bamboo_C Webåˆ¶ä½œã‚’ã—ã¦ã„ã¾ã™ Facebook : komei.otake Sunday, 24 February 13
shin1x1 2013/02/24
CSS

compass

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

normalize.css
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸