[B! haml] lizyのブックマーク

Account Suspended

If you are seeing this page, it means that web has been DISABLED for over resource usage (Bandwidth/Disk space/CPU abuse) or Overdue payment Please contact support as soon as possible...

lizy 2011/09/14

リンク

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

lizy 2011/02/11

リンク

Sass 3.x系を知る - すがブロ

はじめにこの記事はRuby Advent Calendar jp: 2010 : ATNDの10日目です。前日はTrinityTさんでした。最近注目の浴びている Sass を改めて学んでみましょう Sass - Syntactically Awesome Stylesheets 前フリ Ruby 界隈では Haml とセットで１〜２年前くらいから話題にはなっている（と思っている）のですが、私の周りでは Haml の話は聞くことがあっても Sass をバリバリ使ってるぜ、という話しはあまり聞きません。しかし、Haml と違い Sass の場合は単体での使用も現実的な選択だと思っているので*1、Ruby/Rails 案件という枠組みを超えた使い方ができるのでは無いかと考えています。そんなわけで一年前に以下のライブラリを作ったのですが、現在の Sass 3 系では --watch オプシ

lizy 2010/12/10

リンク

SassでCSSの弱点を克服しよう（1/2）－＠IT

maedana SonicGarden SUG（SKIP User Group）／日本Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよう（編集部） Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったものです。あえて日本語に訳すと、「かっこいい構文のスタイルシート」といった感じでしょうか。もう少しシンプルに表現すると「クールなCSS（Cascading Style Sheets）」でもいいかもしれません。Sassはスタイルシートを簡潔に表現するためのメタ言語であり、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供します。 Sassを使うと

lizy 2009/05/23

リンク

第9回　SinatraとSequel・Hamlで掲示板アプリを作る | gihyo.jp

はじめに第7回はRails以外のWebフレームワークの簡単な紹介と、SinatraでHello Worldアプリケーションを動かすところまでを解説しました。今回はSinatraで実際のアプリケーションを作り、SequelとHamlという2つのライブラリを紹介します。 Sinatraの特徴は、CGIスクリプトのようにファイル一つからアプリケーションが書ける気軽さです。CGIスクリプトといえば、代表的なものは何と言っても掲示板（BBS）です。そこで、今回はSinatraで掲示板アプリを作ってみました。ソースコードが少し長めなので、githubにて全文を公開しています。適宜参照しながら読み進めて下さい。ファイル構成は以下のようになっています。 start.rb アプリケーションの本体。 model/comment.rb 掲示板の書き込みを表すモデルの定義。 view/index.haml トッ