Scout-App, the easiest way to use Sass!
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
Emmet — the essential toolkit for web-developers Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> ~~~ tooltip: Type CSS-like abbreviation type: ul#nav>li.item$*4>a{Item $} wait: 1000 tooltip: Run “Expand Abbreviation” action to expand it into HTML ::: “Expand Abbreviati
頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
Sergey Chikuyonok氏のGithubを見に行ったら、"Emmet (ex-Zen Coding)" という気になる記述があり、気になったので調べてみました。 Zen-Codingについて Zen-Codingは、IDEやエディタで使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。多くのアプリケーションで提供されており、3年前ほどから日本でも多くのサイトがZen-Codingを紹介しています。 そのZen-Codingが、「Emmet」と、リネームされてプロジェクトが進められているようです。 Emmet(beta) Emmetは、開発中です。 正式リリースはまだですが、機能は試すことができます。 Emmetは、2013年2月24日に正式リリースされました。 基本的には、今までのZen-Codingと変わりません。 Zen-Codingを使っていた人は、
CSScombはスタイルシートのプロパティを並べ替えるオンラインまたはテキストエディタ用プラグインです。 スタイルシートは冗長的に書いたり、多少ミスして書いてもうまくWebブラウザが解釈してくれる分、更新を重ねていくと徐々に見づらくなっていきます。そこで定期的にCSScombを使って奇麗な並び順に戻してみましょう。 トップページです。 ソートしました。右側に出ているのは設定です。 webkit-border-radiusなどのプロパティが上に上がっています。 CSScombはソートを変更するだけなので行数やサイズは変わらないように見えますが、複数行をコメントアウトしていたりすると変わるケースもあるようです。オンライン版の他、Sublime Text 2/Textmate/Coda/Espresso 2/IntelliJIDEA/WebStorm/PyCharm/Notepad++/Vimに
もう10日ですが、一応あけましておめでとうございます。沖です。 というわけでタイトル通りですが、CSScombって何?という人はこのあたりをご覧いただければと思います。かんたんに言うとCSSファイル内のプロパティを、あらかじめ設定したとおりの順番に一発で並べ替えてくれるツールです。 CSScombとは、どんなものか 具体的には、以下のようなCSSがあるとします。 #hoge { height: 480px; padding: 5px; width: 640px; margin: 10px; } これでも問題ないといえば問題ないのですが、プロパティの順番がぐちゃぐちゃで読みづらいですよね。そこで、このCSSに対してCSScombを実行すると、以下のようなコードに変換してくれます。 #hoge { width: 640px; height: 480px; margin: 10px; paddi
Sublime text 2で使ってみる 最近、注目されているSublime text 2にお世話になっているので、今回はSublime text 2の手順で作業してみようと思います。 それでは早速CSScombのプラグイン(パッケージ)をインストールしてみましょう。 Sublime text 2の詳しい説明は下記をご参照ください。 【追記】【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【&Vim化】【4日目】 CSScombプラグインのインストール Sublime Text 2を立ち上げたら、プラグインをインストールするべく、お約束のコマンドパレットを開きます ショートカットは「Ctrl+Shift+p」です。 次に、「Pakege Control: Install Pakage」を実行し、インスールしたいプラグインを探します。 CSScombと入力すると該当
CSSのプロパティを正しい並び順でソートし直してくれる『CSScomb』 CSScomb OnlineはCSSファイル内のプロパティを一定のルールにしたがった正しい並び順でソートしてくれるオンラインツール。 使い方はコードをペーストして『RESORT』をクリックすれば結果が右半分に表示されます。 変換したコードは『Copy result code』をクリックすればすぐにコピーができます。 ソートのルールはあらかじめ設定されていますが、必要に応じ『Setting』からカスタマイズすることも可能です。 こちらのオンライン版以外にも各種エディタ用のプラグインなども公開されているので、興味のある方は試してみてはいかがでしょう。 書き方によってはエラーとなる場合があるようですが、具体的にエラーとなるケースなどはこちらのページでに詳しく載っています。 (特にLESSやSASSの記法では注意するケースが
こんにちは。技術推進室の浅井です。最近tumblrのインターフェイスが変わりましたね。こういうブログ書く場所じゃねーよと言われてる気がして肩身が狭い思いをしています。どきどき・・・ さて、わたくしtwitterのbioにも書いてあるとおりかつてはプログラマーだった時代がありました。 が、最近は行動ログ収集とか集計レポーティングを主な業務としております。PHPから行動ログを出力したり、それをwebサーバー郡から集めてきて集計してレポートするだけの簡単なお仕事ですね。今日はこのへんのお話を。 ログの設計ができたら、まずは行動ログをどこかに書き出すことから始まります。ログを書こうと思ったら、色んな方法があるかと思います。 ローカルファイルに書くRDBやKVSに書くfluentd loggerを使うしかし大事なポイントがあります。 HTTPリクエストのレスポンスタイムに影響を与えてはならない運用が
Ryo Yamasaki(@vierjp)です。 2/13に開催された appengine ja night#23 の前半のセッションで @proppy氏によるDatastoreを中心としたAppEngineのパターンについての説明がされました。 その中でDatastoreへのアクセスやURLFetchに要した時間等、 RPCのコストや実行時間を計測するための仕組み「Appstats」について紹介されていました。 Appstatsはシステムのパフォーマンス向上や課金額を下げるために使える プロファイリングツールです。 私は以前に少し使った事があったのですが、 認識しているより細かい情報ーを参照できる事がわかったので、改めて試してみました。 セッション中に「Java版のAppstatsはこんなに細かい情報が出なかった気がする」とtweetしましたが・・・ すみません、試したらちゃんと細かい情
Update: The Sync and Datastore SDK has been deprecated. Learn more here. Hey Developers! Get ready to add some Dropbox magic to your apps with the Sync API for iOS and Android, a powerful new library that makes it easier than ever to sync with Dropbox. The API takes care of all the complexity around caching, syncing, and working offline so that you can focus on creating the best mobile apps – it's
AmazonがKindleFire向けの仮想通貨でるAmazon Coinsを発表した。AmazonのFAQを読んでも、なぜAmazon Coinsなのかは、よく分からなかった。分かるのは、One Amazon Coin is worth one cent(1Amazon Coinは1セントに相当)とか、ローンチ時は米国内の顧客のみが利用できるという程度。 Engadgetの記事が指摘するように、クレジットカードの支払いの面倒を軽減したり、小額決済をやりやすくするためなんだろうか。 Kindle Fire向けのアプリやゲームでの支払いに利用できる模様。ちなみにAmazonのAppstoreは非常に好調だと昨年春に報じられていた。サービス開始時にはKindle Fireユーザーに対し一定額のAmazon Coinsが無料で配布されるとのことで、アプリ誘致の意味もありそうだ。ちなみにAmazo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く