いつか使いそうなのでメモ的にエントリー。 JavaScriptでアニメーションするゲージを作れるのがJustGageだ。 ちょっとしたダッシュボードなどに使えていいのではなかろうか。 もちろん色やアニメーション速度もカスタマイズすることができる。 マークアップも簡単なので覚えておいてもいいですな。
![アニメーションするゲージを作れるJavaScriptライブラリ『JustGage』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9aa2cf2f4874ccaf12254655405d7e5513fe4d5/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201304%2F13_logo.gif)
いつか使いそうなのでメモ的にエントリー。 JavaScriptでアニメーションするゲージを作れるのがJustGageだ。 ちょっとしたダッシュボードなどに使えていいのではなかろうか。 もちろん色やアニメーション速度もカスタマイズすることができる。 マークアップも簡単なので覚えておいてもいいですな。
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
JavaScriptの書籍はjQueryやサンプル中心のチップス本などを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としてはこれがダントツでおすすめです。内容が易しく丁寧な上にサポートサイトで書籍の内容を動画で説明してくれています。 Amazon.co.jp: よくわかるJavaScriptの教科書: たにぐち まこと: 本 サポートサイトはこちら STEP2. 全体を把握するには十分なボリューム。脱初級者向けにはこの2冊。 2冊とも初級者にとっては少し厳しい内容になっていますが、この2冊が理解できれば後は作りまくる
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
複数のJSファイルの管理、CSSのサポートが異なるブラウザへの対応、ブラウザとバージョンの自動検出、スクリーンサイズの自動検出など、headで制御したい便利な機能がつまった超軽量(2.3KB)スクリプトを紹介します。 Head JS [ad#ad-2] 下記に、Head JSでできることを簡単に説明します。 詳しい使い方は下記ページで解説されています。 Usage: Head JS 外部JSファイルの読み込み JavaScriptの管理 CSSのサポートが異なるブラウザへの対応 HTML5非対応ブラウザへの対応 スクリーンサイズに合わせた表示 Dynamic CSS CSSを特定のページのみに CSSをブラウザごとに指定 外部JSファイルの読み込み 通常、複数のJavaScriptファイルを外部ファイルとして読み込ませるとブロッキングが生じます。 そのブロッキング解消し複数のファイルを並列
GAのクッキーって結構複雑で扱いにくいんですが、それをJSから簡単に取得できるようにしてみました。GAを使っているサイトのユーザーで、GAのクッキーを持っていればだいたい使えます。 ga.utils.jsです。 これは何 以下の情報を取得できます: ・ユーザーがリピーターか否か ・何回目の訪問か(セッション数) ・前回の訪問から何日経ったか ・今回のセッションで何ページ閲覧しているか ・cookie内のトラフィックキャンペーン ・cookie内のトラフィックメディア ・cookie内のトラフィックソース 使い方 使い方は簡単です。上記リンクからJSをダウンロードして、サイトで読み込んでください(headでもbodyでも)。その後、取得したい情報に応じてJSを呼び出します。 <script type="text/javascript"src="ga.utils.js" charset="ut
※ 画像は公式サイトデモより コンピュータの中ながらにして、重力や慣性の影響を再現する物理エンジンはとても面白い。ビジュアルも関連することから、GUIを備え持ったプログラム言語で数多く実装されている。例えばJava、Flashなどだ。 JavaScriptで作られた物理エンジンだ そしてさらにもう一つ加わった。Box2DJSはJavaScriptで実装されているオープンソース物理エンジンだ。 Box2DJSはJavaScriptで実装されているので、ブラウザ上で物理エンジンを実現できる。ある一点を軸に回転するもの、固定位置のもの、クリックをした場所に出現し、落下していくものなど多彩なオブジェクトが用意されている。 ピストン運動のデモ デモも数多く登録されており、ピストンエンジン風に動くもの、振り子、ボックスやくさび形のオブジェクトが落下して相互作用しながら添加していくものなど様々だ。物理エ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く