Node.jsが必要なSublimeTextのプラグインで、Node.jsのパスが変わってしまったときの対処法MacNode.jsSublimeText Node.jsの管理を、公式サイトのインストーラーからnodebrewに変更したときに、Node.jsのパスが変わってしまったため、SublimeTextのプラグイン「CSScomb」と「Autoprefixer」が使えなくなってしまいました。 パスを通し直せば解決する問題ですが、各プラグインで設定方法が異なったので、メモしておきます。 注：こちらは、以下の環境での設定です。 + Mac OSX 10.10.5 + Sublime Text3 Build 3083 Node.jsのパスを調べる ターミナルを開き、

みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク（以後JSフレームワーク）を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。

インデントで使う文字 インデントでは半角スペースまたはタブを使います。 ※全角スペースは使いません。 半角スペース2桁、または半角スペース4桁のルールでコーディングされていることが多いです。 インデントをする上での注意点 タブを使うと他のエディタで見た時に表示が崩れる場合がある タブは1回の入力でエディタにもよりますが、通常4桁分の半角スペース幅を表現できる便利な文字です。ただし、エディタの設定によっては幅が異なるので他の人が見た時に見た目が変わります。 特に半角スペースとタブが入り乱れているソースコードの場合は見た目が崩れてしまいます。 半角スペースでもタブでもどちらでも構いませんが、どちらかに揃えておくか、タブは半角スペース何個分か明確に決めておくとよいでしょう。 インデントは何桁でコーディングすればいいの？ プログラミングは基本的に一人でやることは少ないです。 一人でやるならコー

WordPressの編集に最適なエディタSublimeText ワードプレスを使うには、レンタルサーバーの簡単インストールが出来れば、他に何もいりません。 新しいテーマやプラグインも管理画面からクリックでインストールでき、簡単なカスタマイズも外観から変更することが出来ます。 ですが、より柔軟なカスタマイズをしたい場合は、スタイルシートやテンプレートファイルを編集する為のプログラミング用テキストエディタが必要になります。 一番有名なエディタは、AdobeのDreamweaverです。有料で使いやすいエディタですが、少し重いのが難点です。私も長い間、 Dreamweaver を使っていましたが、違うエディタに乗り換えました。 そのエディタの名前は、 SublimeText ！！ 2 と 3 がありますが、私が使うのは、 SublimeText3です。 ちまたでは、「恋するエディタ」と呼ばれてい

Site will be available soon. Thank you for your patience!

DuoTone Themes DuoTone Dark -GitHub コードがはっきりと見やすいカラー DuoTone Themesの5つのテーマ DuoTone Themesのダウンロードとインストール コードがはっきりと見やすいカラー DuoToneは2つの色相をベースに色調を変化させた7つのカラーで構成されています。 コードで重要な部分には強調したカラー、それほど重要ではない部分には和らいだカラーが適用され、はっきりとした見やすいテーマになっています。 DuoToneは5種類あり、Darkのベースカラーはパープルとゴールドです。 ↓縮小してますが、見やすくないですか？ Colorscheme DuoTones - Dark 対応言語は下記の通り。これからも増えていくそうです。 C Clojure CoffeeScript C# CSS GF Markdown Go Haskell

WordPressのテーマをgit管理にしたら予想以上に快適だった 2015年12月14日投稿 2016年4月1日更新 カテゴリ：WordPressの使い方 著者: jMatsuzaki 私の愛しいアップルパイへ git（ぎっと）をご存知でしょうか。いいえ、それはshitです。私がいっているのはgitです。知らないようなので簡単に説明すると、プログラムをバージョン管理してくれるやつです。 プログラミングしないとあまり馴染みはないかもしれませんが、プログラマーの間ではそれなりに浸透しています。 プログラムといえば、この愛すべきブログはWordPressでできていますが、WordPressもphpで書かれたプログラムです。そのなかでもブログのデザインが格納されたテーマファイルは自分でよく編集するのでgitでバージョン管理することにしました。 いままでは、わざわざgit化するまでもないかと思って

PC商城支持IE9+浏览器 兼容1024+分辨率 最新购物流程 手机微信商城支持所有手机屏幕 手机打开自动转入手机版 数据和PC同步 微信小程序自带微信小程序 直接上传即可使用 App安卓 + IOS双平台 提升网站形象 微信公众号对接直接对接微信公众号 设置微信菜单 微信定向回复 微信/支付宝/银联微信付款 + 扫码支付 支付宝付款[含扫码] 常见银联卡付款 短信验证/通知注册手机短信验证 发货短信通知 手机短信找回密码 实时物流状态支持多家快递公司 订单直接查看物流状态 实时更新 极致SEO优化HTML + DIV + 绝对路径 搜索页面优化 专题优化页面 新页面主动推送百度新商品主动推送百度 新资讯主动推送百度 保证第一时间收录 全站自动推送百度客户浏览页面自动推送百度 支持全站所有页面 查看更多点击查看详细介绍 PC网站支持IE9+浏览器 兼容所有分辨率

トップページ 便利ツール／ソフト 【保存版】Sublime Text 3のショートカットキーの... 【保存版】Sublime Text 3のショートカットキーの一覧（Windows/Mac） 公開日：2015.02.15 更新日：2015.02.19 悠木 彩斗(@starlod_twtr) テキストエディタ 便利ツール／ソフト MacST3Sublime Text 3Windowsショートカットキーテキストエディタ 0 どうも、最近はドトールやミスドなどのカフェでブログを書いているカフェブロガーの悠木 彩斗（@starlod_twtr）です。 Sublime Text 3にはたくさんの便利なショートカットキーが用意されています。たくさんありすぎて覚えることは大変ですが、よく使う動作ショートカットキーを覚えることで快適にコーディングできたり、ブログを書いたりすることができます。 Win

Sublime Text: テーマを Flatland Theme に変更したthinkpixellab/flatland · GitHub Sublime Text を使い始めてからずっと「Theme-Soda」を使用していましたが、飽きてきたので「Flatland Theme」に変更しました。そして、同梱されていた Color Scheme を微妙に編集したので、それも置いておきます。 記事の内容は基本的には Sublime Text 2 の設定についてまとめています。Sublime Text 3 のベータ版も配布されていますので、違いのある設定については分かる範囲で触れています。 IndexFlatland Theme のインストール（ST2 / ST3）User Setting で使用する Theme を指定する（ST2 / ST3）Color Scheme も変える（ST2 /

ウィンドウ右下のファイルタイプをクリック。（不明なものだと "Plain Text" となっています。） "Open all with current extension as…" の中から、関連づけたいファイルの種類をクリック。 これで OK。 （ShaderLanguages パッケージを入れても Introducing CSS shaders: Cinematic effects for the web で CSS custom filter に使われてる vs や fs がハイライトされなかったので。GLSL の拡張子は vert や frag が普通らしいです。）

Emmet sergeche/emmet-sublime 少ないコード記述でHTMLやCSSをサクサク記入できるパッケージです。使い方がわからなくてもチートシートを見ながら使っているうちに、手放せなくなります。 All Autocomplete alienhard/SublimeAllAutocomplete ただでさえ便利なSublime Textのコード補完機能を、さらに強化するパッケージです。自分で記入した関数や変数なども補完してくれます。 AutoFileName AutoFileName – Packages – Package Control こちらは、プロジェクトフォルダ内のファイル名などを補完してくれるパッケージです。images/のようにサブフォルダを指定しても補完してくれ、画像の場合は幅と高さまで表示＆補完してくれます。 wpseek.com WordPress Dev

via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1

Sublime Textでは「パッケージ」というものをインストールすることによって機能を拡張することができます。WordPressで言うとプラグインみたいなものです。ガンダムで言うとハイパーハンマーみたいなものです。 Sublime Textでプラグインをインストールするなら必ず「Package Control」を最初に入れよう！ | iPhone・Macの情報発信ブログ~Number333~ 「Package Control」の使い方やインストール方法などは上記の記事で解説してありますのでまだ入れていない方は参考にして下さい。 この「Package Control」から「Browser Refresh」と検索してインストールしましょう。 Browser Refreshを設定 Browser Refreshはただブラウザを更新するだけのプラグインなので、この設定を少しいじって「保存」と「更

Sublime Text3のダウンロード まずは、Sublime Text 3からソフトをダウンロードします。 僕は、環境移行のしやすさから、Windows64bit版のSublime Text3ポータブル版を利用しています。 ダウンロードしたら、任意の場所において解凍してください。 解凍したら、フォルダの中の「sublime_text.exe」ファイルを実行してください。 Package Controlのインストール 解凍したら、実行ファイル「sublime_text.exe」を起動します。 メニューの「View」→「Show Console」から、コンソールを開きます。 コンソールを開いたら、Package Controlをインストールするために、Installation – Package ControlからPythonのインストールコードを入手します。 ページ上の「Sublime

Evernote のエディタとして「Sublime Text 3」を使う方法を紹介します。 パッケージ「Evernote」のインストール まずはこちら「Sublime Text - パッケージのインストール」を参考にパッケージ「Evernote」をインストールします。 インストールが完了すると「Thanks for installing the Evernote plugin.」と表示されます。 これでインストールの完了です。 Evernoteの設定 次はSublime TextでEvernoteを編集できるように設定していきましょう。 ショートカットキー「Command + Shift + P」を押し、フォームに「evernote」と入力します。 「Evernote Settings: Reconfigure Authorization」にカーソルを合わせ、「Enter」キーを押します。