Use webhint to improve your websitewebhint helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors.

買物情報事業部の八木です。クックパッド特売情報のAndroid部分を担当しています。普段はクックパッドのAndroid版(以後、本体アプリとします)の開発プロセスの中で特売情報の機能を開発しています。 本エントリでは細かな技術的負債を解消する為に本体アプリの開発チームが行っている朝Lint活動を紹介します。 2年近く経つ本体アプリのコードベース 私が買物情報事業部に所属する前は本体アプリを1から書き直すチームで働いていました。書き直し始めたのは2013年10月からなのでそろそろ2年が経とうとしています。2年前に設計された本体アプリは現在ではおよそ17万行を越え、日々どんどん変更が加えられています。 それらの変更の中には残念ながら悪いコードが含まれている場合があります。テストしづらいコードやテストがないコード、レビューに対する場当たりな対応や緊急のbug fixのために追加された汚いコード、
A mighty CSS linter that helps you avoid errors and enforce conventions. Features It's mighty as it: has over 100 built-in rules for modern CSS syntax and features supports plugins so you can create your own custom rules automatically fixes problems where possible supports shareable configs that you can create or extend can be customized to your exact needs has 15k unit tests making it robust is
静的解析結果をpull requestのコメントにつけるsaddlerというrubygemを作った。rubygemだけど、コマンドラインを通して言語中立なので何にでも使える。 git diff --name-only origin/master \ | grep -e '\.js$' \ | xargs ./node_modules/gulp-jscs/node_modules/.bin/jscs \ --reporter checkstyle \ | checkstyle_filter-git diff origin/master \ | saddler report \ --require saddler/reporter/github \ --reporter Saddler::Reporter::Github::PullRequestReviewComment こんなイメージで、結
SCSS-Lintの設定を煮詰めていた。読みやすさと書きやすさを優先して、他はCSS Lintでのチェックに先延ばししたり、CSS圧縮ツールなどによる自動処理に期待するような形に落ち着いた。そうすることでちょくちょくチェックかけてもストレスがたまらないようにできた。 Download: scss-lint.yml SCSS-Lintでは実行したディレクトリーと上流のディレクトリー全部から.scss-lint.ymlを探してくれるので、このファイルをユーザー・ディレクトリーなどプロジェクト・ディレクトリーの上流に置いておくとデフォルトの設定にすることができる。以下にデフォルトから変更したオプションと、その変更した理由を簡単に記しておく。 Comment デフォルトで//の行コメントしか許可されないので、残したいコメントがまったく書けなくなるため無効にした。ライセンス表記を残せなくなることもそ
プラグイン機構を持っているので、Lintするルールを追加できる ESLint 本体のコードがシンプルに保たれる Mozilla JavaScript AST をベースとしているため、他のものと連携しやすい EsprimaでパースしたASTをLintする two-pass のツール つまりEsprimaでパースできないとLintはできない また、現段階だと巨大なjsファイルではJSHintより3倍程度遅い Rule performance などにまとめられている、速度については今後改善していくとのこと JSLint/JSHint互換のようなルールが作られている – ESLint Rules List Node.js で書かれているツール 将来的には Browserified されたバージョンも出す予定 ドキュメントがよく書かれている それぞれのルールごとにドキュメントが書かれている esli
About Easily integrate Nicholas C. Zakas and Nicole Sullivan's CSS Lint into your projects that use the Compass CSS Framework by providing a compass csslint command line option. Installation Assuming ruby is installed on your system: $ gem install compass-csslint Note that this requires at least version 1.0.0.alpha.13 of Compass to work properly. Usage Run the following command from the root of yo
Overview Developed at Twitter to support our internal styleguide, RECESS is a simple, attractive code quality tool for CSS built on top of LESS. Incorporate it into your development process as a linter, or integrate it directly into your build system as a compiler, RECESS will keep your source looking clean and super managable. Tweet Installation Run the following line in your terminal: $ npm inst
Creating a well-managed set of CSS codes can be a challenge. As technology evolves, it’s not really easy to say if you’re doing the right CSS best practices or you’re just messing up the code and compromising the quality of your website on different browsers. Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW Table of Contents: CSS Bes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く