JavaScript で簡単にスムーズスクロールさせるライブラリ tm-scroller.js を作ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

JavaScript で簡単にスムーズスクロールさせるライブラリ tm-scroller.js を作ってみました.

簡単に導入できるのでよかったら使ってみてください. デモもいくつか用意しています.

thumb

Read More

HTML5 の Canvas で sort を可視化してみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

プログラミングを学び始めた頃を思い出そうという!!っとことでソートに関するサンプルをつくってみました.

HTML5 の Canvas を使って sort を可視化してみました.

丁度プログラミングを始めたばかりの方だとかはソートアルゴリズムの勉強前にこういった見た目でどうなっているのか 見ておくだけでも学ぶ効率が上がるのではないかなぁ~と思ってたりします.

HTML5 の canvas と JavaScript があればこういったサンプルもあっという間に作ることができます! いやぁ~面白いです!!

thumb

Read More

プログラミング言語 Dart を使ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

つい先日, 一般にも公開されたプログラミング言語 Dart を使ってみました.

Web上に動作環境も用意してくれていたので軽く遊んでみたのでその紹介.

Read More

CSS3 の HSL を使って汎用的な Web デザイン

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

前回に引き続き HSL についてです.

CSS3 の HSL を使って, 簡単に色調整ができる Web ページを作ってみました.

処理コストは度外視しています.

Read More

CSS3 で追加された HSL の使い方

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

CSS3 から色指定に HSL 色空間が追加されました. ここ最近は, ほぼ色指定には RGB ではなく HSL を多用するようになったので ざっくりとまとめました.

視認性を意識した色指定を直感的にできるのでぜひ使ってみてください.

Read More