CSSをライブラリ化？ã©ã†ã‚„らSassã£ã¦ä¾¿åˆ©ã‚‰ã—ã„。
@kotarokã•ã‚“ãŒæœ€è¿‘ãŠã™ã™ã‚ツイートをã•ã‚Œã¦ã‚‹ã®ã§æ°—ã«ãªã£ã¦ã„ãŸSassã¨ã‚„ら。よãã‚ã‹ã‚‰ãªã„ã‘ã©ä¾¿åˆ©ã‚‰ã—ã„…ã£ã¦ã“ã¨ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çµŒé¨“ゼãƒã§ã™ã‘ã©æŒ‘戦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã¯ãã®å°Žå…¥ã®ãã£ã‹ã‘ã¨ãªã£ãŸä¼šè©±ã€‚ コーダーã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚ã¡ã‚‡ã£ã¨èˆˆå‘³æ¹§ãã¾ã›ã‚“？
Ext JS/Sencha Touchå‹‰å¼·ä¼šï¼ 11月行ã£ã¦ããŸã€‚ - ITコンサルã®æ—¥å¸¸
æ°—ã«ãªã£ãŸã¨ã“ã‚ã‚’ã¤ã‚‰ã¤ã‚‰ãƒ¡ãƒ¢ã€‚ SASS/Compass入門（@ispernã•ã‚“） SASSã¨Compass SASSã¯ã€CSSを生æˆã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã€‚1ファイルã®ã¿æ‰±ã†æƒ³å®šã€‚ Compassã¯ã€SASSã«åŠ ãˆã¦ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã”ã¨æ‰±ãˆã‚‹ã‚ˆã†ãªç’°å¢ƒã‚’æä¾›ã—ã¦ã„る。 ã„ãšã‚Œã‚‚ã€gemã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ã‚³ãƒ³ãƒ‘イル(scssファイルã‹ã‚‰CSSファイルã¸ã®å¤‰æ›)ã«ã¯rubyãŒå¿…è¦ã€‚ Sencha Touchã¯Compassを使ã£ã¦ã„る。 デフォルトã§é’色ベースã«ãªã£ã¦ã„ã‚‹ã®ã¯ã€å¤‰æ•°ã§åˆ‡ã‚Šå‡ºã•ã‚Œã¦ã„ã‚‹ãŸã‚。 ãã“を変ãˆã‚Œã°UIを変ãˆã‚‹ã“ã¨ãŒã§ãる。 SASSã®ç‰¹å¾´ 変数ãŒä½¿ãˆã‚‹ 親å関係をãƒã‚¹ãƒˆã§æ›¸ã‘ã‚‹(CSSã§ã¯ãƒ•ãƒ©ãƒƒãƒˆã«ã—ã‹æ›¸ã‘ãªã„) 親セレクタã¯&ã§æ›¸ã‘ã‚‹ .font{ size: …, family: …} font-size: …, font-family: … データ型(string/c
Sass記法を用ã„ãŸCSSフレームワーク·Compass MOONGIFT
CSSã¯ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ã®è¨€èªžã§ã¯ãªã„ãŸã‚ã€æœ€åˆã¯ç†è§£ã—ã‚„ã™ã„ãŒã€è¤‡é›‘ãªè¨˜è¿°ãŒå…¥ã‚Šäº¤ã˜ã£ã¦ã„ãã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå›°é›£ã«ãªã‚‹ã€‚Webブラウザã¯ã‚ˆã出æ¥ã¦ã„ã¦ã€ä½•ã¨ãªã書ã„ãŸã‚‚ã®ã§ã‚‚動作ã—ã¦ã—ã¾ã†ã‹ã‚‰ã•ã‚‰ã«ã‚„ã‚„ã“ã—ã„。 コマンドラインオプション ãã†ã—ãŸå•é¡Œã«å¯¾å‡¦ã™ã‚‹ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦æ³¨ç›®ã‚’集ã‚ã¦ã„ã‚‹ã®ãŒSassã 。ãã—ã¦Sassを実用的ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«çµ„ã¿è¾¼ã‚ã‚‹ã®ãŒCompassã 。 今回紹介ã™ã‚‹ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ã¯Compassã€Sassをサãƒãƒ¼ãƒˆã—ãŸCSSフレームワークライブラリã 。ソースコードã¯é–‹ç¤ºã•ã‚Œã¦ã„ã‚‹ãŒãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯æ˜Žè¨˜ã•ã‚Œã¦ã„ãªã‹ã£ãŸã®ã§ã”注æ„ã„ãŸã ããŸã„。 Compassã¯å˜ä½“ã§CSSフレームワークをãªã™ã‚ã‘ã§ã¯ãªã„。実際ã«ã¯Blueprintã‚„YUIã€960ã¨ã„ã£ãŸæœ‰åãªCSSフレームワークを利用ã—ã¦ã„る。ãã—ã¦Railsã‚„Merbã€StaticMaticã¨ã„ã£ãŸã‚¢ãƒ—リケーションサーãƒã¨
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}