After ironing out a blic consumption. This release has a lot of exciting new features that you can read about in full in the change
After ironing out a blic consumption. This release has a lot of exciting new features that you can read about in full in the change
Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブ を使って Sass ファイル内に定義する方法。 $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } 簡単かつカジュアルに書ける反面、当然ながら Sass のネイティブ関数やディレクティブの制限を受けるので、できないことも多いです。とくに Sass は文字列系の関数があまり用意されておらず、不満を感じることも少なくありません。 もうひとつの方法は、Ruby でカスタム関数を書いて Sass を拡張する という方法です。Ruby の知識が必要で、かつ Sass ファイルに直接定義するのとは違って別フ
先日のプログラマ向けデザイン勉強会で発表された「少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック」(by 赤塚さん)の中に書かれていたSassのMixinをRailsで使えるGemにしてみました。 zurui-sass-rails: https://github.com/mahm/zurui-sass-rails sample: http://zurui-sample.herokuapp.com/ うおおずるい!w RT @mah_lab: .@ken_c_lo さんのズルいデザインをGemにしてみました。 github.com/mahm/zurui-sas… サンプルはこちら zurui-sample.herokuapp.com (based on github.com/
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
この投稿は 12年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 そろそろテーマを変更しようかなと思っているので、その前準備について。ぼくのサイトのWordPressテーマは子テーマとか既存テーマのカスタマイズではなく、完全フルスクラッチなんですが、その際に「こんな風に作り始めてるよ」という問わず語りです。 1. 開発環境 開発ツールは最近WordPressのルートフォルダーをプロジェクトに指定すると、関数が予測変換で呼び出せるようになります。グローバル関数なんて全部覚えていられないので、これは便利ですね。変なタイプミスをなくすためにも、予測変換機能は絶対使うようにした方がいいと思います。DreamWeaverもCS5ぐらいからこういう機能が実装されたように思います。
はじめに 早速ですがみなさん、黒い画面(コンソールやターミナル)はお好きですか? ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。(今では好きですよ、黒い画面) 今回は、すぐに使えるS本的な利用方法について、実際の開発に使えるポイントを押さえて解説していきたいと思います。 S
LESS and Sass share a lot of basics. Both of them are fantastic tools for designers who code, and they can also help developers work more efficiently and quickly. In this post, Jeremy Hixon presents the main difference between them. I’ve been using LESS religiously ever since I stumbled upon it months ago. blem for me, in and of itself, but I was intrigued by the idea of
// Variable Definitions $page-width: 800px; $sidebar-width: 200px; $primary-color: #eeeeee; // Global Attributes body { font: { family: sans-serif; size: 30em; weight: bold; }; } // Scoped Styles #contents { width: $page-width; #sidebar { float: right; width: $sidebar-width; } #main { width: $page-width - $sidebar-width; background: $primary-color; h2 { color: blue; } } } #footer { height: 200px;
小久保浩大郎:「Sass徹底解説〜Sassがもたらすite「After Dark」(1)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く