sassã®æŠ‘ãˆã¦ãŠããŸã„functionã®ä½¿ã„æ–¹ « NAVER Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€‚ 年末ã®äºˆå®šã¯ã¶ã£é€šã—ã§ã‚¹ã‚«ã‚¤ãƒªãƒ ã«ã¤ãŽè¾¼ã‚€ã“ã¨ãŒæ±ºå®šã—ãŸUIT富田ã§ã™ã€‚ 今回ã¯ã€Less & Sass Advent calendar 2011ã®6日目ã¨ã—ã¦ã€ sassã®functionã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã™ã£ã½ã‚Šãƒãƒžã£ãŸå››å‰‡æ¼”ç®—ã®è½ã¨ã—ç©´ sassã¯å€¤ã®å››å‰‡æ¼”算をサãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€10進数ã ã‘ã§ãªãã€16進数ã®å€¤ã§ã‚ã£ã¦ã‚‚よã—ãªã«è¨ˆç®—ã—ã¦ãã‚Œã¾ã™ã€‚ color: #a3a4a5 + #111111; ↓ color: #b4b5b6; 16進数ã¨10進数ã§ã‚‚エラーã«ãªã‚‰ãšè¨ˆç®—ã—ã¦ãã‚Œã¾ã™ã€‚（普通ã‚ã¾ã‚Šã‚„らãªã„ã¨ã¯æ€ã„ã¾ã™ãŒï¼‰ color1: #000000 + 1; color2: #000000 + 15; ↓ color1: #010101; color2: #0f0f0f; ã“ã®16進数ã®è¨ˆç®—ã¯ã€çµæžœãŒ#fffffを上回ã£ãŸå ´åˆã€ä¸Šå›žã£ãŸåˆ†ã¯åˆ‡ã‚Šæ¨ã¦ã¦ã€ã™
sassを使ã£ã¦CSSã®ã‚ã‚“ã©ãã•ã„ç¹°ã‚Šè¿”ã—部分を楽ã«è¨˜è¿°ã™ã‚‹ | CSS-EBLOG
sassを使ã£ã¦CSSã®ã‚ã‚“ã©ãã•ã„ç¹°ã‚Šè¿”ã—部分を楽ã«è¨˜è¿°ã™ã‚‹ カテゴリ：sass 2011å¹´12月20æ—¥ 22:45 ã“ã®è¨˜äº‹ã¯Less & Sass Advent calendar 2011ã®20日目ã¨ã—ã¦æ›¸ã„ã¦ã„る記事ã§ã™ã€‚ sassを使ã£ãŸç¹°ã‚Šè¿”ã—処ç†ã®åŸºæœ¬ sassã«ã¯ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã¨åŒã˜ã‚ˆã†ãªå‡¦ç†ãŒå˜åœ¨ã—ã¾ã™ã€‚ ãã®ä¸ã§ã‚‚ç¹°ã‚Šè¿”ã—処ç†ã‚’ピックアップã—ã¦ã€ã¡ã‚‡ã£ã¨ã‚ã‚“ã©ãã•ã„処ç†ã‚’ç°¡å˜ã«ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ å˜ç´”ãªç¹°ã‚Šè¿”ã—å‡¦ç† sassã«ã¯ç¹°ã‚Šè¿”ã—処ç†ã«ä½¿ãˆã‚‹æ–‡ã¨ã—ã¦ã€@each 㨠@for ãŒã‚ã‚Šã¾ã™ã€‚ JSãªã©ã§ã¯ãŠãªã˜ã¿ã§ã™ã。 使ã„方もã€ä»–ã®ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã®ã‚‚ã®ã¨åŒã˜ã§ã™ã€‚ @eachã¯æŒ‡å®šã—ãŸãƒªã‚¹ãƒˆã‚’é †ç•ªã«å‡¦ç†ã™ã‚‹ã‚‚ã®ã€@forã¯æŒ‡å®šã—ãŸæ•°å€¤ã®é–“ã§ç¹°ã‚Šè¿”ã—処ç†ã‚’ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ã¾ãŸç¹°ã‚Šè¿”ã—ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚ã‚“ã©ãã•ã„処ç†ã‚’ã¾ã¨ã‚ã‚‹ã€ã¨ã„ã†æ„味ã§@function
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
丸ã¿ãŒã‹ã‚ã„らã—ã„シンプルフォント「Comfortaa〠#LOVEFONT
#LOVEFONTä¼ç”»16日目担当㮠kanako29 ã§ã™ã“ã‚“ã«ã¡ã¯ã€‚ LOVEFONTã§ã¯è‡ªåˆ†ã®æ„›ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ç†±ã語ã‚ã†ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žç§ã¯ã€ã€ŒComfortaaã€ã¨ã„ã†ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Comfortaa ã«ã¤ã„㦠Comfortaa ã®ä½œè€…ã¯ã€aajohan ã•ã‚“。 ã“ã¡ã‚‰ã®ãƒ•ã‚©ãƒ³ãƒˆã¯ã€2008å¹´ã«åˆ¶ä½œã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ ライセンスã¯ã€SIL Open Font License ã§ã€å•†ç”¨ç„¡æ–™ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ウェイトã¯ã€Light, Regular, Bold ã®3種類ã§ã™ã€‚自分ã¯å¤ªã‚ã®æ–¹ãŒã‚³ãƒãƒƒã¨ã—ã¦ã‹ã‚ã„ã„ã¨æ€ã†ã®ã§ã€Bold +「アンãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹å¼·ãã€ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ Comfortaa ã®å¥½ããªã¨ã“ã‚ ç§ãŒ Comfortaa を好ããªã¨ã“ã‚ã¯ã€ã‚¯ã‚»ãŒå°‘ãªãシンプルã§ã‹ã‚ã„らã—ã„ã¨ã“ã‚ã§ã™ã€‚ 特ã«å°æ–‡å—ãŒè‰¯ã„ã§ã™ã€‚a, b, d, p, q
[JS]jQueryã®ãƒ—ラグイン100é¸ -2012å¹´ç·é›†ç·¨
2012å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100+αé¸ã§ã™ã€‚ 今年目立ã£ãŸã®ã¯ã€ã‚„ã¯ã‚Šãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ãã—ã¦CSS3アニメーションã§ã—ょã†ã‹ã€‚ スライダーやギャラリー系もレスãƒãƒ³ã‚·ãƒ–・アニメーション対応ã€ãƒŠãƒ“ゲーションやPinterst風ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€å¤šãã®ãƒ—ラグインã«ãれら二ã¤ã®è¦ç´ ãŒçµ„ã¿åˆã‚ã•ã£ã¦ã„ã¾ã™ã€‚ 動画関連 ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…置・ã‚ャプション関連 背景画åƒé–¢é€£ コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスãƒãƒ³ã‚·ãƒ–関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ツールãƒãƒƒãƒ—・ティッカー関連 アニメーション関連 エフェクト関連 スクãƒãƒ¼ãƒ«æ“作・スクãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„関連 リスト関連 テーブル関連 フォーム関連 テã‚スト関連 見出ã—抽出関連 ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– 動画関連
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
flipsnap
{{#tags}}- {{label}}
{{/tags}}