せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが
Coda 2 ファーストインプレッション
Coda 2 が5月24日の0時に発売され、「本日限り半額（App Storeで ¥4,300）」ということで、発売直後から Twitter でだいぶ盛り上がってましたね。 私もせっかくなので、半額のうちに買いました。 最近はスクールの準備でちょっと忙しいし、レビューは後日でもいいかなーと思ってたところ Webクリエイターボックス の Mana さんに下記のように脅されたため、泣きながらこの記事を書きました。 @stocker_jp 皆がCoda2のレビュー書かないのは、本日中にナツキさんがうｐするレビュー記事を見てから購入予定だからですよ :) ﾎﾚﾎﾚ…ﾝ? — Manaさん (@chibimana) 5月 24, 2012 結論から言うと、Coda 2 はかなり気に入りました。 これは、特に CSS 書くのが速くなるのではないでしょうか。 実は私は Coda は体験版しか使ったことが
Codaを入れたらまず行っている設定｜1bit::memo
いろいろなエディタ環境を触ってみて、結果的にcoda（時々dreamweaver）に行き着いたわけですが、今回は自分好みのカスタマイズにするためのメモをしておこうと思います。 1.Codaのダウンロード パニック・ジャパン – Coda – Mac OS X 用 シングルウインドウ Web 構築環境 2.CodaにWordpressのシンタックスモードを入れる プラグインはこちらからダウンロードする。「WordPress Mode » Pradador.com」 ダウンロードし、回答して出来た「WordPress.mode」のフォルダ丸ごとを 「/Users/ユーザー名/Library/Application Support/Coda/Modes」にコピーする。 3.Zencodingを入れる プラグインはこちらからダウンロードする。「TEA for Coda | One Crayon」
検索ハブがJavaScriptに対応！各種ブックマークレットを登録したらブログ執筆が恐ろしく捗るようになった。 | Yu_notes.
Magnifier glass and money Photo by Images_of_Money どうも！ブログ執筆はほぼiPhoneなYuichi(@flavour47)です。 検索ハブが先日のアップデートにてJavaScriptをアプリ内で実行出来るようになりましたので、ブックマークレットを色々と登録してみたところ、ブログ執筆がグッと捗りそうな環境が出来上がりましたのでご紹介します。 ブックマークレットを登録してみる iPhoneでのブログ執筆に欠かせないのが@hiro45jpさん作のAppHtml、ShareHtmlなどのいわゆる神ブックマークレットなんですが、この便利なブックマークレットをよりサクッと使いたい場合は検索ハブがオススメというお話です。 設定から検索エンジンを追加できますので各種ブックマークレットをサクッと登録しちゃいましょう。 僕の場合、こんな感じに登録してみまし
WEB制作に役立つジェネレーターの数々！ツールまとめサイト含め最近のお勧めを一挙ご紹介！ | バンクーバーのうぇぶ屋
皆さんはWEB制作の過程で何かジェネレーターの類とか使ってますか？使う派使わない派と別れるところかもしれませんが、僕はかなりヘビーに使う派。それも一個のジェネレーターに留まったことはほぼ無く、毎月、下手すりゃ毎週のように新しいジェネレーター試しては便利そうなら周りと共有してといったことを繰り返してきました。 飽きっぽいと言えば飽きっぽい、他にももっと良いのあるんじゃないかとあっちへ行き、もっと良いのあるよと言われればそっちへ行き、こっちの方がおいしいよと言われればホイホイ試してみる・・・・・なんか駄目な人間みたいですが気にしない方向で行きます！ というわけで、僕が最近使ってみたり、教えてもらったりしたジェネレーター関連。ボチボチごちゃついて来たのと、このブログでまだ紹介してない物も色々あったし、2012年5月現在使っているジェネレーターの類を一度振り返りながらまとめてみようと思います！ 良
最近, 気になったこと...: TextExpander用ShareHTMLスニペット
2012/05/23 TextExpander用ShareHTMLスニペット TextExpander 使っていますか？ ソースやブログを書いたりする時に TextExpander を使うととても効率的です。 TextExpander とは、あらかじめ登録しておいた短縮文字(スニペット)を入力することで定型文を自動で展開してくれる入力補助ツールです。 TextExpander for Mac 3.4.2 (￥3,000) カテゴリ: 仕事効率化, ユーティリティ 販売元: SmileOnMyMac, LLC - SmileOnMyMac, LLC（サイズ: 5.2 MB） 今回はこのツールを使って かの有名な @hiro45jp さん作 ShareHTML と同じ動きをするスニペットを作りました。これのおかげでマウス(というかトラックパッド)を使う回数が減って、非常に効率が良く
[備忘録]ブログトップに、位置固定のソーシャルボタンとサイト内検索フォーム内蔵バーを配置してみた
これね。 どこまでスクロールしても追ってくる、その執念たるや…！！ 鬼畜の所業！ ちなみにhoverでアイコンの色が変化するのですが、こちらはCSSではなくjqueryで実装してみました。 少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス [html] $(function(){ $(‘a img’).hover(function(){ $(this).attr(‘src’, $(this).attr(‘src’).replace(‘_off’, ‘_on’)); }, function(){ if (!$(this).hasClass(‘currentPage’)) { $(this).attr(‘src’, $(this).attr(‘src’).replace(‘_on’, ‘_off’)); } }); }); [/html] 上のコードを、一切手を
![[備忘録]ブログトップに、位置固定のソーシャルボタンとサイト内検索フォーム内蔵バーを配置してみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/f4de9373454dc54bcf558fa66ef45546c9a3d6a5/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20120523-2014342.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レトロなデザインが素敵なスマートフォン・ウェブサイトのUIのまとめ