See related links to what you are looking for.
See related links to what you are looking for.
本日が決算日の@cappeeです。 Sublime Text 2 + Sass(SCSS) + Compass + Emmet(Zen-Coding) 最強説! ついにたどり着いてしまったかもしれません。 今話題にもなっている通り上の4つがタッグを組むことでものすごい効率的にコーディングができます。(そこまでまだ使いこなしてないので、正しくは「できそうです」。) せっかくなので導入するにあたり参考にさせていただいたサイトのまとめとつまづいたところなどをメモしておきたいと思います。 導入のキッカケ 話題すぎるほど人気のツールですので導入を検討するために調べてみたりはみなさんすでにしているかと思います。 私はDreamweaverを使用していてEmmet(Zen-Coding)は今までも活用してきたので、さらなるスピードアップを求めてSass+Compassの導入をしようと思っていました。 S
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある
この度、『Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ』という書籍の執筆に参加しました。どうぞよろしくお願いします。 で、この書籍のテーマがSublime Textですので、企画としてみなさんのSublime Textを見せていただきたい!ということになり、そのやり方をご案内します。 Sublime Text というエディターはカスタマイズ性が非常に高いことが売りですので、利用されるみなさんもテーマなどを選んで使っている人も多いと思います。人それぞれ千差万別、がある意味Sublime Textの魅力でもあるので、書籍の発売を記念してこの書籍のFacebookページにみなさんのSublime Textの画面を投稿していただきたい!というのが趣旨です。 ただ、実際のソースコードなど、業務で書いているものなどではいろいろと支障があるので、今
Beginner’s Guide to WordPress Multisite with MAMP According to BuiltWith.com, WordPress is the most popular publishing platform with more than 8 million website using it... Read more Step 1: Enable Sublime Text Command Line First, since I’m using Sublime Text, I want to enable the Sublime Text command line so I can open files and folders through Terminal and edit them within Sublime Text. Here’s h
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2(Windows, Mac)を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
旦那がアルマジロに殺されて1年が経ちました〜、風ではじめてすみません。今から1年ほど前、ボクは以下の記事を書いて投稿しました。 いまどき「npm install ホニャララ」ばっかりなんですから。 → パッケージで管理するということ あれから1年、どちらかといえば導入障壁の低そうな地方を中心に作業効率化の話をしてきました。それは自分自身が小規模の制作者であること、印刷物からWeb制作をまとめて面倒見るような仕事をしてる人が地方にはまだまだ多いだろう。そして、都会と違って制作費の面においてもよりシビアではないか? そんな中にあって頭で考えることも手を動かすことも増えてきたわけで、これからの時代をどうやって生きていくかを考えなければなりません。これまでと同じではなく、これまで必要以上にかけていた時間や金銭面でのコストをかけないような制作手法を覚えることで、同じ単価でありながら納品物のクオリティ
こんばんは。小林です。 今回の記事は、下記を利用して開発されている方には、是非読んでいただきたい。 Sublime Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう!」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう! 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない
週末にSublimeText2を起動したらパッケージからテーマからおかしなことになってました。 どうやらPackageControlが2.0にアップデートされたのでその影響だと思います。 Twitterを見ていたら、お友達のフォロワーさんもなっていたので、Twitter検索したら私だけではない症状だったので直し方を共有します。 再インストールやパッケージを入れ直したりしなくても直せますので焦らずにー。 エラー画面 ちなみに画面がこんな感じになった。 ブフォォwww 終わったンゴwwwwwww 見た目でおかしくなったのがすぐ分かりましたが、その他のパッケージも色々使えなくなってました。 テーマのパッケージがPackageControlのアップデートで更新されたみたいです。 Packageフォルダ見ると、アルファベット順にどんどん更新されている。 直し方 前置きはどうでもいいとして、直し方です
Emmet には便利なショートカットキーがあるのでまとめておく。 Actions | Emmet Documentation Expand Abbreviation[SublimeText]Emmetで高速HTML/CSSコーディング HTML編 | DevAchieveで 説明した事ができる。詳しく書いているのでぜひ見てほしい。 Match Tag Pair[SublimeText2]Bracket Highlighterで括弧を強調表示する | DevAchieveの括弧内全選択のHTML限定版。 キーひとつで範囲広げたりできるのでHTMLメインならEmmetの方が便利。 Sublime Text 2 では単語選択のショートカットとかぶっているのためか、ショートカットキーが異なる。 Ctrl + d: 選択範囲拡大 Ctrl + j: 選択範囲縮小 Go to Matching Pai
Recommended Sublime Text 2 Packages for Web Developers. Update 「Browser Support」を追加しました。 2013 Spring & Summer こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。 ここに挙げたものは、類似のパッケージがあるものも存在するので、Package Controlや「Sublime Text Packages by the Community」などでキーワードで検索してみると良いでしょう。 LESS/Sass/SCSSなどCSSプリプロセッサの自動ビルド系パッケージは、あらかじめそれぞれの実行ファイルのインストールが必要、かつコンパイル先やコマンドの位置を設定ファイルに書く必要があります。 ※入れすぎると起動時
この記事は Sublime Text 2 Advent Calendar 2012 とは関係なく書いております。 いや、Sublime Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 記事書いてくれた @tomo_thumb さん、ありがとうございます m(_ _ )m ということで、Sublime Text 2 だけで Sass/Compass のコンパイルができるということで、黒い画面でコマンドゴニョゴニョしたり、いちいち Scout 立ち上げたりしなくてもよさそうなので、Sass/Compass の導入の敷居が少し下がりそうな感じですね。以下、Windows 環境での解説。 pack
Sublime Text 3 ベータ版が出た、というニュースが飛び込んできましたが、Sublime Text 2、あまり使い倒せてないので、すぐ食いついてないtanakaです。Personal License買ったのでインストールしましたけれども。 Sublime Text 2、常用はしてないですが、とても気が利いてるエディタですし、シェルから開く方法もあるということで、さっとテキストを編集するときは便利ですね。今回は正月休みにおこなった、プログラムを書くための設定についてまとめます。 Vintage(Vimライク・キーバインド)を有効に IDE系のVimキーバインドは使い勝手に難があるため有効にしてませんが、とりあえず、オンにして見ます。メニューバーのSublime Text 2→Preferences→Settings Userを選択すると、テキストファイルが開きます。ユーザごとの設定
結構多いですよね、「Sublime Text 2はプレビューできないの?」みたいな質問。仮にそれがHTMLなら「隣にブラウザ開いてればいいじゃん…」って思ったりするわけですが(いまどきはライブリロードもできるわけですし)。 と、そんな多くの方の悩みを“ある程度”解決できそうなパッケージ「Quick Look」というものが公開されていたので紹介を。OS Xには標準の機能としてありますよね?、クイックルック。あれです、あれ。つまり、残念ながらOS Xのみの対応でーす(笑)。 インストールは例によって、Package Controlから。サイドバーのファイルを右クリックしてメニューから選んでもいいですし、ファイルを選択した状態でコマンドパレットから呼び出してもオッケー。 HTMLはレンダリング状態で確認できますし(レスポンシブなんてのも可。ただし外部のWebフォントはロードされません)、ST2を
「Coda 2かSublime Text 2か」で、Web制作の開発環境でよく利用されるエディタについて話し合われた「CSS Nite After Dark」をレポートする 2012年11月9日、KDDIウェブコミュニケーションズ セミナールームで「CSS Nite After Dark(5)」が開催されました。CSS NiteはWeb制作に関わる方のためのセミナーイベントで、マークアップエンジニアやデザイナーの方が多く参加しています。今回のテーマは「Coda 2 VS Sublime Text 2」で、Web制作でよく利用されるエディタについての内容でした。 優雅に行こう! Coda 2で次世代のコーディングへ エイチツーオー・スペースのたにぐち まことさんから、「優雅に行こう! Coda 2で次世代のコーディングへ」というタイトルでCoda 2が紹介されました。 Coda 2はMac専
ウェブサイトやロゴは明らかに林檎の風ですよねえ Vim風コーディングが出来る!ということで、ちまたで噂のSublime Text 2をMacに入れてみました。 目次 Sublime Text 2を知ったキッカケ Sublime Text 2の入手方法 Vim風コーディングの設定 Package Controlのインストール Emmetのインストール LaTeXToolsのインストール (R言語のために)インタプリタを追加 CSSCombをインストールする Sublime Text 2のちょっとした雑感(どうでもいい話) Sublime Text 2を知ったキッカケ ちなみにわたしがSublime Text 2を知ったキッカケはこれ: 初めは、Emacser向けスライドということもあり、気になったものの使用するには至りませんでした。しかしここ最近のわたしのTwitter TLでちょこちょこ
最近私の周りでよく話題になっているエディタ「Sublime Text 2」。 使い慣れているからという理由でずっとDreamweaverを使っているのですが、紹介記事をいろいろ見ていたら良さそうだったので使ってみようと思い入れてみました。今回は その「Sublime Text 2」をインストールして初期設定、そしてプラグインを入れる方法までをご紹介したいと思います。 Sublime Text 2とは Windows・Linux・Macで動作し、特にWeb開発に適したテキストエディタです。 有償製品ですが、ダウンロードは無料。継続して利用するにはライセンスの購入が必要です。 便利なショートカットと拡張機能 Sublime Text 2を使おうと思ったきっかけが、便利なショートカットと豊富なプラグインです。探せばいろいろ出てくるので検索して調べてみると、こんなものもあったのかというようなプラグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く