タグ

2016年5月20日のブックマーク (6件)

  • Brackets おすすめエクステンション集・解説 - Qiita

    Qiita上の内容を集約し、大幅に修正・加筆したものをとして出版しました。 →ブログ:Bracketsの解説書を出版しました 基的な使い方 こちらにて別途紹介しています。 →Bracketsの機能紹介、使い方解説 →Bracketsショートカット集 カテゴリ一覧 必ず入れておきたいもの ソースコード関連-全般 ソースコード関連-HTML/CSS ソースコード関連-JS/PHP、その他 画像・デザインデータ連携系 挙動改善系 機能拡張系 という形でカテゴリ分けをしています。 ※各エクステンションまだまだ機能をフルに使い切れてないところもありますので、何卒ご容赦ください。。。 必ず入れておきたいもの Extensions Rating 拡張機能一覧画面において、ソート可能にしたり各エクステンションの作者のアイコン・DL数・スター数等の情報を表示してくれます。 これにより、拡張機能がとても探

    Brackets おすすめエクステンション集・解説 - Qiita
  • Web制作が爆捗するBracketsプラグイン13選&便利なプラグインを探すコツ

    OSSのテキストエディター「Brackets」で使える、Web制作に便利なプラグインを紹介し、拡張機能マネージャーの使い方や便利なプラグインを探すコツ、プラグインのインストール方法について解説する。 OSSのテキストエディターの豊富なプラグインをいろいろと使ってみよう OSSのテキストエディター「Brackets」は、拡張が容易に行えて好みの環境にカスタマイズしやすいのが特徴の一つだ。 筆者は、以前の記事でもBracketsの使い方について紹介したが、今回はBracketsのお勧めプラグイン(拡張機能)を紹介していこう。 その前に、Bracketsでプラグインをインストールする「拡張機能マネージャー」を紹介しておく。 Bracketsの「拡張機能マネージャー」とは Bracketsでは「拡張機能マネージャー」を利用してプラグインのインストールやアンインストールができる。「拡張機能マネージャ

    Web制作が爆捗するBracketsプラグイン13選&便利なプラグインを探すコツ
  • 無料エディター「Brackets」にも恋に落ちた

    先日から、Adobe提供の無料開発エディター「Brackets」を使っています。 僕はこれまで、Wordpressテーマの開発などは「恋に落ちるエディター」のキャッチフレーズでおなじみのSublime Text 3を利用してきました。Sublime Textは、そのキャッチフレーズ通りの素晴らしいエディターです。 けれど、初めてBracketsをインストールして少し使ってみた瞬間から、「これは!」と、Sublime Textを初めて使った時と負けないぐらいの衝撃を受けました。 Bracketsも、Sublime Textと同様拡張で様々な機能を追加できるようになっています。けれどまず今回はデフォルト機能だけで気に入った部分を紹介したいと思います。 Bracketsとは Bracketsは、HTMLCSSJavaScriptで開発されているオープンソースコードエディターです。Window

    無料エディター「Brackets」にも恋に落ちた
  • スライス不要!psdデザインカンプからBracketsでスピーディーにコーディングする方法|dwango creators' blog(ドワンゴクリエイターズブログ)

    ハロー、エブリデイハロー。 ドワンゴデザイナーのジェイだ。 今日もハイテンションなジェイタイムがやってきた。 寒くなってきたが、みんなは元気かい? そうか。元気そうでよかったよ。 トゥデイは「Bracketsというコードエディタを使ったpsdファイルから効率よくコーディングする方法」をエブリワンに伝えたい。ちなみにBracketsは「ブラケッツ」と読むんだぜ。今日からブラケッツ・ジェイと呼んでくれ。 よく使っていたデザインツール 今回はpsdファイルを使って、Bracketsでコーディングするテクニックを伝えるわけだが、これまではSketchとSublime Textを使っていたんだ。そもそもなぜこれらのツールを利用していたのに、Bracketsを導入することになったのかをお話したい。 Sketchを利用しているわけ 軽い、すごく軽い UIが直感的でわかりやすい Webでの画像表現が減った

    スライス不要!psdデザインカンプからBracketsでスピーディーにコーディングする方法|dwango creators' blog(ドワンゴクリエイターズブログ)
  • 【超おすすめ!!】Atomのパッケージ、テーマ、キーバインディング、設定を紹介してみる(※随時更新) - Qiita

    この記事を読む前に… Atomの開発終了が発表されました。 良ければ下記記事を参考に別のエディターを使う事をお勧めします。 前置き 【Atom】Web開発者達によるWeb開発者の為のエディターについて 前回の投稿↑で書いた、おすすめパッケージに加えて、おすすめのテーマ、キーバインディング、設定を紹介していきたいと思います! 下の方に一括インストール用のテキストと、説明を用意したので、気に入って頂けたなら是非それでインストールしてみて下さい。 また、「このパッケージ便利だよー」みたいなのがあれば、是非コメントで教えて下さーい。 (`・ω・´)b ※最近はRails等のRuby関連の仕事が多いので、これから紹介するパッケージもそっち寄りの物が多いです。 追記: 凄いストックされてるーw Σ(´ @ ω @ `) ストック、はてブ、ツイート等、皆さん、ありがとうございます! Atomを使うなら絶

    【超おすすめ!!】Atomのパッケージ、テーマ、キーバインディング、設定を紹介してみる(※随時更新) - Qiita
    y-103
    y-103 2016/05/20
  • 乗り換え安心、SublimeTextからAtom移行してみて感じた違い|dwango creators' blog(ドワンゴクリエイターズブログ)

    ドーモ、デザイナーのigguです。 ドワンゴでもっぱらエンジニアと連携しながらWebサービスやツールのUIをデザイン/実装したりしています。 今日のお話 僕は2012年8月ごろから3年間ほどSublimeTextを使っていました。その前はDreamweaverです。DreamweaverにおけるGUI中心の環境はマウスとキーボードを行き来する場面が多く、ストレスになっていました。加えてSASSやLESSのメタ言語を使い始めていたのでそれが扱えるキーボード主体で高速なエディタが無いかなーと探していた所でSublimeTextに乗り換えたわけです。 からの・・・約2ヶ月前でした。 そろそろSublimeText飽きたなーと思っていた所に、以前Betaを試したっきり放置していたAtomがにわかに盛り上がっている模様をキャッチ、物は試しとメインエディタをSublimeText (以下Sublime

    乗り換え安心、SublimeTextからAtom移行してみて感じた違い|dwango creators' blog(ドワンゴクリエイターズブログ)