GitHub - winston/cactus: CSS Testing Framework Proof of ConceptYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
JavaScriptやCSSのメンテナンスに - 開発用プロキシ「CocProxy」 - イクケン
Webアプリの見た目を少しだけ変えたくてCSSをいじり、面倒なのでそのまま本番サーバにアップしたらレイアウトが激しく崩れてしまった・・・という経験がある人もいるかと思います。そんなときにこのツールがあればファイルを心ゆくまでいじり倒すことができます。 開発用プロキシ「CocProxy」 http://coderepos.org/share/wiki/CocProxy CocProxyの仕組みを簡単に述べると、ローカルにプロキシサーバを立てて、変更するファイルのみをローカルから取得し、その他のファイルは実際のサーバから取得するものです。 Rubyプログラムなので、まずWindows用のRuby環境を入手してください。Windowsバイナリはいくつか存在しますが、余計なものが入らないRuby-mswin32がおすすめです。 あとは適当なフォルダに proxy.rb をコピーして、その
CSSで自動生成ドキュメント·CSS Doc MOONGIFT
CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマンド一つでソースドキュメントを生成できるようになる。 CSSファイルからドキュメントを生成 同様の仕組みはデザイナーの方にとっても大事かもしれない。特に修正していく内に入れ子になったり、情報が散在して分かりづらくなってしまうCSSはそうだ。そこで使えるのがCSS Docだ。CSS Docを使うと、CSSファイルを解析して、複数ファイルのドキュメントを生成してくれる。 内容はCSSファイルの内容に関する一覧と、タグやクラスの一覧に対する定義箇所を一覧にしてくれる。デザイン上は特に意味はないと思われるが、ル
Sassから自動でCSSを生成する·saag MOONGIFT
CSSをそのまま書くのは面倒というのは誰しもが感じる所だろう。そこで最近では構造化されたCSSを作成し、変換プログラムを介して別なフォーマットにするという類のソフトウェアが幾つか登場している。PythonではCleverCSS、RubyではSassやLessが知られている。 下がSass、上がCSS だがいずれのフォーマットも変換プログラムを使わなければブラウザに読み取らせることはできない。ファイルを編集するたびに変換プログラムを実行するなんて手間だ、そこで使うのがsaagだ。 今回紹介するオープンソース・ソフトウェアはsaag、Sassファイルを監視して変換するソフトウェアだ。 saagは入力としてSassのあるディレクトリを指定し、出力としてCSSファイルを出力するディレクトリを指定する。後はSassファイルを編集すると自動的に感知してCSSファイルを生成する仕組みだ。Sassファイル
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を使うと
はてなブログ | 無料ブログを作成しよう
新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…
Route 477(2009-05-12)
■ [ramaze] Ramazeの読みは「ラマゼ」で合ってるのか Ruby Freaks Lounge：第11回 自由なWebフレームワーク，Ramaze｜gihyo.jp … 技術評論社 manveruさんは「らめぃず」と発音してたよ？ ＞Ramaze（「ラマゼ」と読みます） [はてなブックマーク - Ruby Freaks Lounge：第11回 自由なWebフレームワーク，Ramaze｜gihyo.jp … 技術評論社より引用] 一応、 リニューアル前のramaze.netで、左上のロゴに片仮名で「ラマゼ」と書かれてたのと、 インタビューの it’s called Ramaze (pronounced ra-ma-ze, Japanese style, even if the name comes from Ruby-Amaze). [Ramaze: a Ruby framewor
nokogiri Documentation
nokogiri.rubyforge.org/ github.com/tenderlove/nokogiri/wikis github.com/tenderlove/nokogiri/tree/master rubyforge.org/mailman/listinfo/nokogiri-talk nokogiri.lighthouseapp.com/projects/19607-nokogiri/overview DESCRIPTION: Nokogiri (鋸) is an HTML, XML, SAX, and Reader parser. FEATURES: XPath support for document searching CSS3 selector support for document searching XML/HTML builder Drop in replace
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ページを開く
GitHub - brianmario/escape_utils: Faster string escaping routines for your ruby apps
LESS と Sass で CSS をより簡潔にする