svgとcssだけでカレンダー

defghi1977

License: MIT License

Fork
2
Fav
1
View
3899
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 16 lines
  • HTML 402 lines
  • CSS 0 lines

スクリプトはurlにハッシュ値を追加するためのもので、 コード自体はスクリプトなしで動作するように実装してみた.

svgでは要素の並べ方が自由なので,cssのセレクタと組み合わせることでかなりの無茶が可能.

だが,ブラウザごとの動作の違いに涙が出てくる.

firefoxだと上手く動作する. chromeだと月送りボタンが正しく動作しない・・・ →自分自身のsvg文書片へのリンクが正しく動作しないようだ. operaだとレイアウトがちょっとおかしい・・・

追記) 一応chromeでもスクリプトを追加すれば動くけれど…

  • svgとcssだけでカレンダー
  • svgとcssだけでカレンダー

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

defghi1977

Author

svgはいんすぴれーしょん http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo.htm 重箱の隅っこをつっついて,にんまり. ドキュメントにまとめて,にっこり.

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by