タグ

ブックマーク / webhacck.net (2)

  • わずか6.9KBの超ミニマルなCSSフレームワーク「Milligram」を使ってみた! : うえぶはっく

    手っ取り早くWebページを作る時に、素人っぽく見えないデザインで、なおかつ学習コストの低い軽量なCSSフレームワーク「Milligram」のご紹介! 名前の通り…最小限の構成で作られており、わずか数キロバイトという容量ながら、レスポンシブ対応はもちろんのこと、テーブル、ボタン、フォームなどの見た目も非常にクールなデザインが提供されています。 新しく覚えることも非常に少ないので、プロトタイプ作りにも最適です! 使い方! まずは、公式サイトからファイルをダウンロードしてみましょう。 圧縮版の「milligram.min.css」がわずか6.9KBという超軽量であることが確認できるでしょう。 ちなみに、gzip圧縮すると「2KB」ほどになるようです…。 ダウンロードが面倒な方は、こちらのCDN経由からでも利用できます! https://cdnjs.cloudflare.com/ajax/libs

    わずか6.9KBの超ミニマルなCSSフレームワーク「Milligram」を使ってみた! : うえぶはっく
  • JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた! : うえぶはっく

    ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です! 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基的な使い方を中心にご紹介しようと思います! 必要なファイルを準備しよう! 「CanvasJS」の体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます! // index.html <!d

    JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた! : うえぶはっく
    takryou79
    takryou79 2016/02/04
    CanvasJS
  • 1