Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek

2016/04/22 428 users North-Geek Git Sass Gulp Emmet

最近フロントエンドの流行がどうのこうのという記事をよく目にしますが、実際に現場で 必要となるスキルと開発環境 を紹介していきます。これくらい知っていると全く問題ない。といったことですね。 主にWebサイトを制作のスキルは、 HTML・CSS、CSS3、Sass、SublimeText、Emmet、gulp、Git についてのスキルがあれば開発がしやすく流行の開発環境ではないかと思います。 さて、そ... 続きを読む

Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ | コリス

2015/09/18 415 users コリス Bootstrap コーディング チートシート PDF

HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードし...記事の続きを読む 続きを読む

Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど | コリス

2015/06/11 410 users Git コリス デベロッパーツール BOOTS iOS

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Boots... 続きを読む

Atom がヤバイ！SublimeTextを余裕で凌駕してしまっていた件

2015/03/14 1196 users Github製 わー 需要 次世代エディタ プラグイン

以前紹介していたGitHub製の次世代エディタ Atom ですが、知らない間にとても使いやすくなっていたのでここで再び Atom に注目してみようと思います。最初のβリリースから1年ちょいですかね。こんなスピードで進化するとは思っても居ませんでした。丁度良いので需要の多い日本語化やプラグインの紹介も致します。やられましたわー。 完全にノーマークだった。 まさか Atom がここまで進化しているとは... 続きを読む

[Atom Editor] 俺の設定とプラグインをさらす - Qiita

2015/02/09 177 users Qiita Atom カーソル位置 Atom Editor

最近すっかり Atom 使いになってきたので、設定とプラグインをさらしてみます。他の方のもぜひ見てみたいので、みんなでさらしましょう！ SublimeText で使ってたのと同じ名前の Flatland Dark Theme と Flatland Dark UI Theme があったのでこれを使っている。 キーマップとかは特に変更なし。vim-mode 使ってる。 色弱なのでカーソル位置が分かりや... 続きを読む

僕とエディタ，vimを添えて - tanittaの日記

2014/08/06 64 users インタプリタ clang コーディング エディタ あらすじ

2014-08-07 僕とエディタ，vimを添えて Program Vim 僕とエディタの続きです． あらすじ 環境構築につかれた人「環境構築につかれた」 ここ2年くらいは，「恋に落ちるエディタ」と評判のsublimetextを使って，コンパイラなりインタプリタ叩いてコーディングをしていた．OSはもともとWindowsを使っていたが，快適なClangによるC++の開発環境を求めるにあたり，コミュニ... 続きを読む

初めてのVimプラグイン開発とMUGENUPエンジニアのエディタ事情 - MUGENUP技術ブログ

2014/08/01 24 users emacs RubyMine MUGENUP アルバイト

2014-08-01 初めてのVimプラグイン開発とMUGENUPエンジニアのエディタ事情 初めまして！MUGENUPアルバイトの倉成です。こちらで書く初めての記事として、今回は僕が初めて作ったVimプラグインとMUGENUPエンジニアのエディタ事情について紹介しようと思います。 僕自身はMUGENUPでアルバイトを始めてから、Emacs, SublimeText, RubyMineといろいろなエ... 続きを読む

手放すなんて絶対無理!SublimeTextの便利パッケージ - Catcher in the tech

2014/07/24 501 users Catcher in the tech 無理

恋に落ちるエディタ「Sublime Text」をもっと効率的に使うための、Sublime Text 2と3どちらでも使える実用性の高い便利なパッケージをご紹介します。DreamWeaverをずっと使ってた私ですが去年Sublime Text2を使ってからというもの これなしにコーディングするのは無理だというぐらい惚れ込んで使ってます。 今となってはDreamWeaverは複雑なtableを組む時以... 続きを読む

ピクセルパーフェクト、フラットデザイン、Sass、取り残された気分な方におすすめ「現場のプロが教えるWeb制作の最新常識」 | Webデザインのタネ

2014/04/08 43 users Sass CODA タネ ピクセルパーフェクト 現場

著者の一人、WEBCRE8.jpの酒井優さんより「現場のプロが教えるWeb制作の最新常識」をいただきました！自分でSassの解説をしておいて言うのもなんだかアレなんですが、最近のWeb制作まわりは変化が多いですね＞＜ それはCSSプリプロセッサを使うとか、ツール自体もAdobe一択だったのがSublimeTextやCodaに変わったりというコーディング面はもちろん、ビジュアル面でも立体的・写真みた... 続きを読む

SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita

2014/03/21 499 users Qiita エディタ sublime text 目次 拡張

via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。... 続きを読む

もう同じコードを繰り返さない！SublimeTextのスニペットで快適コーディング！ | 株式会社LIG

2013/09/26 33 users Dreamweaver 快適コーディング スニペット 切れ端

こんにちは。 小林です。 今日も、SublimeTextの便利な使い方を、一緒に覚えていきましょう。 今回は、「スニペット」についてです。 DreamWeaverやEclipse等のIDEをご利用の方にはおなじみかと思われますが、 まずは、「スニペット」とは何ぞやというところから。 スニペットとは？ snippet 【名詞】 切れ端、断片 切れ端や断片で何ができるのかといいますと、例えば、何かもの... 続きを読む

これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌

2013/08/08 443 users Emmet LiveStyle phpspot開発日誌

これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」 2013年08月08日- Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeText... 続きを読む

SublimeTextのパッケージをiCloudで同期する | Sou-Lablog

2013/07/11 61 users Sou-Lablog iCloud パッケージ

ソウラブログまたはソウラボログ。WebとかのBlog。( ˘ω˘ )ｸｿﾈﾐ恋に落ちるというフレコミのエディタSublime Text2。もうすぐ3。 みんな恋に落ちやがってまったく。ぼ、僕は恋になんて、ぜ、全然、落ちてないってば…/// さて、私の環境はiMacとMBAなので、この二台にST2を当然インストゥールです。 フォントとプラグインはあるだけ入れてしまうのタチなのでST2も大量のパッケー... 続きを読む

[SublimeText]Emmetを使いこなすためのショートカットキー | DevAchieve

2013/04/11 105 users Emmet DevAchieve Actions HTML編

2013/03/09 [SublimeText]Emmetを使いこなすためのショートカットキー Emmet には便利なショートカットキーがあるのでまとめておく。 Actions | Emmet Documentation Expand Abbreviation[SublimeText]Emmetで高速HTML/CSSコーディング HTML編 | DevAchieveで 説明した事ができる。詳しく書... 続きを読む

好みを見つけよう。WebでSublimeTextやTextmateのテーマを設定「SublimeTextやTextmate」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/03/05 26 users textmate テキストエディタ プログラマ ソフトウェア

TMTheme EditorはSublimeTextやTextmate用のカラーテーマ設定を行うソフトウェアです。最近プログラマに人気のテキストエディタと言えばSublimeTextやTextmateがあります。これらのテキストエディタ向けのテーマをWebブラウザ上で作成できるのがTMTheme Editorです。 メイン画面です。左側が設定部、右側がその反映された状態になります。 色はカラーピッ... 続きを読む

TextmateやSublimeTextのテーマが編集できる『TmTheme Editor』 | IDEA*IDEA

2013/02/23 45 users textmate IDEA インタラクティブ ギャラリー 以下

ちとメモしておきます。TextmateやSublimeTextのテーマがブラウザで編集できるツールです。 ↑ インタラクティブに確認できて良い感じです。 ↑ ギャラリーも充実しています。気に入ったのをダウンロードしてもいいかも。 というわけでご利用は以下からどうぞ。 » TmTheme Editor 続きを読む

Chromeで「CSSを編集して自動保存する」オススメ拡張機能！ | デザイナーブログ | 株式会社LIG

2012/11/13 127 users CSS Chrome 株式会社LIG オススメ拡張機能 骨組み

こんにちは、デザイナーの王です。いいものはみんなで共有しましょう！ ということで、今日も素敵なツールを紹介しちゃいます！ とりあえず、こんな風に使います↓ （動画中に一瞬出てきたあのクールなエディターを現在布教中ですので、SublimeTextの記事をぜひ！） 僕がWebページを組む流れとしては、HTMLの骨組みをひと通り書き終えたら、いつもChromeで直接CSSを書いていくのですが、皆さんはど... 続きを読む