JavaScript screenshot creator
App engine proxy is temporarily out of use due to exceeded bandwidth use. Please try again tomorrow. Website URL: Get screenshot! Disable JavaScript (recommended, doesn't work well with the proxy) Tested with Google Chrome 12, Firefox 4 and Opera 11.5 About The whole screenshot is created with JavaScript. The only server interaction that is happening on this page is the proxy for loading the ext
テキストをおしゃれにアニメーションしながら切り替えられるjQueryプラグイン「jLetter」:phpspot開発日誌
jQuery text rotator plugin - jLetter テキストをおしゃれにアニメーションしながら切り替えられるjQueryプラグイン「jLetter」。 単純にテキストを切り替えるだけでなく、一文字ずつ散らばるようにおしゃれにアニメーションさせながら切り替えられます。 実装も超簡単で、次のようなマークアップを記述。 $('#demo').jLetter(options) で実装できちゃいます。 なかなか面白いプラグインですね 関連エントリ 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 jQueryとCSS3でGoogle＋風のアニメーション実装チュートリアル バックグラウンドを奇妙にアニメーションさせるjQueryプラグイン
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://co
File API: Writer & Directories and System
9. File API とは ファイルを JavaScript 上で扱うための仕様 ユーザーが指定したファイルの情報を取得 ファイル名 ファイルサイズ 指定されたファイルを読み込み サポートしているブラウザ Firefox 3.6以降 Google Chrome 6以降 Opera 11.50で確認 window.URL は利用できない
Making AJAX Applications Crawlable - Google Code
If you're running an AJAX application with content that you'd like to appear in search results, we have a new process that, when implemented, can help Google (and potentially other search engines) crawl and index your content. Historically, AJAX applications have been difficult for search engines to process because AJAX content is produced dynamically by the browser and thus not visible to crawler
JVM simulator V2 - jsdo.it - Share JavaScript, HTML5 and CSS
35種のニーモニックになんとなく対応。Chromeで動作確認。 実装済みニーモニック： astore,istore,lstore,fstore,dstore,aload,iload,lload,fload,dload,iinc,pop,pop2,dup,dup2,dup_x1,dup_x2,dup2_x1,dup2_x2,swap,nop,iconst_0,iconst_1,iconst_2,iconst_3,iconst_4,iconst_5,ldc,iadd,ladd,getstatic,invokevirtual,invokestatic,return,areturn テスト用命令セット： invokestatic java/lang/System/currentTimeMillis()J lstore 0 getstatic java/lang/System/out Ljava/i
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
jQuery UIでiGoogleふうメニューを作ろう！ (1/3)
Ajaxを使った今どきのWebアプリケーションでは、グーグルの「iGoogle」のように、ドラッグ＆ドロップによる直観的な操作でページ内の要素を自由に並べ替えられるユーザーインターフェースをよく見かけます。最近ではWebアプリケーションだけでなく、ポータルサイトやメディアサイトのナビゲーションメニューにも採用されるケースが目立ってきました。 今回は、jQueryの「Sortable」を使って、ドラッグ＆ドロップで要素を並べ替えられるようにする方法を紹介しましょう。Sortableを使えば、ごく簡単な方法で既存のWebページにドラッグ＆ドロップUIを実装できます。 Sortableをダウンロードしよう 「Sortable」は、リスト（ul／li）などの個々の要素をドラッグ＆ドロップ操作でユーザーが並べ替えられるようにするライブラリです。以前紹介した（関連記事）jQueryのUIライブラリ集「
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
potraceをjavascriptに移植した - Webと文字
生存報告 （ ^ω^）とりあえず生きてます。 potraceとは potraceとはラスター画像からSVG等のベクター画像を作成するソフトです。無料で使えてソースも公開されているオープンソースなソフトです（参考資料１）。元はCで書かれていますが、python、ActionScript、C#に移植されていたりします。 だから何ができるの？ 左が元のビットマップ画像、右がそれをpotraceでトレースした画像 C→javascript(´・ω・`)、ActionScript→JavaScript(ﾟ∀ﾟ) ActionScriptとJavaScriptは兄弟みたいなものなので移植はとっても簡単です。今回は参考資料２をパクって参考にしてjavascriptに移植してみました。 処理フロー imgタグで画像を読み込み 画像をcanvasに転写 画像をグレースケールに変換 画像を二値化 画像の輪郭の
少しのコードで実装可能な20のjQuery小技集
少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ 追記：この記事で紹介されているいくつかの方法が、今では CSS のみで実装可能です！詳しくは「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」をご覧ください。 jQuery の基本的な使い方まずはjQuery 本家から jQuery ファイルをダウンロードします。<head> 内に下記を記述し、jQuery ファイルを読み込みます。 <script type="text/javascript" src
最近気になってきたjQueryについて色々調べてみました - もとまか日記
最近、「jQuery」というキーワードをよく見かけます。 これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リファレンス 必要に応じてみればいいかな？と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp：40分で覚える！jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて
Syropia Labs
A Collection of CSS and Jquery Experiments by Collin HendersonEMSegmentedControl A drop in replacement for standard input radio matrices EMSegmentedControl is a simple Jquery plugin that allows you to use it as a drop-in replacement for standard HTML radio groups. Instead of clickable radio buttons, EMSegmentedControl uses the idea of selectable inline segments. All drawing is done with CSS3 (no
jQAPI - Alternative jQuery Documentation Browser
This is a alternative interface to browse the Official jQuery Documentation. It was created to get out of your way of your development work - quickly find what you are looking for, easy on the eyes, and lightning fast. Just start typing and see for yourself! FeaturesContent is the same as in the Official jQuery DocumentationStatically rendered pages powered by Astro, so the initial loading time is
Choose Cram School
まず第一に大切なのは塾の雰囲気が自分に合っているかということです。中学受験で失敗しないためには塾をうまく活用することが重要ですが、その際に先生や他の生徒との相性が悪いと自分のストレスとなってしまい…
Sprite3D.js, a small library for generating and manipulating CSS 3D transforms
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Clarity Consulting
Brand Ambassador Marketing, Best Technology Reviews, Gadgets, & Tips
css3-mediaqueries-js - Project Hosting on Google Code
7 Great JavaScript Resources
