半年ほど前から良く話題になるSassとかLessとかってなんだろうなーって思いつつめんどくさそうだからこの手の記事は回避していました。 ですが、いつものようにTwitterでつぶやいていたらSassかなり良いよって言われて 「へーそうなんだ〜」と興味を持ち始めて 少しずつですが記事を読みあさりながらSassってこうゆう感じなんだーっていうのが掴みかけてきたので記事にしたいと思います。 Coda2で検索して来た方へ この記事ではCoda2の事についてあまり触れていません。ですが、こちらの記事でがっつりcoda2の魅力を語っていますので是非ご覧になって下さい。 参考記事：Coda2の使い方をマスター出来るチュートリアル[完全版] Sassってなーに? CSSを拡張しよう!っていう感じのメタ言語らしいです!サスって読むらしいです。なんだか僕的にはいい響き!「ググる」とかと似ているかも。「Sass
2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない！」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは 日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換（コンパイル）してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する
福岡を拠点にWebサイト制作・iPhoneアプリ制作を行うフリーランス 入江慎吾のWebサイト。 PLUSはワクワクするWebサービスやiPhoneアプリを制作しています。 Macでは有名なエディタCodaがメジャーアップデートされ、Coda2が出ました！あわせてiPadアプリのDiet Codaも出ていて、iPadでもコーディングができる時代に。DreamWeaverを使っていましたが、前から気になっていたCodaをこの機会に使ってみようと思い、購入しましたので使い勝手などをご紹介します。 Coda2で何ができる！？ ほぼDreamWeaverと同じことができます。 ・HTML、CSS、JS、PHP、Rubyなど言語を問わずコーディングができる ・MySQLのかんたんな管理ができる(簡易版phpMyAdminみたいなもの) ・FTP機能もついている ・SSHも使える 動作が軽
2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして
先日紹介したWebオーサリングツール「Coda」ですが（オフィシャルではCODAと紹介されてますが、アプリを立ち上げるとCodaとなっているのでそっちに統一します）、とっても使える機能「クリップ」の使い方を紹介します。 クリップと言うのはDreamweaverで言うところのスニペットですが、このスニペット自体を使っていない、知らない人ってのも案外多いんじゃないかと思います。スニペット（あるいはクリップ）は使用頻度の高いHTMLソースやCSSの記述をあらかじめ登録しておいて好きな時に埋め込むことができる機能です。 CSSでコーディングをしていると background:url(../img/hogehoge.jpg) top left no-repeat; なんて記述を頻繁に使いますが、コード補完機能を使っても入力するのは結構めんどい。そんな記述をスニペットに登録しておけば一発で入力して
CSSやJavaScriptが多用されるようになり、一般的なオーサリングツールでは求めるデザインが容易にはうまくいかなくなっている。そのため技術者の場合は手打ちでHTMLを描く人も多いはずだ。だが、面倒なのは確かだ。 各種エディタで利用可能 もっとシンプルにタグ入力を行いたい、そう考える方に使ってみて欲しいのがZen-codingだ。 今回紹介するオープンソース・ソフトウェアはZen-coding、各種エディタと連携するHTML/CSS補完ライブラリだ。 Zen-codingは単なる入力補完ではない。その書き方が変わっていて、div#headerと書けば、<div id="header"></div>に展開される。もちろんクラスの場合はドットでつなげば良い。複数のクラス指定も可能になっている。詳しくは下記のチュートリアル動画を参考にされたい。なおTextMateで試したところ、一部うまくい
web book movieCodaのzen-codingが、Deprecatedになってしまってどうしたものかと思っていたら、 TEA for Codaになっていて、しかも、すでにTEA for Codaはインストールされていたという、 どうしようもない感じですが、zen-codingは便利です。 ただ、html/xhtmlのドキュメントタイプが、lang=”en”みたいになっていて、 よろしくないので、補完リストをカスタマイズしてみます。 変更するファイルは、 TEA for Coda.codaplugin/Support/Library/zencoding/zen_settings.py になります。 zen_settings.py L11 'variables': { 'lang': 'en', 'locale': 'en-US', 'charset': 'UTF-8
先日をぞーくんに教えてもらった Zen-Coding、Coda でも使えるとのことで試してみました。 Downloads から Zen Coding for Coda v0.3 (Universal Binary) をダウンロード。 解凍すると ZenCoding.codaplugin というファイルが出てくるので、ダブルクリックで Coda が起動してプラグインがインストールされます。 続きを読む Coda で Zen-Coding を使う
source code TEA for Coda is free, open source, and requires Coda 1.6.3+ and Mac OS X 10.5+. Recent changes v2.0b3 – Jan 6, 2010 Merges in Serge’s zen coding improvements, including tag balancing, Wrap With Abbreviation, and more and reorganizes the menus and shortcuts for more sane access to the actions. View change log Text Editor Actions for Coda I am no longer maintaining TEA for Coda (here’s w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く