The World of JavaScript Tomorrow, Today. / David "MisterDai" Boyer
Nov 20, 2014What the future holds for JavaScriptES6 in Node.jsTraceurGluing it together with GruntA minor exampleFinal wordsAs much as I enjoy writing JavaScript, there are various parts of it I'm not the biggest fan of. When I saw Coffee-Script, I loved how much more enjoyable and easier it seemed to write JavaScript. But eventually there were places that Coffee-Script just seemed to get in the w
Measure, Optimize, Automate
A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. We’ve already covered the different techniques you could use to vastly improve the performance of your front-end applications, their page load time, and the perceived performance (determined by the moment when the human can start in
Automate Performance Testing with Grunt.js — SitePoint
In this age of 2 MB web pages, performance budgets are becoming necessary parts of our web development process. Working with your project’s stakeholders, it’s become everyone’s responsibilty – designers and developers both – to set targets for the performance of your website. You might set budgets for a number of different metrics: for example, a target page weight of 500 kilobytes, which no singl
Front-end Tooling Workflows
~ 198 slides on tools to help you stay productive on the front-end.
jit-grunt で grunt をキビキビ動作の高速化
Take Grunt to the Next Level — Jonathan Suh この記事を見て知ったのだが、jit-grunt というプラグインが中々よい。Just In Time ということで、タスクのロードを loadNpmTasks でまとめて最初にやる代わりに、各タスクの実行時までロードを遅延させるというもの。 npm の jit-grunt ページを見ると相当数がダウンロードされて利用者がいるようだが、検索するとあまり紹介されてないようだったので書いてみる。 効能 17個のタスクをロードしていた手元の環境に導入したところ、単純なタスクを実行した限りでは次のような実行時間の短縮が見られた。計測は例によって time-grunt だ。 Before loading tasks で 625ms かかっていて、全体では 651ms を要した。 % grunt concat:lib
mocha + power-assertを導入してみた（ブラウザもnode.jsも） - Qiita
テスト書いてないとかお前それ @t_wada の前でも同じこと言えんの? こんにちは。皆さんテストは書いていますか。 私はAngularJSを書き始めた当初Jasmineを使い、以後1年以上そのままだったのですが、周りの流れがどうもmochaらしいのと、t_wada氏のpower-assertを試してみたかったことから、今回一念発起して乗り換えました。今回はその内容のメモです。 あと、gruntです。（gulpは全然勉強してない） 変更前の環境 クライアント・サイド (Browser) grunt jasmine karma karma-jasmine サーバ・サイド (node.js) grunt jasmine-node 両サイドともフレームワークにjasmineを用いて、テストランナーにはjasmine-nodeやkarmaを使用、gruntで監視して動かすといった構成でした。 クラ
Why we should stop using Grunt & Gulp
If you’re building a modern JavaScript application or website, there’s a good chance you’ve seen the JavaScript Build Tool Landscape. The heavyweights of this world are Grunt and Gulp, although many, many others exist too. Grunt receives a whopping 30,000 downloads most days, and Gulp has a respectable 15,000 daily downloads. They must be doing something right, right? Build systems seem to be the
Yahoo! JAPAN Creative Blog — 「SCRIPTY#1 」の資料を公開します #scripty01
先日弊社にて、「SCRIPTY#1〜フロントエンド紳士・淑女のための勉強会〜」を行いました。 その際に発表させていただいた資料を公開いたします。 遠方の方や、ご都合によりご参加いただけなかった方はぜひご覧ください。 なお、当日はグラフィックレコーディングがなされ、発表内容がリアルタイムに可視化されていました。 そちらの内容も併せてお楽しみいただければと思います。 発表セッション 1.本当にあった怖いCSS 〜BEMのすすめ〜 発表者：小川 健史 実務で実際に遭遇した怖いCSSと、解決策の一つとして、 BEMを導入し得られた知見について発表しました。 発表スライド： http://i.yimg.jp/images/creativeblog/140916/takogawa.pdf グラフィックレコーディング 2.backbone.js 光と闇 発表者：柴田 和祈 Backbone.jsとそのプ
NPM 2.0 and how it helps avoiding global dependencies | 4waisenkinder
Today I was listening to the NodeUp episode 70, which is all about the npm command line client. And there is tons of useful information in this episode. It is all about where npm is at the moment and what the plans are for the future. Especially the recent changes inside of the command line client are a heavy discussed topic and I highly recommend to listen to this episode, when you are dealing wi
A Graceful Fallback for SVGs in Old IE — SitePoint
There are plenty of good reasons to use SVGs instead of rasterized images. The benefits include better image quality, image flexibility, and smaller file size. But one obstacle you might still face is browser support. SVGs are supported by all modern browsers except IE8 and below. In the following sections I’ll outline how you can handle this in a graceful way by falling back to PNGs for older bro
Explorations In Automatically Fixing JavaScript Linting-errors
Explorations In Automatically Fixing JavaScript Linting-errors September 30, 2014 Linting is a common step in our JavaScript iteration workflow. Most developers probably use JSHint (or ESLint) for this purpose. However, when a tool is capable of informing you of linting issues, the next logical question is..why can't it fix these issues for us? Is this taking automation too far, or a logical compl
http://stevenedouard.com/continuous-delivery-azure-websites-atlassian/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
Headless testing with Jasmine, PhantomJS and Grunt – simonsmith.io – Portfolio and blog of a London based front-end web developer
Headless testing with Jasmine, PhantomJS and Grunt February 5 2014 It’s hard to find a good excuse not to test your JavaScript these days. Previously it was a pain to write unit tests. One had to wire up an HTML spec runner page, include various dependencies and then manually refresh the page to see the test results. Whilst this was bearable it certainly made automation a pain. Nowadays we have a
Reaching Everyone, Fast at Velocity NY, 2014
Mobile subscriptions continue to increase at an incredible rate, with most of that growth coming from emerging economies such as Africa and Southeast Asia. These areas are dominated by slow, intermittent connectivity and low-end devices. If companies aren’t already taking steps to ensure they are able to reach these new audiences, they soon will be. Presented at Velocity NY, in New York City, NY o
Built with Grunt Badge - Grunt: The JavaScript Task Runner
Do you use Grunt in a project and want to proudly display that in your project README or on your project website? Now you can with the "Built with Grunt" badge! Using the Badge Just copy the following Markdown code snippet and paste it right underneath the headline in your project README. You can also put it on your project website homepage or footer. [
CSS Performance Tooling
Presented at CSSConf.eu, September 2014. Video: https://www.youtube.com/watch?v=FEs2jgZBaQA You've learned the concepts, now meet the tools. High-performance sites need to feel instant and deliver the goods in < 1000ms. In this talk, learn about the bleeding edge tools that can automate keeping your CSS on the fast path. Automate generating critical-path CSS, removing unused CSS, discovering dupli
RxDB - JavaScript Database | RxDB - JavaScript Database
Realtime applications made easyFrom the results of a query, to a single field of a document, with RxDB you can observe everything. This enables you to build realtime applications fast and reliable. Whenever your data changes, your UI reflects the new state. RxDB supports RxJS and any reactiveness libraries like signals, hooks or vue.js-refs. Writeawait collection.upsert({ id: 'foobar', color: '#e6
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Working with SVG — A Primer
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ
GitHub - stephanmax/grunt-responsive-images-extender: A Grunt plugin that extends HTML image tags with srcset and sizes attributes.
