スタイルガイドジェネレータの KSS が良さそう - text.ykhs.org
KSS はスタイルガイドジェネレータです。 Github の中の人、Kyle Neath 氏を中心に開発されていて、Github 自体にも使われています。 普段は SCSS で使っていますが、CSS, SCSS, LESS といった形式に対応しているそうです。 KSS · Knyle Style Sheets http://warpspire.com/kss/ Ruby 製のツールで Rails や Sinatra に組み込んで使用します。 そして Github のリポジトリには Sinatra で動かす場合のサンプルも含まれています。 kss/example at master · kneath/kss · GitHub https://github.com/kneath/kss/tree/master/example 上記サンプルの views ディレクトリを見てもわかるように vie
1人でよいコードを書く - 鳩舎
1人でよいコードを書くのは、3人でよいコードを書くことの3倍難しい。悪いコードを書くときに説得する人間が 1/3 でよいので、つまり自分に向かって『まぁいいじゃん今回は』と言えば事が済む。続けているといつの間にか引き返せないところまできていて、適当に書いた個人プロジェクトは設計的破綻を起こし、コーディング規約もなにもあったもんじゃないという破滅が待っている。 ということで、1人でよいコードを書くために。今回は Rails プロダクトを1人で書くとして。 rubocop コーディング規約と、あまりに長すぎるメソッドやあまりに長いクラス定義などを見つけてくれる。全てに従うと厳しすぎて死ぬので、適宜各チェッカを無効にするのがよい。 僕はこんな感じの設定で使っている。 AllCops: Includes: - Rakefile - Gemfile - config.ru Excludes: - b
それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- - e2esound.com業務日誌
ホーム > html | Ruby > それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- 古い それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- それ全部middlemanでできるよ？ と思ったので書いてみる。 SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 ｜ クラスメソッド開発ブログ SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #2 ｜ クラスメソッド開発ブログ Middlemanとは? Middleman: Hand-crafted frontend develo
PhpStorm 7 等の StylusとCompassサポート | Post Blog
Webの開発においてCSSを書く方法は今非常に多彩な選択しがあります。Less、Sass、SCSSが有名ですが最近はStylusというものも登場しました。CSSに変数やミックスイン、オペレーションや関数を導入できるものです。またSassをベースにしたCompassというものも登場しています。 JetBrainsのIDEはすでにLess、Sass、SCSSをサポートしてきましたが、PhpStorm 7、WebStorm 7、AppCode 2.5、PyCharm3.0、そしてIntelliJ IDEA 13(年末リリース予定)はStylusとCompassをサポートします！ 本エントリの対象製品:IntelliJ IDEA、PyCharm、WebStorm, PhpStorm、RubyMine、AppCode Less、Sass、SCSSのシンタックスハイライト、コード補完、Sructure
Rails3 と twitter-bootstrap-rails でフォームのエラー表示をなるべく簡単に何とかする件 - 牌語備忘録 -pygo
(Rails3.2.6, Ruby1.9.3, twitter-bootstrap-rails2.1.0) ビフォア・アフター before after 修正してみる -- ファイルは2点のみ application.css scaffolds.css.scss リネーム app/assets/stylesheets/application.css app/assets/stylesheets/application.css.scss 追記する app/assets/stylesheets/application.css.scss @import "bootstrap_and_overrides"; #error_explanation { @extend .alert; @extend .alert-error; @extend .alert-block; } .field_with_e
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
Aptana Studio 3 のこと
現時点ではbetaバージョンだけどインストールしてみたらいい感じだったAptana3について。 Aptanaで検索すると結構な上位にこの記事がランクしてるようなので、 ちょっと補足しつつ使い方メインの記事を追加。 比較検討したい人向けのメモ Aptana Studio 3とは色々な言語に対応している無料のIDEです。ベースはEclipse(Helios)。 開発はもともとAptanaという会社だったんだけど、Appceleratorに買収されて以降はコピーライト表記がAppcelerator, Inc.に変わり、AptanaをベースにTitanium Studioを出しました。 HTML5, CSS3, JavaScript, Ruby, Rails, PHP, Java, Pythonなどをサポート。 Sass、HAML、CoffeeScript、Sell Scriptなどにも対応してま
hamashun me : Windows PC に Ruby と Sass を導入する方法
Sugamo.cssでちょっと前に話題になったのが、CSSのメタ言語（って言い方でいいのかな）であるSassです。 Sassを使うと、CSSをクールに記述する事ができます。 Sass自体についての解説はググると詳しいものがいくつかあります。 この記事では、Windows PC（XPとVistaで試しました）にSassを導入する手順を紹介します。 Rubyのインストール SassはRubyで動いているので、まずはRubyをインストールします。 RubyInstaller for Windows を使えば、何度かクリックするだけで完了します。 インストールが終了したらコマンドプロンプトを起動して、次のコマンドを入力してエンターをッターンと叩いてください。 ruby -v ruby 1.9 1p430(2010-08-16 revision 28998) みたいのが出たらgemのアップデートに進
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
compass-style.org is almost here!