Forked from: mrkakky's icons Like iOS7 use Bootstrap and font-awesom View Diff (416)

Fork
0
Fav
2
View
3141
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 382 lines
  • HTML 31 lines
  • CSS 44 lines
ios7風のアイコンをページ読み込み毎にランダムで表示させます。
画像は使っていません。

とりあえず、出てきたアイコンを使ってみたい人は、
JSでBODYにappendしてますので、chromeであれば、
目的のアイコンを右クリック→要素を検証して
直上の div class="ibo" を右クリックしてcopy as HTMLでhtmlはコピーできます。
あとは基本のスタイルシートと
Bootstrap と font-awesom のライブラリ達があれば動くはず。。

いまの所、基本のスタイルシートは↑のJSdoit上のCSSに書いて、
アイコン個別のスタイルシートはhtmlに直にappendするときに書いてます。

http://jsrun.it/mrkakky/rZeV
を開いて、最大化してリロードしまくると楽しいかも。


参考

Bootstrap Icons Plus
http://dev.styler.jp/bootstrap-plus.html

iOS7的なグラデーションパターンを紹介する『iOS7 Colors』 | 100SHIKI
http://www.100shiki.com/archives/2013/10/ios7_colors.html

iOS 7 colors
http://ios7colors.com/
  • icons Like iOS7 use Bootstrap and font-awesom View Random Sample
  • icons Like iOS7 use Bootstrap and font-awesom View Random Sample

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

mrkakky

Author

Linux,Windows,Apache,PHP,Javascript,HTML(~5),CSS(~3),あたりが好きです。 他に、PC/携帯/Android/iphone/ipad/ipodサイトの設計開発構築、 制作周り(デザイン、グラフィック、イラスト、作曲、録音、楽器諸々) サイト構築、SEO、SEM、PDCA、マーケティング、戦略、戦術、コンサル、コーチング 等々。 WEB周りを中心に成立すればなんでもやります。

お仕事の相談や、技術的な質問、雑談はtwitterへどうぞ http://twitter.com/mrkakky

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by