Examples | Elycharts
$('#chart').chart({ template : 'line_basic_3', tooltips : { serie1 : [ 'a', 'b', 'c', 'd' ], serie2 : [ 'a', 'b', 'c', 'd' ] }, values : { serie1 : [1, 2, 3, 4], serie2 : [1, 2, 3, 4]}, labels : [ 'first', 'second', 'third', 'fourth' ], defaultSeries : { fill: true, stacked : true }, axis : { l : { title : 'Average height' } } }); Example 2: Line chart, fill with some animations Tip: use the "re-g
jQueryで手軽にサクッとシンプルなニュースティッカーを作る
今更なTipsなんですけど、まぁ自分用の 復習的な記事です。カスタマイズしやす いニュースティッカーを作るコードで、 1行でも4行でも画像でも、cssで見た目 をスタイルするだけで少量のコードで 実装する事が出来ます。 いろいろプラグインを紹介しておいてアレですけど、実際プラグインに依存すると困ることのほうが多いので簡単なものは簡単なコードで実装出来る程度にはしておきたい所ですね。 Sample:01ティッカーです。実際こんな風には実装せず、目立たないところに配置しますけど・・ 以下のコードで実装します。 function ticker(){ $('#news li:first').slideUp( function(){ $(this).appendTo($('#news')).slideDown(); }); } setInterval(function(){ticker()}, 50
ベース・ラインが最高の曲トップ10発表 | BARKS
Musicradar.comが一般投票によって選ばれた＜The 25 Best Basslines of All Time（史上最高のベースライン・トップ25＞のリストを発表した。 1万人以上が参加したこの投票で見事1位に輝いたのは、ミューズの「Hysteria」だった。全体の23％の票を集めたという。2位はラッシュの「YYZ」、3位にクイーンの「Another One Bites The Dust」が入った。クイーンのべーシスト、ジョン・ディーコンはこの曲と続く4位の「Under Pressure」の2曲で名前が挙がった。25位までのリストの中で唯一、2度登場するべーシストとなった。 Musicradarが発表した＜史上最高のベースライン・トップ10＞は以下の通り。（）内はベースプレイヤー。 1．「Hysteria」ミューズ（クリス・ウォルステンホルム）「Hysteria」 2．「YYZ
効果的なミニマルデザインと退屈なデザインの境界線
2013年3月23日 Webデザイン, インスピレーション ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ミニマルデザインとは そもそもミニマルデザインとはなんなんでしょう？Wikipediaを見ると ミニマル・デザイン（Minimal Design）は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいの
jQueryでページ内にツイートできるテキストエリア（テキストボックス）を設置する実験｜BLACKFLAG
Webページ上にTwitterの「ツイートする」ボタンを設置することは 今では手軽に出来るようになっていますが その場で自由にツイートできるテキストエリアをページ上に配置することは 意外と面倒だったりします。 そんなTwitterのツイートボックスを、「jTweetsAnywhere.js」プラグインを使って ページ上に設置するサンプル（…ただの実験サンプル）を作ってみたので紹介してみます。 使用するjQueryプラグイン「jTweetsAnywhere.js」はこちら。 ≫jTweetsAnywhere – jQuery Twitter Widget with @Anywhere support まずサンプルから。 jQuery TWEET BOX テキストエリアにつぶやくテキストを入力した後、「Tweet」ボタンをクリックすると、 自分のTwitterアカウント（連携承認が必要）でつぶ
文字を円形に沿って書く of Fireworksの効率的な使い方
引用素材：Fotolia（シルバーソファ女性 © naka #20449035） BiND for WebLiFEというホームページ作成ソフトの使い方をまとめてます。 デザイン性に優れているのが売り！ 基本的な活用方法は、Fireworks8、CS3、CS4とも同じみたいです。 Fireworks4の情報が載っているホームページも参考にして勉強しました。 テキスト文字を円に沿うように丸めて書いてみたい。 Fireworksを開きます。 新規作成で適当にファイルを作成しました ベクターのテキストツールを活用してテキスト文字を記入しました。 同じファイルに図形を書きましょう。今回は楕円ツールで正円を作成してみました。 テキストと円の両方のレイヤーを選択します。 ツールバーのテキスト→パス上に結合をクリックしましょう 円形に文字を書くことができました。
Apple.comの新スライダーエフェクトを実装するjQueryプラグイン:phpspot開発日誌
like Apple’s New Slide effect | jQuery Plugins Apple.comの新スライダーエフェクトを実装するjQueryプラグイン apple.com のページ上部にある製品一覧ウィジェット。かなり良い感じで動きますが、これを再現するjQueryプラグインが出ました。 説明しづらいのでデモを見てみてください。 apple.com の例 ヘッダーの製品部分の動きを見てみてください 今回紹介するプラグインのデモ ほぼ同じ動きですね。 なんというかappleってこういう細部にもこだわっていてその動き方とかにもセンスを感じるっていうところは本当にさすがだなぁと思いますね。 関連エントリ jQueryベースの画像スライダー３０まとめ 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 divを並べた後、たった１行でオシャレなス
ページの右上等に分かりやすく通知を表示できたりする「jsMessage」:phpspot開発日誌
Message library ページの右上等に分かりやすく通知を表示できたりする「jsMessage」 ページの右上にアニメーションしながら流れるように通知を流すようなことが出来ます。 通知だけではなくてダイアログのような物を実装することも出来ます。 スキンにも対応しておりルックアンドフィールを変えることも容易 関連エントリ Twitter風にエラーや通知をページ上部に表示させるjQueryプラグイン 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 Android風の簡単な通知を実現する「jQueryToast」
ディズニーランドとディズニーシーの待ち時間がネットでわかるようになったゾー！
ディズニー好きのみなさーん、朗報ですよー！ なんと、ディズニーランド、ディズニシーのアトラクションの待ち時間がネット上でわかるようになったんです。 まずは、『東京ディズニーリゾート・オフィシャルウェブサイト』を開いて、左下にある『待ち時間をチェック！』をクリックしてください。すると、簡単なアンケートフォームがあらわれるので、それに回答すれば、アトラクションの待ち時間が表示されます。 なんてことでしょう！ これで、何時間も並ばずに、乗り物に乗れちゃうかもしれません！ 実際に私（記者）も先ほど、このサイトをチェックしましたが、ゾーンごとに分類されていたため、非常に見やすく最高でした。ただ、このサービス、スマートフォン向けにのみに最適化（iOS4以降/Andoroid2.2以降）されているため、ガラケー、フィーチャー・フォンでの閲覧は難しいかもしれません。 ということでスマートフォンをお持ちのみ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
