タグ

WEB制作とcodaに関するpopup-desktopのブックマーク (4)

  • 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ファイルを変換する

    Introduction to Sass and How to Setup with Mac + Coda
  • Coda 2 ファーストインプレッション

    Coda 2 が5月24日の0時に発売され、「日限り半額(App Storeで ¥4,300)」ということで、発売直後から Twitter でだいぶ盛り上がってましたね。 私もせっかくなので、半額のうちに買いました。 最近はスクールの準備でちょっと忙しいし、レビューは後日でもいいかなーと思ってたところ Webクリエイターボックス の Mana さんに下記のように脅されたため、泣きながらこの記事を書きました。 @stocker_jp 皆がCoda2のレビュー書かないのは、日中にナツキさんがうpするレビュー記事を見てから購入予定だからですよ :) ホレホレ…ン? — Manaさん (@chibimana) 5月 24, 2012 結論から言うと、Coda 2 はかなり気に入りました。 これは、特に CSS 書くのが速くなるのではないでしょうか。 実は私は Coda は体験版しか使ったことが

    Coda 2 ファーストインプレッション
  • MacでコーディングするならCoda2!DreamWeaverから切り替えた使用感などをレビュー! | PLUS

    福岡を拠点にWebサイト制作・iPhoneアプリ制作を行うフリーランス 入江慎吾のWebサイト。 PLUSはワクワクするWebサービスiPhoneアプリを制作しています。 Macでは有名なエディタCodaがメジャーアップデートされ、Coda2が出ました!あわせてiPadアプリのDiet Codaも出ていて、iPadでもコーディングができる時代に。DreamWeaverを使っていましたが、前から気になっていたCodaをこの機会に使ってみようと思い、購入しましたので使い勝手などをご紹介します。 Coda2で何ができる!? ほぼDreamWeaverと同じことができます。 ・HTMLCSS、JS、PHPRubyなど言語を問わずコーディングができる ・MySQLのかんたんな管理ができる(簡易版phpMyAdminみたいなもの) ・FTP機能もついている ・SSHも使える 動作が軽

  • MdN Design|総合情報サイト

    テキストエディタ「Coda」【1】には、「クリップ」という機能がある。これはOSの単語登録のようによく使うソースコードを登録しておき、「文字列+Tabキー」で簡単にそのソースを記述できるという機能だ。Dreamweaverにおけるスニペットという機能に当たる。よく使う<div>タグや<p>タグ、見出しタグ、<img>タグなどは一から書き始めてコード補完で入力していく場合が多いだろう。しかし、クリップに登録しておくと、たとえば、<p>タグの開始タグと終了タグを挿入したい場合、P+tabキーを入力することで「<p></p>」というソースを挿入できる。しかも、開始タグと終了タグの間にカーソルを置いたままにしておけるため、すぐに中のソースを書き始められる。「ウインドウ/クリップ(command+control+Cキー)」でパネルを開いて、「+」をクリックしてクリップを登録しよう。ソースを入力したあ

    MdN Design|総合情報サイト
  • 1