960 Grid on jQuery-Mobile jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets. How to use it ? To use 960 grids in jQuery Mobile, simply add one line: <link href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"
どこかで使うかもしれないと思って メモがてらシェア。スマートフォンに サクッと対応させるjQueryプラグイン のjquery-mobileに960グリッドシス テムを取り入れることが出来るcss、 jquery-mobile-960です。 なんだかタイトルが謎ですが語彙が無いだけなので気にしないでください。jquery-mobile-960はライセンスがMIT。商用もOKで無料で配布してくれています。 jquery-mobile-960は、960.gsをjQuery-Mobileを使ったレイアウトにも使うためのcssです。2カラム、3カラム、イメージギャラリーなどに使えそうな4カラムレイアウトなどもも思いのまま。 少し大きいですけど全画面キャプチャ↓ 実際にiPhoneで確認 縦の場合。 横の場合。 使い方<link href="http://code.jquery.com/mobile
Fancy custom checkboxes and radio buttons with CSS and JavaScript Automated readability index 28.01 (lower is better) The Flesch-Kincaid r. ease 31.99 out of 120 (higher is better) After all these years, people still ask how to style custom checkboxes and radio buttons in forms while keeping everything accessible. At my studio Creative Nights, we’ve used the following few lines of CSS and JavaScri
maratz.com archive Fancy checkboxes and radio buttons Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included). デフォルトのフォームをクールにカスタマイズする方法。 以前、「Niceformでエレガントなフォーム生成 」というので独自フォームにデザイン変更する方法をお伝えしましたが、どういう仕組みか気になっていました。 独自フォームデザインの実装方法について書かれているサイトを発見したので仕組みを説
棒グラフ、折れ線グラフ、エリアグラフ、パイチャート、インラインに配置できるグラフなど単純なものから複雑なものまで簡単に描けるスクリプト「Protovis」を紹介します。
棒グラフ 機能:ツールチップ、コンテクストメニュー、ズーム スタイルのバリエーションも豊富で、デモページには多くのグラフが掲載されています。
Air、Airって…… 新型MacBookAirをケーキ入刀用に買おうとしてるけどお金がないみなさんこんにちは。 少し前まで周りもネットもAirが速い、Airが軽いと浮かれまくりです。噂によると相当快適だとか。社内でも2人が購入しています。なんだよそんなにソリッドステートがいいのかよ、そんなに軽いのがいいのかよ、でも買い換えるカネなんてねぇよ、と騒ぐ人々を横目で見る毎日でした。くそー。 MacBookAirに対抗したい! このまま我慢してモッサリMacBookPro を使っていくのも腹立たしく、Airのサクサクさだけでも手に入れたい!ということで、目の前のMacBookProのHDDをSSDに載せ替えてみることにしましょう。 注意事項 当方では作業結果に責任を負いません! この記事を読んで実行した結果発生するいかなる結果に対しても弊社は責任を負いません。ご自分の責任の下で作業を行ってくださ
はじめに タイガーマスクが貢いでくれるのを待っている皆さんこんばんは。 前振り考えるのが面倒なので結論から書くと、今日はWebSocketについて扱おうと思います。iPhoneを使って↓こんなサンプルを作ってみました。 Safari上のJavaScriptと、WebSocketをWebサービスとして提供しているPusherを利用して、サーバサイドの言語を使わずに実装しています。 WebSocketってなぁに? httpおさらい Webの通信に使われる皆さんお馴染みのhttpは、クライアント(ブラウザとかね)とサーバが常に「問い合わせ(リクエスト)と返答(レスポンス)」のペアでやりとりをおこないます。 クライアント(FirefoxやChromeなど): 「情報ください」 サーバ(Apacheやnginxなど): 「はい、どうぞ」 このシンプルな仕組みがhttpの強みであり、URLと共にここま
Powering realtime experiences for mobile and webBi-directional hosted APIs that are flexible, scalable and easy to use. We create and maintain complex messaging infrastructure so you can build the realtime features your users need, fast. Bi-directional hosted APIs that are flexible, scalable and easy to use. Get started today and find out what you can build with Pusher
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフォーム、サンプル集。 デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms Badboy Niceforms Functional Pretty Forms Form Layout Templates Fun with forms - customized input elements Scr
Last week, we shared a few things we’d learned about UI in mobile WebKit browsers. In that post we touched briefly on the idea of using CSS3 to make form inputs that look and feel the same in all WebKit browsers across platforms. Today I’d like to share some specific examples of how we did that. Getting started Customizing form elements in WebKit browsers all starts with applying the -webkit-appea
※本記事中で紹介しているリンクやWebサイト情報などは、Windows 7/Windows Server 2008 R2 SP1が一般向けに公開され、情報が整理された時点で適宜更新しますので、あらかじめご了承ください。 2009年10月にWindows 7およびWindows Server 2008 R2の出荷が開始されてからすでに1年以上経ち、最初の大規模修正プログラム集であるService Pack 1(以下SP1)がリリースされた。最近のWindows OSはクライアントOSとサーバOSで同じコードが使われているため、Windows VistaとWindows Server 2008向けのService Packの場合と同様に、今回のSP1はWindows 7とWindows Server 2008 R2向けに同じバイナリが適用できるようになっている。 次世代の仮想デスクトップを実現
Yahoo! Open Local Platform(YOLP)は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
OOエンジニアの輪! 第 43 回 和田卓人 さんの巻 今回のゲストは、和田卓人 さんです。テスト駆動開発の紹介など様々な活動で知られています。 ■ はじめに --- まこたんさんとのつながりは たぶん arton さんがまこたんを紹介した絡みに似てるかもしれないんですけど、以前「Seasar のからさわぎ」とか、 Seasar*1 のコミュニティが、よく飲み会やってたんですね。初めて会ったのもたぶんこの辺りだったと思う。 --- 2005 年ぐらいですか… ヨーロッパ選手権が 2004 年だから…… 2004 年、 2005 年ぐらいですね。 僕はサッカーが好きなんですが、サッカーファンというものは 2 年単位で年を覚えていられるんです。 4 年単位でワールドカップがあって、さらにそこから 2 年ずれて 4 年単位でヨーロッパ選手権があるので、大体あの時に何やってたってのは 2 年刻みで
Desktop, web3 Opera adds Crypto Browser features to its flagship desktop and mobile browsers and delists the... February 29th, 2024 On March 14th we will no longer be supporting updates for the dedicated Crypto Browser, as its core features have... Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
HTML5はフォーム関連要素もパワーアップ! HTML5へのバージョンアップに当たり、<form>要素や<input>要素に代表される「入力フォーム」についても、非常に多くの変更が行われました。 もともとアプリケーションプラットフォームを志向していなかったこともあり、HTMLにおける入力フォームは非常に貧弱で、ユーザーにとっても使いやすいものではありませんでした。それを補うため、JavaScriptを用いてリッチな入力フォームを実現するのが一般的でしたが、JavaScriptを用いる方法には「セマンティックが不明確になる」「JavaScriptが動作しない環境では利用できない」といった弱点もありました。 そこで、HTML5ではさまざまな点から入力フォームを見直し、さまざまな機能強化が図られました。具体的には、以下のような点が挙げられます。
皆さん、はじめまして。ビーブレイクシステムズの横井と申します。弊社の製品である統合型基幹業務パッケージ「MA-EYES」が今年の11月にUIのリニューアルをしました。ファーストバージョンをリリースしたのが2005年なので約6年が経過しての初の大規模なリニューアルになります。なぜこのタイミングなのか、なぜこの技術なのか、今後の業務システムに求められることを交えてお伝えできればと思います。 リニューアルの背景 MA-EYESのファーストバージョンの検討は2004の後半にスタートしました。そのころはFlexやCurl、Biz/BrowserなどいわゆるRIA(Rich Internet Application)の全盛期で、商用製品が乱立している時代でした。 当時は業務システムを作るとなると大きく下記の選択肢がありました。 ① 旧来のクライアント/サーバ型 ② プアなWebアプリケーション ③ 商
Fast & Small One of the primary reasons for Geany's existence is that there is a need for a decent, GUI, lightweight, cross-platform, flexible and powerful IDE/editor. Many editors meet one or more of these requirements but fall short on others. Geany attempts to hit the sweet spot. More Features » Great Community Geany is Good Ol' Fashioned Free Software. Using the GPL v2 license, Geany assures t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く