shigiryouのブックマーク - はてなブックマーク

CSSをシンプルに書くことができるLESS使ってみた
Posted: 2011.12.13 / Category: HTML&CSS / Tag: LESS CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。 LESSを使えばプログラム的な書き方ができるので、ムダなく効率的に管理できるみたいです。ネスト（階層）化できるたとえばこんなCSSがあります。 css div.section { width: 500px; margin: 0 auto; border: solid 1px #999; padding: 1px; } div.section h3 { background: #999; font-size: 131%; padding: 10px; } div.section h3 a { color: #fff; } div.section h3 a:hove
shigiryou 2014/05/03
CSS

LESS
リンク
WindowsにCompassをインストールしてSASS/SCSS環境を構築する
SASSはRubyのgem（プログラム）なります。 Macには最初からRubyが入っているのですが、Windowsだと入っていないのでインストールしましょう。インストーラーを使用すると簡単です。下記URLからダンロードしてください。ここでは現時点で最新版の「Ruby 2.0.0-p0」をダウンロードしてみます。 RubyInstaller インストールするときに、環境変数のPATHをチェックしておきます。スタートアップメニューの「アクセサリ」から「コマンドプロンプト」を起動します。 ruby -v と入力して ruby 2.0.0p0 と表示されたらインストール完了です。 Compassのインストール「コマンドプロンプト」から下記のコマンドを順に実行します。 gem update --system gem install compass 下記コマンドでインストールされたか確認し
shigiryou 2014/03/21
Compass
リンク
VagrantでローカルにPHP開発環境を構築してみた
Posted: 2013.11.13 / Category: 開発環境 / Tag: Laravel Vagrantとかいうのを使うと仮想サーバーが簡単に構築できるらしいのでやってみました。 VirtualBoxのダウンロード Vagrantを使うにはVirtualBoxが必要なので最初にインストールしておきます。下記からWindowsやMac版などありますので、それぞれの環境にあったものをダウンロードします。ここでは「VirtualBox 4.2.18 for OS X hosts」を使用します。 Downloads – Oracle VM VirtualBox Vagrantのダウンロード Vagrantをインストールします。下記からダウンロードしましょう。ここでは「v1.3.4」を使用します。 Vagrant Downloads インストールが完了したらターミナルなどで下記コマ
shigiryou 2013/11/14
リンク
1