ぬぬっ

中途半端作品群・メモ

SVGでダイヤグラムを描く

  • SVG
  • JavaScript

列車などの運行計画を立てるのに使われるダイヤグラムをSVGを用いて描いてみました。

3D Digital Clock

  • CSS

CSSで作った3D時計。今回は現在時刻の取得のみにJavaScriptを使用しました。Safari、Chromeで動作します。

CSS駅名標

  • CSS

CSSだけを使い駅名標を再現。和文にはTypeSquareのクラウドフォントを利用しています。
(sta.nuttari.net)

パタパタもどき

  • CSS
  • JavaScript

反転フラップ式案内表示機をCSSとJavaScriptで再現。サウンドつけたい。

Analog Clock & Digital Clock

  • CSS

CSSだけで動く時計。CSSでは時間の取得ができないので、現在時刻にはセットされません。Safari、Chromeで動作。

Dot Paint

  • JavaScript

JavaScriptで作ったペイントツール。とりあえずドット絵が描けます。

積み木

  • CSS
  • JavaScript

Transformの練習。「未完成」とありますが、最終的に何が作りたいのかはお察しの通り。Safari、Chromeで動作します。

Marquee

  • CSS

懐かしきmarquee要素ですが、CSS3にはmarqueeを操作するプロパティが存在します。

Appearance

  • CSS

要素をプラットフォームのUIのような外観にするappearanceプロパティ。Webサイトに使用するのは不向きでしょうね・・・。