[B! sass][ruby] clavierのブックマーク

[Rails] TwitterBootstrapとSassとAssetPipeline - Qiita

Ruby on Rails Tutorialのエッセンスを自分なりに整理してみる5 [Ruby基礎] ブロックとProcをちゃんと理解する http://qiita.com/kidachi_/it ems/15cfee9ec66804c3afd2 の続き。 Ruby on Rails Tutorial（chapter5） http://railstutorial.jp/chapters/filling-in-the-layout#sec-layout_exercises Twitter Bootstrapの導入 Bootstrapでは、動的なCSS生成のためにLESSを使用している。一方でRailsのAssetPipeline（詳細後述）はデフォルトではSassをサポートする。 →bootstrap-sass（gem）を導入し、Sassベースで扱えるようにする。 source 'https:

clavier 2015/12/05

リンク

最近のRubyなWebアプリの構成

私が運用しているWebアプリ (Perfume Headlineとかこのブログとか) で使っているライブラリなどを紹介します。つまり、最近とは最近流行りという意味ではなく、あくまで最近私が使っているという意味に過ぎません。あしからず。紹介するのは以下のものです。こうやって並べるとほんとにたくさんのソフトウェアに支えられていることがわかりますね。感謝しながら使いたいですね。 Webアプリケーションフレームワーク Sinatra データベース SQLite DataMapper テンプレートエンジン Haml Sass Compass アセット管理 sprockets sprockets-sass sprockets-helpers 管理用コマンド Thor バッチ rufus-scheduler プロセス起動 foreman 死活監視 daemontools デプロイ Git Webサーバ

clavier 2015/07/27

最近のRubyなWebアプリの構成 | monoの開発ブログ

ruby

リンク

Ruby Hiroba P4D（Webデザインを学びたいRubyistのための）参加 - kumamidoriの日記

開発コミュニティの独特の雰囲気に触れられて、良い一日でした。参加前に思ったこととかインターン先のRailsサービスは、フロントがSass/Haml 。自分は見慣れていない感じです。 Ruby Hiroba のP4D（デザイナー向けプログラム部）は、@machidaさんや @ayumikoさんがスタッフをされているそうで、ぜひ参加してみたいと思いました。告知を見て、「前提知識は、Ruby、SassとCompassなのだろう」とあたりをつけた。 Ruby 環境はある。sass/compassは、無知・・・。→前日にドットインストールを見てさわりを理解した。 Sass/SCSS入門 Compass入門 Ruby Hiroba P4D こんなに可愛いステッカーを差し置いて、カツオのステッカーは残念ながらすでに売り切れ。素敵スライドが公開されているので、本編についてはこちらには書きません。

clavier 2013/06/04

リンク

Rubyistのためのズルいデザインハンズオン in RubyHiroba P4D ワークショップ

ズルいデザインを使った Rails 用 gem "zurui-sass-rails" の使って、実際にデザインの作り方を体験できるハンズオンです。体験用レポジトリ https://github.com/prog4designer/zurui-hands-on zurui-sass-rai…

clavier 2013/06/03

リンク

Ruby で Sass のカスタム関数を書く

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 ファイルに直接定義するのとは違って別フ

clavier 2013/05/26

リンク

scss (sass) + compassがスーパー便利でびっくりしすぎて今さら環境を作ったり。Koalaで。 – 林家次男

Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/ho2/hayashikejinan.com/public_html/wp-includes/functions.php on line 6078

clavier 2013/04/30

リンク

Sass + Compass の基本導入と設定ファイル config.rb について

明けましておめでとうございます！今年もどうぞよろしくお願いいたします。 2013 年は、26 年ぶりに 4 つ全ての数字が異なっているみたいですね。みなさんどのようなお正月をお過ごしでしょうか。私は寝正月を大満喫しました。さて、Windows でも Mac でも Sass + Compass 環境ならば config.rb で設定が書けるので、今日はそれについて。「Sass とは何か？」「Compass とは何か？」は省きます。インストールから設定、楽して監視開始、あたりを。 Sass + Compass を使うには？まず基本のとこから一応さらっと！最近は簡単な方法もたくさん出ていますが、地道にやるならば Ruby（と RubyGems）を入れて、Sass と Compass を入れて、となります。 Ruby + RubyGem インストール Windows だったら RubyFor

clavier 2013/01/04

リンク

Railsプログラマはこれを入れればすぐにズルいデザインをはじめられます！ | mah365

先日のプログラマ向けデザイン勉強会で発表された「少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック」（by 赤塚さん）の中に書かれていたSassのMixinをRailsで使えるGemにしてみました。 zurui-sass-rails: https://github.com/mahm/zurui-sass-rails sample: http://zurui-sample.herokuapp.com/ うおおずるい！ｗ RT @mah_lab: .@ken_c_lo さんのズルいデザインをGemにしてみました。 github.com/mahm/zurui-sas… サンプルはこちら zurui-sample.herokuapp.com (based on github.com/machida/Custom…) — TAEさん (@ken_c_lo) 11月 7, 2012 @m