iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/09/30 50 users iPhone UIライブラリ BSD License ソース

ChocolateChipはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア（BSD License）です。モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版とも言えるChocolateChipを紹介します。 例えばこちらはiPhone風。iOS 7に似ています。 同じ内容でAndroid風。 こちらはWindows Phon... 続きを読む

WebサイトにもiPhone風の通知を実現「HTML iOS Notifications」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/09/07 154 users エンジニア ソフトウェア オープンソース iOS ITニュース

HTML iOS NotificationsはHTML/JavaScritp製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。iOSやAndroidなどのモバイルでは通知機能が便利に使われています。それはアプリに限らず便利に使えるはずです。そこで使ってみたいのがHTML iOS Notificationsです。 デスクトップ版。画面上部に通知が表示されています... 続きを読む

iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン:phpspot開発日誌

2011/04/28 63 users jQueryプラグイン phpspot開発日誌 デモ 画面

iPhone-like drag scroller test iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン。 画面をドラッグしてずらすことで画面をスクロールできます。こういうUIをつくろうと思っても１からつくると大変そうなので覚えておくとよさそう。 ドラッグ＆ドロップで要素移動。 デモはあじけない単なる四角形ですが、画像なんかをおけば使いかた次第で楽しいものが... 続きを読む

CSS3で実装されたボタンのサンプルやチュートリアル総まとめ:phpspot開発日誌

2011/03/08 153 users phpspot開発日誌 サンプル iPhone CSS3 参考

CSS3で実装されたボタンのサンプルやチュートリアル総まとめ。 当サイトでは色々とCSS3ボタンのエントリを紹介してきていますが、ここら辺でちょっとまとめてみました。 画像つくるのはめんどうだしCSS3でやっちゃおうという場合に参考にしてみて下さい。 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル iPhone風のボタン実装 ステップで学べるCSS3ボタンのデザインチュ... 続きを読む

iPhone風ボタンデザインまとめ - DesignWalker

2007/06/29 239 users DesignWalker says メモ代わり センス ボタン

 6 Responses to “iPhone風ボタンデザインまとめ” I love Says: June 30th, 2007 at 2:33 am iPhone風ボタンデザイン designwalkerより 何かで使えそうだったので、とりあえず、メモ代わりに。 センスの良い商品の紹介と感想とよた話 Says: July 1st, 2007 at 2:50 am iPhone風のボタンが作れる... 続きを読む