【WEB】円形プログレス

CSSとJavaScriptとHTMLのコードだけで使えるブログ用のパーツとして使えるものが他にもありましたので、紹介します(^^)

円形のプログレスが上がったり下がったりするアニメーションをしますが、
カスタマイズすれば色々と使えるのではないかと思います。

円形プログレス

参考

TheCodePlayer

というサイトで他にも色々と使ってみたいコードがあります♪

また良い物があれば紹介していきます～(^O^)／

【WEB】計算機

CSSとJavaScriptとHTMLのコードだけで使える計算機を見つけましたので紹介します(^^)
（ブログでちゃんと動くかは未確認ですが(^^;)）

計算機

C

7 8 9 + 4 5 6 - 1 2 3 ÷ 0 . = x

参考

TheCodePlayer

というサイトで他にも色々と使ってみたいコードがあります♪

また良い物があれば紹介していきます～(^O^)／

【HTML5】PC・スマホ両用のフォトギャラリー

スマートフォンでフリックして写真を切り替えられるフォトギャラリーがあると思いますが、
探してみるとPCと共通で使えるものはあまりなく、
スマートフォン専用であるものがほとんどでした。

その中で、スマートフォンとPCと共通で使えるフォトギャラリーを見つけましたので
紹介します。

画像をフリック可能なフォトギャラリー

まずは、データフォルダのヘルプページでも使ってるフォトギャラリーです。
PCならマウスでドラッグ、スマートフォンならフリックで画像を切り替えられます。
PCとスマートフォン共通で利用できるので、別々なページに切り替える必要がなく便利です。
下部の画像をクリック／タップしても画像切替が可能です。

k0j1 Webサイトの紹介

前回のアプリの紹介に引き続き、
開発アプリのWebサイトについて紹介していきます。

k0j1の開発アプリ一覧のページを用意しました。
jQuery Mobileを使用したページで、各アプリのヘルプページにリンクしています。

Webサイト

■k0j1－アプリ一覧

■データフォルダ－ヘルプページ

■スクリーンメモ－ヘルプページ

■ペイント～simple～－ヘルプページ

各アプリのページはアプリからオプションメニューのヘルプで
これらのページに飛ぶように設定していますので、
実際にアプリのヘルプページとして利用しています。


アプリでそれぞれプロモーション用の画像を作成していたのですが、
今のGooglePlayでは使われていないのが少し残念です(^^;

まぁそこまで出来が良いわけでもないのですが、
画像の作成は時間がかかるため、もうちょっと活躍させたかったなと思っていたので、
せめてブログででも使いたいなと思い紹介しました(^0^;


アプリではWEBと連携したものも作ってみたいとは思うので、
今後はそのような技術も取り入れていこうと思います(^^)


また、今回WEBで使用しているjQuery Mobileについても、
色々と便利な機能が揃っているので、使用中の機能や今後使用する情報について
書いていきたいと思います(^0^)/