[B! mac][web制作] monchytailのブックマーク

Introduction to Sass and How to Setup with Mac + Coda

2014年7月31日 CSS, 便利ツール「Sass」って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない！」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換（コンパイル）してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する

monchytail 2012/06/27

リンク

プログラミングやコンソールアプリケーションに最適なフォント「Ricty」＃LOVEFONT | Sinack

今回、WEBCRE8の@glatyouさんが先日＃LOVEFONTというみんなで自分の好きなフォントについて語ろう！な感じの企画記事を書かれていて恐れ多くも、しんさんもよかったらどうですか？とお声をかけていただいたのでせっかくなので書いてみたいと思います。「Ricty」ってどんなフォントなのかプログラミング用フォントとして作られている「Ricty」は全角の日本語部分にはゴシックフォントの「Migu 1M」ラテン文字にはサンセリフの欧文フォント「Inconsolata」が使われた、合成フォントです。もちろんただくっつけたというわけではなく、半角文字と全角文字の横幅の比が 1:2 に調整されていたりといったプログラミングに適したチューニングがされています。気に入っている点何と言っても、ソースが読みやすい・書きやすいのこれに尽きます。理由として、全角のスペースがフォン

monchytail 2011/11/26

リンク

MacでWebデザイン、あると便利なアプリ48＋2 | gaspanik weblog

最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。今回は各種

monchytail 2011/09/08

リンク

Dropbox で同期する XAMPP ローカル環境。どこでも開発！どこでも最新！

おでこです。自宅では Windows のデスクトップマシン、出先や勉強会では MacBook Air を使っているのですが、それぞれに作っている XAMPP のローカル環境がバラバラなのがずっと不満でした。勉強会で一からローカル環境作り直したり。自宅と MBA で同じバージョンの WordPress を2回もインストールしたり。でも、そんなこととももうおさらば！Dropbox を使ってローカル環境を同期することにしてみました。具体的な手順は以下をご覧あれ。 XAMPP のファイル構成は OS によってまったく違う複数クライアントの XAMPP 環境の同期と聞いて、「そんなの XAMPP フォルダを Dropbox フォルダに入れて同期すれば終了だろ、JK」と思う方もいるかもしれません。XAMPP 環境を扱うクライアントがすべて同じ OS であればこの方法でも解決できますが、Windo