Quasar Framework - SPA/ハイブリッドアプリを想定したHTML5デザインフレームワーク MOONGIFT
Cordovaに代表されるHTML5/JavaScriptを使ったスマートフォンアプリ、いわゆるハイブリッドアプリは海外では普及しています。HTML5やJavaScriptの実行速度が速くなったので、多くの目的において十分なパフォーマンスを出すようになっています。 そんなハイブリッドアプリから通常のWebサイトまで幅広くこなせるデザインフレームワークがQuasar Frameworkです。 Quasar Frameworkの使い方 デモです。スクリーンショット多めに紹介します。まずはヘッダー、フッター構成。 ツールバー。 タブ。 Android/iOSそれぞれにフィットしたデザインが用意されています。 ボタン。 画像付きカード。 テーブル。 リスト。 チェックボックス。 検索。 アコーディオン。 コンテクストメニュー。 ギャラリー。 スライダー。 ステッパー。 ツールチップ。 ツリー。 ビ
Navstack.js - ハイブリッドアプリやスマートフォン向けWebサイトの画面遷移はこれにお任せ MOONGIFT
スマートフォンのWebビューは従来に比べると遙かに進化していて、レンダリング速度やJavaScriptの実行速度も高速化しています。そんな中、ネイティブアプリとWebアプリの違いと言えば、画面遷移のアニメーションにあるのではないでしょうか。 上下左右から画面がスライドして表示されるのはやはりアプリならではといった感があります。そんな表示をサポートしてくれるWebアプリ用ライブラリがNavstack.jsです。 Navstack.jsの使い方 使い方としてはまず、ステージを作ります。 stage = new Navstack({ el: $('#stage') }); 後はページ遷移をする度にpushしていくだけです。 // Navigate to new pages using push. stage.push('/home', function() { return $("<div cl
Myrica - Rictyをベースに視認性を向上したプログラミングフォント MOONGIFT
プログラマーであればこだわりたいのがフォントです。特に英語は見やすくても日本語がつぶれてしまったり、誤認しやすいフォントを使っていると余計なバグが入り込む可能性が高まります。 個人的にはRictyを使っているのですが、さらにそのRictyを継承してプログラマー向けに進化したフォントがMyricaです。 Myricaの使い方 フォントを表示したところ。ピの文字が特徴的ですね。 特徴としては、ASCII/ひらがな/カタカナに対してヒンティング情報を追加しているので文字を小さく表示した場合にも文字がつぶれず、視認性が落ちません。また、濁音や半濁音が大きく表示されるのでぺとべの違いなどがはっきりと分かるようになっています。 等幅、プロポーショナル、さらに幅が狭いタイプと揃っています。Rictyをベースにしているので、Myricaと好みの方を試して使ってみても良さそうです。 MyricaはSIL O
Fingerprintjs - Cookie不要でブラウザを特定する技術を体感
ブラウザを特定するためにCookieを使うのが一般的です。しかしプライバシーの問題があり、個人のブラウザ遷移を記録することないようDo Not Track機能が追加されたりと徐々に厳しくなってきています。 そんな中、新たに注目を集めているのがJavaScriptだけでブラウザを特定する技術になります。今回はそれを体感するFingerprintjsを紹介します。 Fingerprintjsの使い方 この数字は同じブラウザである限り、常に同じものが出ます。実に94%の精度でブラウザを特定できるとのことです。ブラウザの言語やユーザエージェント、セッションストレージの有無などに加えて、Canvasを使った画像生成による違いも使っています。 この数字はブラウザをシークレットモードにしても変わらないようで、非常に怖い技術と言えます。広告のトラッキングなど悪用されると相当な精度で個人のブラウザ遷移が追わ
EmberUI - Ember.jsを使ったWebアプリケーション用UIコンポーネント集 MOONGIFT
あなたがWebアプリケーションを開発する際に使っているJavaScriptフレームワークは何でしょう。小さなものであればjQueryが良いかも知れません。が、より大きくコード量が増えていくともっと大型なフレームワークを必要とするはずです。 Ember.jsはその有力な選択肢の一つです。そしてそこにEmberUIを組み合わせるとより強力なツールになります。UIコンポーネントを自在に作れて、かつEmber.jsから操作できるライブラリです。 EmberUIの使い方 ではさっそくそのコンポーネントを見ていきましょう。 ボタンです。{{}}で括ってコンポーネントの指定を行っています。 アイコン付きボタンもできます。 カレンダーです。これも使いどころが多そうです。 日付を複数選択状態にできます。 チェックボックス。 ドロップダウン。 こんな感じの表示もよく使いますよね。 インプット系。大きさ、幅とも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
