サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Ubuntu に PhantomJS を入れるUbuntu Lucid (10.04) でビルドしたバイナリが http://phantomjs.org/download.html からダウンロードできます。 Lucid 以降のディストリビューションであれば動くそうです。 このバイナリのインストールにあたっては、Qt, WebKit など他のライブラリのインストールは必要ありません。 Lucid より古いシステムでは、ソースからビルドする必要があります。phantomjs-1.7.0-source.zip ビルド方法 $ cd /usr/local/share $sudo cp ~/Download/phantomjs-1.7.0-linux-x86_64.tar.bz2 . $sudo tar -xjvfphantomjs-1.7.0-linux-x86_64.tar.bz2 $sudo rmphantomjs-1.7.
jQueryUI Timepicker (By François Gélinas) What is this? This is a jQueryUI time picker plugin built to match with other official jQueryUI widgets. Based on the existing date picker,it willblend nicely with your form and use your selected jQueryUI theme. The plugin is very easy to integrate in your form for time (hours / minutes) inputs. Licensed under the same license as jQuery : MIT and GPL
-prefix-freeBreak free fromCSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixedCSS properties everywhere.It works behind the scenes, adding the current browser’s prefix to anyCSS code, only whenit’s needed. “[-prefix-free is] fantastic,top-notch work! Thank you forcreating and sharingit.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements
大変ご無沙汰な技術ブログ更新となってしまいました。 振り返ってみると、前回の記事がもう約2年前！ ブログ記事を楽しみにしていただいていた方には申し訳ない限りです。 この2年間、何をやってたかというと、 「チャットワーク」というサービスの開発に全社を挙げて取り組んでいました。 チャットワークはおかげさまで2011年3月1日のリリース以来、 1年で6万ユーザーを突破し現在も順調に成長を続けています。 そして今年の4月1日に、創業から12年使用し続けてきた 「株式会社EC studio」という社名を「ChatWork株式会社」へと 変更することを発表しました。 （※エイプリルフールに発表しましたが、本当です＾＾； 変更の実施は6月ごろを予定） それなりに親しんでいただけていた EC studio という社名を 変更するのは勇気のいることでしたが、チャットワークというサービスには それだけの可能性
デモ：Around Other Things 回転の中心に他のエレメントを置いたデモ。 Roundaboutの使い方 Roundabouの実装方法を簡単に紹介します。 詳しい実装方法については「Learn」をご覧ください。 Roundabout -LearnHTML ぐるぐる回転させる各エレメントをリスト要素で実装します。 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="jquery.js"></script> <script src="jquery.roundabout.js"></script>JavaScript jQueryのセレクタで指定し、Roundaboutを実行します。 <script>
本書について本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas
既に多くの方がJavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がマチマチなわけで、私自身、「おお、なるほど！」 っていう、頭の中のスイッチがパチンッ！と入るような境地には達していませんでした。 かつて私も オブジェクト指向なJavaScriptプログラミングのススメ なんていう翻訳記事を書いてはいるのですが、正直なところ prototype.constructor の存在は知りませんでしたし、Function.call や Function.apply をどう使えばよいのかなどをちゃんと理解できてはいませんでした。 そんな中、2011年12月に書かれた Doc Center | Mozilla DeveloperNetwork の記事 オブジェクト指向Java
« back to inner.geek Parallax Backgrounds a multi–layeredjavascript experiment This work is licensed under aCreative Commons Attribution 3.0 License. First of all, try scrolling up and down thing page. Use your scroll wheel, use the scroll bar, use the arrow keys, page up, page down, space bar.Note how thetext scrolls normally, but thegreen background scrolls slowly, and how the clouds scroll
IEでjQueryを利用してxmlをパースサーバからxmlを受け取るajaxアプリを最近firefoxで確認しながら作っていたのですが、ふとIEで見てみたらxmlのパースがうまく出来ていないことが判明しました。 どうもIEでは、明示的にヘッダーに Content-Typeにtext/xml; charset=utf-8としてあげないとだめみたいです。 なので、google app engineでxmlを返す際には きちんと以下のような感じでヘッダーを指定しないといけないようです。 self.response.headers["Content-Type"] = "text/xml; charset=utf-8" self.response.out.write(template.render(path,template_values)) ちなみにクライアント側のコードは以下のような感じです。 function hogehoge(va
ページ内リンクでスクロールをスムースにするスクリプトは良くありますが、アレってもっとスムーズにスクロール出来ないのかなーとか思いますよね。僕は思います。 もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。 ダウンロードとデモ jdtscroll.js デモを見る 導入方法 1. jQueryとjDTScrollを読み込む <script src="jquery.js"></script> <script src="jdtscroll.js"></script> 2. 実行する $() で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。 jQuery(function($) { $('a[href^="#"]').jd
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend theirtechnical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
I recently came across a really compact array shuffling function onJSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to anyHTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ varitems = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = f
jsTree is jquery plugin, that provides interactive trees.It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable,it supportsHTML & JSON data sources and AJAX loading. jsTree functions properly in either box-model (content-box or border-box), can be loaded as anAMD module, and has a built in mobile theme for responsive des
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire script from thisZip file. Files included in the package: drag-drop-folder-tree.html = Mainhtml file js/drag-drop-folder-tree.js = MainJavascript file js/context-m
デモページ：2（テキスト版） 右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。 スクリプトのオプションでは次のものなどが設定できます。 切り替えの自動と手動 パネルの表示時間 フェードの時間 ラベルの画像とテキスト ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
