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

kattton id:kattton

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

${{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ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®çŸ¥è˜ - Money Forward Developers Blog
åˆ FPS TPSã«PUBGã‚’é¸ã‚“ã§ã—ã¾ã£ãŸã€ãƒžãƒãƒ•ã‚©ã®JSer å¤§é ˆè³€ã§ã™ã€‚ãƒ‰ãƒ³ã‚«ãƒ„ãŸã¹ã‚‰ã‚Œã¾ã›ã‚“ å…ˆæ—¥ç¤¾å†…ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ã«å‘ã‘ã¦ã¡ã‚‡ã£ã¨ã—ãŸCSSã®èª¬æ˜Žã‚’ã—ã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã‚‹ã«è‡³ã£ãŸå‹•æ©Ÿãªã©ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ â€» 2017/10/04 10:56ã€ŒPUBGã¯TPSã ã€ã¨å¼Šç¤¾ã‚²ãƒ¼ãƒ éƒ¨ã®éƒ¨å“¡ã‹ã‚‰æŒ‡æ‘˜ã‚’å—ã‘ã¾ã—ãŸã€‚å…¨ãã‚‚ã£ã¦ãã®é€šã‚Šãªã®ã§ä¿®æ£ã—ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»å®Ÿè£…ã®ã‚¸ãƒ¬ãƒ³ãƒž ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‰¯ã—æ‚ªã—ãŒåˆ†ã‹ã‚‹ã®ã¯ãƒ‡ã‚¶ã‚¤ãƒŠ å®Ÿè£…ã‚³ã‚¹ãƒˆãŒåˆ†ã‹ã‚‹ã®ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ã¨ã„ã†çŠ¶æ³ã§ã€ŒãŠäº’ã„ã®ä½œæ¥ãŒãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã«ãªã‚‹ã“ã¨ãŒã‚ã‚‹ã€ã¨ã„ã†ç‚¹ã«é›£ã—ã•ãŒãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ åŠ¹çŽ‡ã‚’ä¸Šã’ã‚‹ã«ã¯ã€ãªã«ã‹ã—ãªãã‚ƒã„ã‘ã¾ã›ã‚“ã€‚ ã¨ã„ã†ã“ã¨ã§å†’é ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒç”Ÿã¾ã‚Œã¾ã—ãŸã€‚ ä»–ã®äººé”ã®ã¨ã‚Šãã¿ è‰²ã‚“ãªæ‰€ã§åŒã˜ã‚ˆã†ãªèª²é¡Œã«ç«‹ã¡å‘ã‹ã£ã¦ã„ã‚‹äººé”ã‚‚ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³çµ„ç¹”ã§åƒãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ä½•ã‚’ã‚„ã£ã¦ã„ã‚‹ã®ï¼Ÿ Cr
kattton 2017/10/04
ãµã‚“ã„ãã‚’æŠŠæ¡ã—ãŸ

slide

css
ãƒªãƒ³ã‚¯
CSS3ã®Flexboxã‚’åŸºæœ¬ã‹ã‚‰ç†è§£ã—ã¦ã€ä½¿ã„æ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã‚ˆã†ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€çŽ‹ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã£ã¦ã¾ã™ã€‚ ä»Šå›žã¯ã€ŒFlexboxã‚’åŸºæœ¬ã‹ã‚‰ç†è§£ã—ã¦ã€ä½¿ã„æ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã‚ˆã†ï¼ã€ã¨ã„ã†ã“ã¨ã§ã€åˆè€³ã®æ–¹ã§ã‚‚ã–ã£ã¨Flexboxã§ä½•ãŒã§ãã‚‹ã‹åˆ†ã‹ã‚‹ã‚ˆã†ã«çŸã„å‹•ç”»ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ å‹•ç”»ã®ä¸ã§ä½¿ã£ã¦ãŸãƒ‡ãƒ¢ã‚’ã‚¢ãƒƒãƒ—ã—ãŸã®ã§ã€ç¢ºèªã—ã¦ã¿ãŸã„æ–¹ã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‚’ã©ã†ãžï¼ ãƒ‡ãƒ¢ æ˜¨ä»Šã§ã¯ã€å½“ç„¶ãªãŒã‚‰ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã®å¤šæ§˜åŒ–ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚„ã‚‰ãŒæµè¡Œã£ã¦ã„ã¾ã™ã€‚ åŒã˜ã‚µã‚¤ãƒˆã‚’ã•ã¾ã–ã¾ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«å¿œã˜ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ä¸Šã«ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚‚æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚åˆ¶ä½œå´ã‹ã‚‰ã—ãŸã‚‰ä½•ã‹ã¨åŽ„ä»‹ã§ã™ã‚ˆãã€‚ ã€Œãªã‚‹ã¹ãæ‰‹é–“ã‚’ã‹ã‘ãšã«ä½œã‚ŠãŸã„ï¼ã€ã¨ã„ã†ä¸–ç•Œä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å£°ã«å¿œãˆã¦ã€ã€ŒTwitter Bootstrapã€ã‚’ã¯ã˜ã‚ã¨ã—ãŸæ•°å¤šãã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¾ã€…ã«è„šå…‰ã‚’æµ´ã³ã¯ã˜ã‚ã¦ä¹…ã—ããªã‚Šã¾ã™ã€‚ ãŸã ã€ã“ã‚Œã‚‰ã¯ã‚ãã¾ã§å¤ã„æŠ€è¡“ã®çµ„ã¿åˆã‚ã›ã§ã€é©æ–°çš„ãªæŠ€è¡“ã§
kattton 2017/06/15
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ™ãƒ«ã§ã“ã‚“ãªä¾¿åˆ©ãªã‚‚ã®ãŒã‚ã‚‹ã‚“ã§ã™ãâ€¦ã™ã”ã„â€¦æ¥½ã«ãªã‚‹

css

css3

flexbox

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS/UI Frameworks: 10 Bootstrap alternatives - webkid blog
In this post I will give you a quick overview of some CSS and UI frameworks. If you are building a rich admin dashboard, Bootstrap is totally fine, but for smaller projects you might not need all the features or you are just looking for a different look and feel. All frameworks in this post are actively maintained and Open Source. Bulma is based on flexbox and SASS. It offers everything you need f
kattton 2017/01/12
bootstrapã®ä»£ãˆã«ãªã‚Šã†ã‚‹CSS/UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯10å€‹ã€ã¨ã®ã“ã¨ã€‚

css

framework

design
ãƒªãƒ³ã‚¯
Bulma: Free, open source, and modern CSS framework based on Flexbox
The most beautifully written framework I've ever had the pleasure of working with.
kattton 2017/01/12
ãªã‚‹ã»ã©

framework

css

design
ãƒªãƒ³ã‚¯
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
kattton 2016/02/28
ã‚ˆã„

css

design

framework

responsive
ãƒªãƒ³ã‚¯
12 Best Open-Source CSS Frameworks 2024
Colorlib content is free. When you buy through links on our site, we may earn an affiliate commission. Learn More Here are the best open-source CSS frameworks ranked by popularity. CSS gives the web its cozy look. Itâ€™s an evolving styling language. Writing plain HTML is a thing of a very distant past, and the language itself (CSS) has advanced so much in recent years that itâ€™s impossible to imagin
kattton 2016/02/28
ã„ã‚ã„ã‚ã‚ã‚‹ãªãª

css

framework
ãƒªãƒ³ã‚¯
CSS Inliner Tool | Email Design Reference
Some em ail clients strip out <head> and <style> tags from em ails, so it's best to have your CSS written inline within your markup. We know that writing inline CSS is time consuming and repetitive, so we've built this conversion tool to automatically inline your em ail's CSS. Just paste your em ail's HTML below, click Convert, and you'll get a more em ail-friendly version that's ready to send. If your
kattton 2015/12/22
mailchimpæœ€é«˜

html

css

mail
ãƒªãƒ³ã‚¯
æ€–è©±ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸ - Fjord, Inc(æ ªå¼ä¼šç¤¾ãƒ•ã‚£ãƒ¨ãƒ«ãƒ‰)
æ€–è©±ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’ã—ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®ç›®çš„ æ€–è©±ã¯å…ƒã€…æ€–ã„è©±æŠ•ç¨¿ã‚µã‚¤ãƒˆã¨ã—ã¦å§‹ã¾ã£ãŸã®ã§ã™ãŒã€ä»Šã¯æ€–ã„è©±ã ã‘ã§ãªãã€éƒ½å¸‚ä¼èª¬ã‚„ãƒ›ãƒ©ãƒ¼æ¼«ç”»ã€å¦–æ€ªã€æ‚ªé”ã€UFOãƒ»å®‡å®™äººãªã©ã€æ€–ã„è©±ã ã‘ã§ã¯ãªãã‚ªã‚«ãƒ«ãƒˆæƒ…å ±ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¸æ¨ªå±•é–‹ãŒé€²ã¿ã€ã‚µã‚¤ãƒˆã®æ§‹é€ ãŒå¤‰ã‚ã£ã¦ããŸã®ã§ã€ãã‚Œã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆã‚‹å¿…è¦ãŒå‡ºã¦ãã¾ã—ãŸã€‚ ä½•ã§æ¨ªå±•é–‹ã‚’å§‹ã‚ãŸã®ã‹ã¨ã„ã†ã¨ã€æ€–ã„è©±ã ã‘ã§å¾—ã‚‰ã‚Œã‚‹PVã®é™ç•ŒãŒè¦‹ãˆã¦ããŸï¼ˆåŽç›Šã®é™ç•Œã‚‚ï¼‰ã®ã¨ã€ã‚ˆã‚Šå¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ–¹ãŒæ€–ã„è©±ã‚’æŠ•ç¨¿ã—ã‚„ã™ã„ã‚ˆã†ã«ã€æ€–ã„è©±ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æºã¨ãªã‚‹ã‚ˆã†ãªæƒ…å ±ã‚‚ã‚µã‚¤ãƒˆã«ç”¨æ„ã—ãŸã‹ã£ãŸã€ã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚æ€–ã„è©±ãŒå¥½ããªæ–¹ã¯ãã£ã¨ã‚ªã‚«ãƒ«ãƒˆæƒ…å ±ã‚‚å¥½ããªã¯ãšã€‚ã‚‚ã£ã¨æ€–è©±ã‚’æ¥½ã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã€ã¨ã„ã†ã®ãŒä¸€ç•ªã§ã™ãŒã€‚ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒå¿…è¦ã¨æ€ã£ã¦ä¸€å¹´ãã‚‰ã„ã€‚ãŸã¾ã«å¯ã‚‹å‰ãªã‚“ã‹ã«ã¡ã‚‡ã“ã¡ã‚‡ã“è§¦ã£ã¦ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ç”¨ã®ãƒ–ãƒ©ãƒ³ãƒã‚’è‚²ã¦ã¦ã¯ã„ãŸã®ã§ã™
kattton 2015/05/19
BEM + SMACSSã®ä¾¿åˆ©ãªè©±ã€ã¨ã¦ã‚‚å‹‰å¼·ã«ãªã‚‹

fjord

bem

smacss

css
ãƒªãƒ³ã‚¯
Colors - A nicer color palette for the web.
The code /* To be used in combination with a base border class i.e something like .border { border-style: solid; border-width: 1px; } */ .border--aqua { border-color:#7FDBFF;} .border--black { border-color:#000000;} .border--blue { border-color:#0074D9;} .border--fuchsia { border-color:#F012BE;} .border--green { border-color:#2ECC40;} .border--lime { border-color:#01FF70;} .border--maroon { border
kattton 2015/04/13
ãƒ‡ãƒ•ã‚©ã®ã‚«ãƒ©ãƒ¼ã‚’ç¶ºéº—ãªã‚«ãƒ©ãƒ¼ã«ã™ã‚‹ã€è‰¯ã„ã¨æ€ã†ã€‚

css

color
ãƒªãƒ³ã‚¯
Redirecting to Animate.css
kattton 2015/04/13
cssã ã‘ã§ã‚³ãƒ¬ã‹ï¼ã™ã”ã„ãªï¼

css

animation
ãƒªãƒ³ã‚¯
CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼ #kbkz_tech
CSSã®å•é¡Œ ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼è¨è¨ˆãŒè¾›ã„ ç‰¹ã«å¤§è¦æ¨¡åŒ–ã™ã‚‹å ´åˆã€ã€ŒCSSã®å•é¡Œã€===ã€Œã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã®å•é¡Œã€ã¨è¨€ã£ã¦ã„ã„ ï¼ˆãã‚Œä»¥å¤–ã«ã‚‚ã‚ã‚‹ã‘ã©ã€å¤§è¦æ¨¡åŒ–ã™ã‚‹ã¨ã»ã¼ç¢ºå®Ÿã«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã¯å•é¡Œã«ãªã‚‹ï¼‰ ãªãœå¤§è¦æ¨¡åŒ–ã™ã‚‹ã¨ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒè¾›ããªã‚‹ã®ã‹ ã€Œéš è”½ãŒã§ããªã„ã€ ã‚µã‚¤ãƒˆå…¨ä½“ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«å¯¾ã™ã‚‹å®šç¾©ã‚’æ›¸ã„ã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®
kattton 2015/02/16
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚å·»ãæ·»ãˆé£Ÿã£ã¦æ»ã«ãã†ã ( Ë˜Ï‰Ë˜)

css

slide
ãƒªãƒ³ã‚¯
swipe.to - a really cool domain parked on Park.io
The domain name swipe.to is being parked on Park.io. Contact the domain owner to make an offer right now...
kattton 2015/01/05
'@ extend ã£ã¦sass syntaxç”¨ã®çŸã„è¨˜å·ãŒç”¨æ„ã•ã‚Œã¦ãªã„ã‹ã‚‰å«Œ'ww

slide

style

css

sass
ãƒªãƒ³ã‚¯
DRY-ing Out Your Sass Mixins
One of the most powerful features of the CSS preprocessor Sass is the mixin, an abstraction of a common pattern into a semantic and reusa ble chunk. Think of taking the styles for a button and, instead of needing to rem ember what all of the properties are, having a selector include the styles for the button instead. The button styles are maintained in a single place, making them easy to update and
kattton 2014/11/13
sass

css

mixin
ãƒªãƒ³ã‚¯
Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¾ã¨ã‚è§£èª¬
Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¾ã¨ã‚è§£èª¬ ä¸Šæ‘ å…‰æ˜Ÿ 10æœˆ12æ—¥ã«Sass 3.3.0.rc.1ãŒå‡ºã¾ã—ãŸã€‚ã¾ã ãƒªãƒªãƒ¼ã‚¹å€™è£œã§ã™ãŒã€ã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã‚‹ã®ã‹ã¯Changelogã«ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ã€Œ&ã€ã¨@at-rootã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ HTML+CSSã®å‘½åè¦å‰‡ã«BEMæ–¹æ³•è«–ã€ã‚‚ã—ãã¯HTML+CSSå‘ã‘ã«æ´¾ç”Ÿã—ãŸMindB EMdingã‚’å–ã‚Šå…¥ã‚Œã‚‹æ–¹ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã‚ˆã†ã§ã™ï¼ˆç†è€…ã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“ãŒâ€¦ï¼‰ã€‚ã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¯ã€ã“ã®BEMã®ãŸã‚ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Sass 3.2ã®ã€Œ&ã€ ã€Œ&ã€ã¯è¦ªã‚»ãƒ¬ã‚¯ã‚¿ã‚’å‚ç…§ã™ã‚‹ç‰¹åˆ¥ãªã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¨ã—ã¦ã€Sass 3.3ã‚ˆã‚Šã‚‚å‰ã‹ã‚‰ã‚ã‚Šã¾ã—ãŸãŒã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„æ“¬ä¼¼è¦ç´ ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®é€£çµãªã©ã€ç”¨é€”ãŒé™ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ // Sass 3.3ã‚ˆã‚Šã‚‚å‰ã®ã€Œ&ã€ã®ç”¨é€”ã®ä¾‹ .foo { &:hover
kattton 2014/07/10
sass3.3ãƒ¤ãƒã„

sass

css
ãƒªãƒ³ã‚¯
Basscss
Code with ConfidenceUsing clear, humanized naming conventions, Basscss is quick to internalize and easy to reason about while speeding up development time with more scala ble, more readable code. No Side EffectsThings behave exactly as expected with immutable utilities and styles that do one thing well to help prevent common pitfalls with CSS. ComposableReusa ble, interoperable styles work like buil
kattton 2014/06/20
ã“ã‚Œç”ºç”°ã•ã‚“ã®ã‚¢ãƒ¬ã§ã¯

css

sass
ãƒªãƒ³ã‚¯
Getting Started | bootstrap-select Â· SnapAppointments Developer
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. Download (v1.13.14) Getting Started Quick start Bootstrap-select requires jQuery v1.9.1+, Bootstrapâ€™s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.
kattton 2014/04/05
ã„ã‚ã„ã‚ã‚ã‚‹ã®ã

bootstrap

css

javascript
ãƒªãƒ³ã‚¯
How to structure a Sass project â€“ TheSassWay.com
One of the most useful features of Sass is being able to separate your stylesheets into separate files. You can then use theÂ @importÂ directive to include the source of your individual files into one master stylesheet. But how should you structure your Sass projects? Is there a standard way of separating out your CSS files? Basic directory structure I like to layout my Sass projects like this: styl
kattton 2014/03/19
Sassã®ãƒ•ã‚¡ã‚¤ãƒ«æ§‹æˆä¾‹ã€‚ã“ã‚“ãªæ„Ÿã˜ãªã®ã‹ãƒ¼

sass

css
ãƒªãƒ³ã‚¯
http://blog.takuyan.com/dev/shake/
kattton 2014/03/04
#pcæŽ¨å¥¨

css
ãƒªãƒ³ã‚¯
CSShake
Classes The basic collection Bs Basic Shake Ss Slow Shake Ls Little Shake Hs Hard Shake â‡„ Fixed Horizontal â‡µ Fixed Vertical â†» Fixed Rotation Os Opacity Shake âœŒ Crazy Shake â„‡ Constant Shake % Chunk Shake Launch the animations from the parent with class 'shake-trigger' (customizable) Install Get started... $ git clone https://github.com/elrumordelaluz/csshake.git or $ bower install csshake or $ npm
kattton 2014/03/03
ã‚ã‚‰ã¶ã‚‹CSS

css
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹é«˜é€ŸåŒ–ã€å®Ÿéš›ã®ã¨ã“ã‚ Â« NAVER Engineers' Blog
çªç„¶ã®ã‚¸ãƒ§ãƒ–ã‚ºæ°é€åŽ»ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«é©šãã¾ã—ãŸã€‚ windowsã‹ã‚‰macã«ç§»ã£ã¦ä¸€å¹´ã«æº€ãŸãªã„ã«ã‚ã‹ãƒžã‚«ãƒ¼ã§ã™ãŒã€ã”å†¥ç¦ã‚’ãŠç¥ˆã‚Šã„ãŸã—ã¾ã™ã€‚ ãƒã‚¤ãƒãƒ¼ã‚¸ãƒ£ãƒ‘ãƒ³ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’æ‹…å½“ã—ã¦ã„ã‚‹å¯Œç”°ã§ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã«ã¤ã„ã¦ã€ã¨ãã«ã€MEã²ã¨ã‚Šã§ã‚‚å®Ÿæ–½å¯èƒ½ãªCSSã¨HTMLã®ã¿ã§ã®é«˜é€ŸåŒ–ã®æ‰‹æ³•ã¨ãã‚Œã‚’å®Ÿæ–½ã™ã‚‹ä¸Šã§æ³¨æ„ã™ã¹ããƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦è¦‹ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ é«˜é€ŸåŒ–ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã®ã‚³ã‚¹ãƒˆ CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã€body .contents .header spanã€€aã¨ã„ã†ã‚ˆã†ã«ã€å·¦ã‹ã‚‰å³ã«ã‚ˆã‚Šè©³ç´°ã«ãªã£ã¦ã„ãã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã‹ãŸã¡ãŒä¸€èˆ¬çš„ã§ã™ã€‚ ã—ã‹ã—ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã“ã‚Œã¨ã¯é€†ã«ã€å³ã‹ã‚‰å·¦ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è§£é‡ˆã—ãªãŒã‚‰æç”»ã—ã¦ã„ãã¾ã™ã€‚ ãã®ãŸã‚ã€ã‚ˆã‚Šè² è·ã®ã™ããªã„CSSã‚’æ›¸ããŸã‚ã«ã€ ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å½“ã¦ã‚‹è¦ç´ ã«ã¯ã§ãã‚‹ã ã‘classåˆã¯IDã‚’æŒ‡å®šã™ã‚‹ åå«ã‚»ãƒ¬ã‚¯ã‚¿ã¯é‡ã„ã®ã§ã€
kattton 2014/01/22
æœ€è¿‘ã¯è‡ªç„¶ã«Hamlã¨Sassã®éšŽå±¤æ§‹é€ ãŒä¼¼ãŸçŠ¶æ…‹ã«ãªã‚‹ã‚“ã ã‘ã©ã€é«˜é€ŸåŒ–ã®è¦³ç‚¹ã§ã¯ã“ã‚Œã¯è‰¯ããªã„ã¨ã®ã“ã¨ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å½“ã¦ã‚‹è¦ç´ ã«classã‚’æŒ‡å®šã—ã¦ç›´æŽ¥ã‚„ã‚Šã¾ã—ã‚‡ã†ã€ã¨ã€‚ãµã‚€ã€‚

css

sass
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸