ドットインストール代表のライフハックブログ
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような1個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
先日リリースした「超かんたん3D円グラフ作成!」ですが、このWebサービスを作る上で苦労したこと、捨てたものなどを書いてみます。 大ヒットしているWii Sportsの野球が「投げることと打つこと」だけに絞られているのと同様、「超かんたん3D円グラフ作成!」もいろいろな機能を犠牲にして完成しました。 作ったことだけを報告すると、まるでプログラム自体も「超かんたん」に作れてしまったように思われてしまいますが、けっこう悩んでたりもしています。 「超かんたん3D円グラフ作成!」のコンセプト まずプログラムを作る前に、円グラフを作成するサービスのコンセプトを考えました。 コンセプトは、 「べつやくメソッド」を導入する際の手助けになり、超かんたんにわかりやすい円グラフ画像が作成できること なぜこのサービスを作ろうと思ったかというと、今まで円グラフを作成するときには、以下のような問題点があったからです
インストール手順 (スーパーユーザーで作業) # gzip -dc zlib-1.1.4.tar.gz | tar xf - # cd zlib-1.1.4 # ./configure (ダイナミックライブラリを作りたければコマンドラインオプション --shared を指定しておく) # make # make install # gzip -dc libpng-1.2.7.tar.gz | tar xf - # cd libpng-1.2.7 # cp scripts/makefile.OS Makefile (OS は、インストールする OS のタイプを指定:linux, solaris ...) # make # make install # gzip -dc jpegsrc.v6b.tar.gz | tar xf - # cd jpeg-6b # ./configure --ena
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く