タグ

Codaに関するgoemoonのブックマーク (4)

  • DreamweaverからCodaに変えました

    2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか?きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。当におすすめです! ↑私が10年以上利用している会計ソフト! Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて!ちなみに私はCoda英語版をインストールして

    DreamweaverからCodaに変えました
  • CODAにZEN CORDINGとLESSを設定&オリジナルカスタマイズ(OSX10.6) | WordPressTest

    CODAを設定 最近WEBセミナーに行くと、DW離れしているスピーカーさんたちを多かったので、 ちょっと憧れもありCODAを使うことにしてみました。 http://www.panic.com/jp/coda/ エディターごときフリーシェアじゃなければ使わないという世の中で、まさかの8500円。 購入フォームにあるコードクーポンがどっかに落ちてないか探してみたが見当たらず、購入するかどうかしばらく悩んでみる。 それでも、玄人さん方々が愛用されていることを考えると、使い勝手が良いのだろうと、頑張って奮発してみた。 ふむふむ。起動が早くサイドバーでリモート環境が手軽に扱える。 このフットワークの軽さは一見の価値アリ。ちょっとした修正ならこちらが便利。と誰かが言っていたので頑張って慣れてみよう。 control+⌘+B FTPのサイドメニューを表示 control+⌘+L 画面を分割(複数分

    goemoon
    goemoon 2012/11/21
    ZEN CORDING
  • コーディングのスピードを上げる為の6つの方法

    2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います! ↑私が10年以上利用している会計ソフト! 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の

    コーディングのスピードを上げる為の6つの方法
  • せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ

    去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙(@xxmiz0rexx)です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが

    せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ
  • 1