ブックマーク / kuteken.hatenablog.com (2)

  • grunt-image で画像最適化を自動化する - 君たちは永遠にそいつらより若い

    あるある デザイナ(コーダ)「うおー!(^ω^)(すごい勢いでデザイン&コーディング)」 エンジニア「デザイナからデータを受け取ったよ!そのまま突っ込むよ!えい!(^ω^)」 ユーザ「画像…めっちょおもぃ(^ω^)」 あなたの…心に…直接…呼びかけています… 画像…最適化できてますか…誰がやるか…曖昧に…なっていたりしませんか… 画像最適化とは 画像最適化とは、Webサイトのレスポンス改善を目的に、画像に適切な処理を施すことです。一口に言っても、様々なアプローチがあり、形式を変換したり、画像をまとめたりすると、コードも触る必要があるので大変。今回は効果がわかりやすく、カジュアルに取り入れやすい 画像ファイルサイズを小さくする(品質を保ちながらデータを削ったり、圧縮する) の最適化手法にフォーカスします。 画像最適化ツールといえば、先日、話題になっていた http://compressor.

    grunt-image で画像最適化を自動化する - 君たちは永遠にそいつらより若い
    kkeisuke
    kkeisuke 2014/06/24
  • オンブラウザで3分で始める d3.js - 君たちは永遠にそいつらより若い

    Day 11 は、Keiichiro Onoさんでした。 スクリプトを書かずに各種グラフデータをD3.jsで扱える形式に書き出す https://github.com/keiono/d3-layout-sample Day 12: d3.js Advent Calendar 2013 こんにちは。くてけんです。 皆様のご利益のある霊験あらたかな記事を拝んでいる日々ですが、d3.js 人口が少な過ぎる昨今のために、私は表題のようなライトな入門記事を書いてみました。「d3.jsっておもしろそうだねー(でもやったこと無い)」とほざく足の重い友人記事を押し付けて、d3.js人口の増加をお祈りしたいと思います。 さて、時間も限られているので、気持ちを切り替えてさくさく行きます! 〜1:00 ヒトのコードを動かしてみる 〜2:00 ちょろっと変えて動かしてみる 〜3:00 ドキュントとすごい人の作

    オンブラウザで3分で始める d3.js - 君たちは永遠にそいつらより若い
    kkeisuke
    kkeisuke 2013/12/26
  • 1