CSS Nite in KOBE, Vol.8 「デバイス多様化時代に備えるWeb制作環境の効率化」参加レポート [ 紹介されたツールのまとめ付き ]｜ふにろぐ

2015/04/28 32 users CSS Nite in KOBE ツール ロク 参加レポート

CSS Nite in KOBE, Vol.8 「デバイス多様化時代に備えるWeb制作環境の効率化」参加レポート [ 紹介されたツールのまとめ付き ] 2015/04/28(火) 2015年4月24日（金）に新神戸のplug078 コワーキングスペースで行われたCSS Nite in KOBE, Vol.8 「デバイス多様化時代に備えるWeb制作環境の効率化」に参加してきました。 今回の講師は、こ... 続きを読む

SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #3 ｜ クラスメソッド開発ブログ

2013/02/04 20 users Sinatra Haml SCSS CoffeeScript

さて本シリーズ第三回です。 前回はhaml、scss、coffeescriptのコンパイルを正規表現で省略したり、hamlのレイアウトを変更する方法を紹介させて頂きました。 今回はコンパイル済みのhtml、css、javascriptをまとめて保存するスクリプトを紹介してみようと思います。 rakeをインストールする rubyでは自動化したいタスクがある場合、rakeというビルドツールを使用します... 続きを読む

SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #2 ｜ クラスメソッド開発ブログ

2013/01/29 30 users Sinatra Haml CoffeeScript SCSS

前回はRubyのインストールから簡単に各メタ言語の使い方を紹介させて頂きました。今回は応用編を紹介したいと思います。 コンパイルする記述を一つにまとめる 前回紹介した方法は一番シンプルな方法でした。GETリクエストとパスの組み合わせに一つのhamlファイルを紐付けているため、このままではファイルが増える毎に記述をコピペしなくてはいけません。 get '/' do haml :index end #... 続きを読む

SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 ｜ クラスメソッド開発ブログ

2013/01/28 95 users Sinatra Haml SCSS CoffeeScript

こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまい... 続きを読む

有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳

2007/06/28 2224 users 有料 ネタ帳 ブックマークまとめ ホームページ デザイン作業

今回はデザインという分野の作業を極力省く為のジェネレータを多く収録。 有料のソフト等と同様の力を持つオープンソースのフリーソフトもプラスしてあります。 WEB制作環境 aptana 優れたWEBページの作成支援ソフトであるDreamweaverと同等の機能を持つオープンソースアプリケーション。 レビュー記事はGIGAGINEで CSSVista CSSVistaというフリーソフト。 Interne... 続きを読む