ETERNITY DESIGN BLOG

Chartist.js

グラフを描画するJSには、Chart.jsのような有名なものをはじめD3.jsをベースとしたライブラリなど様々ものがありますが、今回はChartist.jsです。
SVGで描画するライブラリです。

CONTINUE READING

Canvasとブラー(EaselJSでもBlur)

このブログをリニューアルしたときに、
各エントリーのメインビジュアルのサイズが変更となってしまったことにより、
投稿済みのエントリーについてどうするかということで、制作し直すのは面倒ということで、各画像で一番利用されているカラーを取得し、
そのカラーで背景を塗りつぶし、画像自体にインナーシャドウを適用するということをやっていました。
iTunes11ぐらいがそんな感じの表現だったような気がしています。

ということをエントリーする予定だったのですがしなかった。

ただ、この表現、どうしても取得されるカラーと画像自体から受ける印象に差が出ることがあって、気に入っていない部分もあったので
今回違う表現方法にしてみた。
丁度iTunes12のアルバムのような感じです。

ブラー処理を適用しているのですが、実装にいたるまでの流れをご紹介。

CONTINUE READING

HTML5と文章(コンテンツ)構造

技術系の記事でも何でもないエントリー。

それもここ最近感じたとかでもなく、HTML5でマークアップするようになってからか、もしくはもっと前からかもしれない。
ずっと思ってることだけども、吐き出す場所もないので、ここでアウトプット。
せっかくなので祝HTML5正式勧告!と絡めて。
(とはいえ、正式版ちゃんと追いかけられていない気がする・・・)

CONTINUE READING

CodeKit expandedのインデントが気に入らない

最近はマークアップにCodeKitを利用しています。
まぁ、劇的に楽になったとは思いませんが、画像のサイズやら気にしなくてもいいという点においては楽です。
CSSの書き出し設定は必ず「expanded」で利用しているのですが、インデントがスペース2つなのが最低。

ということで、タブで出力されるように修正です。

CONTINUE READING

ABOUT ME

名古屋を中心に、フリーランスでホームページ制作してます。 デザイン・サイト制作・WordPress案件・Flash制作、JavaScript(jQuery)と幅広く対応可能です。 案件のご依頼・ご相談はCONTACTよりご連絡ください。

CATEGORIES

ARCHIVES

TAGS