Forked from: phi's Pure CSS – CSS だけを使ってイメージギャラリーを作ろう!! View Diff (91)

Fork
0
Fav
3
View
2063
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 61 lines
  • HTML 20 lines
  • CSS 97 lines
[About]
昔作ってたサンプルを jsdo.it に移植してみました.
写真をクリックするとその写真が大きく表示されます.

http://jsdo.it/phi/C1JB の tmlib.js version です.
データ部分とデザイン部分をを分離しているので,
データの追加や編集が簡単にできます.

Pure CSS と言っときながら tmlib.js をちょっとだけ使っています.

※Fullscreen 用に作っています


[Links]
解説エントリー「Pure CSS – CSS だけを使ってイメージギャラリーを作ろう!!」
http://tmlife.net/web/css/pure-css-css-image-gallery.html

tmlib.js についてはこちら
http://tmlife.net/tmlib

tmlib.js の jsdo.it での使い方はこちら
http://tmlife.net/programming/javascript/jsdo-it-tmlib-js-add-library.html
  • Pure CSS – CSS だけを使ってイメージギャラリーを作ろう!!(tmlib.js)
  • tmlib.js
  • Pure CSS – CSS だけを使ってイメージギャラリーを作ろう!!(tmlib.js)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

phi

Author

  • Twitter
  • Github

ゲームプログラマやりながら執筆してる27歳. phina.js(tmlib.js) というライブラリ作ってます. 著書「enchant.js スマートフォンゲーム開発講座」 『日本国民全員プログラマ化計画』進行中 Math/JavaScript/HTML5/CSS3/Python/C/C++/C#/Java

Blog http://phiary.me

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by