[B! Javascript][ui] YaSuYuKiのブックマーク

UIkit - コンポーネントがたくさんある軽量HTML5デザインフレームワーク MOONGIFT

これだけ色々出てくるとどれを使おうか迷ってしまいますね！ UIkitはHTML5向けのフロントエンドフレームワークです。いわゆるBootstrapやFoundationと同じようにWebインタフェースを手軽に作れるようにしてくれるフレームワークです。Bootstrap臭を嫌う方はチェックしてみてはいかがでしょう。 UIkitのスクリーンショット今回はとにかくスクリーンショット満載です。隅々まで見て、自分のニーズにマッチしているか確認してください。まずは様々な部品を組み合わせたレイアウト例から。トップページ風デザイン。画像とテキストの配置。この隙間の空き方がいい感じじゃないかと。ポートフォリオ風。マウスオーバーで拡大するための虫眼鏡表示。モーダルもあります。ブログ風。ドキュメント表示。コンタクトやチームメンバーの表示。このレイアウトいいですね！フォーム付き。もちろんメンバ

YaSuYuKi 2014/03/31

リンク

http://sap.github.io/openui5/

YaSuYuKi 2013/12/13

SDKをダウンロードしたら28.9MBもあった。何ができるのか把握するだけでも結構かかりそうだ

リンク

SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも

SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブラリ「SAPUI5」の主な機能をオープンソース化したもの。jQuery、CSSプロセッサのLESS、ODataライブラリのdatajsなどが使われています。ボタンやアコーディオン、メニュー、テーブル、ダイアログと言った部品だけでなく、レスポンシブ対応のグリッドレイアウトなどのレイアウト用部品も含まれており、モバイルデバイスに対応するレスポンシブデザインのUI構築が可能になっています。 JavaS

YaSuYuKi 2013/12/13

オープンソースとしか書かれていないので確認したところ、Apache Licenseだった。深く調査する

リンク

formatter.js - ユーザストレスの軽減に。JavaScriptで入力フォーマット制御 MOONGIFT

よくある入力フォーマットに沿っていない時のエラーによるイライラが軽減しそうです。テキストボックスを使ってユーザに入力を行ってもらうのはシンプルですが、それが指定したフォーマットに沿っているかどうかを判断するのは大変です。その結果エラーになったりするとユーザにとっても大きなストレスになります。そこで予め決まったフォーマットに沿ってしか入力できないようにしてしまうのが良さそうです。そのためのソフトウェアがformatter.jsです。使い方はjQueryを使う、使わないの2パターンが用意されているようです。 // jQueryを使わない方法 new Formatter(document.getElementById('credit-input'), { 'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}' }); // jQueryを使う方法