紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 approach アニメーションを時間ではなく、距離でコントロールします。 JSTween 簡単な記述でエレメントをCSS3などを使
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 approach アニメーションを時間ではなく、距離でコントロールします。 JSTween 簡単な記述でエレメントをCSS3などを使
TOPICS Web , HTML/CSS , JavaScript 発行年月日 2012年08月 PRINT LENGTH 840 ISBN 978-4-87311-573-3 原書 JavaScript: The Definitive Guide, 6th Edition FORMAT PDF 本書は、『JavaScript: The Definitive Guide, 6th Edition』の日本語版です。日本語版出版にあたり、言語解説部分とリファレンス部分に分け、本書はその言語部分をまとめたものです。 JavaScript言語とプラットフォームについて包括的かつ明快に説明した書籍です。ECMAScript 5(コア言語の最新バージョン)とHTML5(Webプラットフォームの最新バージョン)についてまとめています。第6版で新たに、サーバサイドJavaScript、jQueryライブ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
企業システムのクライアントを開発するのに使う技術が変われば、IT部門に求められるスキルも変わる。最も大きな課題は、JavaScriptを使いこなすことだろう。これまで企業システムでは主役とはいえない開発言語だったが、今後は重要度が高まる。 JavaScriptを熟知することが必要 HTML5では、アプリケーションを制御するクライアント側のロジックは、JavaScriptで記述することになる。「本格的にHTML5ベースの情報システムを開発する企業には、HTML5とJavaScriptの両方を熟知した技術者が必要だ」と、NTTコミュニケーションズの小松氏はみる。 インターネットで入手できるHTML5用のオープンソースライブラリーもJavaScriptファイルが多い。例えばグラフを描画する「gRaphaël」や「Highcharts」などがある(図6)。これらは無料で利用でき、簡単なカスタマイズ
This library reads PHP code and transforms it into JavaScript code which can be run in the PHP VM in this library, resulting in same results as with PHP. It starts by tokenizing the PHP code into tokens, which it then uses to build an AST tree. Once the tree has been constructed, the script compiles it into JavaScript that can be interpreted by the VM and then executes it. Any additional unconvert
Unserscore.jsや互換ライブラリのLo-Dashを使うと関数合成が出来ます。 複数個の関数があって、関数を呼び出した結果を使って関数を呼び出して…っていうのを1個の関数にします。 ドキュメントの例を見れば分かるかと。 簡略化のために関数合成の対象になる関数を1引数・戻り値ありの関数とします。 これを非同期処理をする関数に当てはめるとcallbackを含む2引数・戻り値なしの関数が当てはまるでしょう。 この場合のcallbackは1引数の関数とします。 まず、logを出力するcallback関数を定義しましょう。 function log(result){ console.log(result); } 次にcallbackを含む2引数・戻り値なしの関数を定義します。別に非同期処理はやっていないです。 // 1を足す function add1(callback,arg){ call
Perl Hobby Programming - Games::BeLike::EightBIT ターミナルで8ビット風ゲームをつくろうkeroyonn
ウェブページをPinterestのように無限スクロールさせるjQueryのプラグイン、アンドWordPressのプラグインを紹介します。 Infinite Scroll 一番最初にリリースされたのはかなり前ですが、いつの間にか2.0にバージョンアップされていたのでご紹介。 Infinite Scrollのデモ Infinite Scroll -jQueryのプラグイン Infinite Scroll -WordPressのプラグイン Infinite Scrollのデモ デモはテキストだけのページです。 ページ下部の「more」をクリック Infinite Scroll -jQueryのプラグイン Infinite Scroll -jQueryのプラグイン Infinite Scrollの使い方 Infinite Scrollの実装は簡単です。 まずは、外部ファイルをセットします。 <sc
tween.jsはActionScriptのTweenクラスを真似たJavaScriptアニメーションライブラリです。 かつてオンラインでアニメーションを表現しようと思ったならばFlashかGIFアニメーションを使うのが一般的でした。しかし今後JavaScriptの採用が増えていく中では別な作法を学ばなければなりません。そこで今回はJavaScript製のアニメーションライブラリtween.jsを紹介します。 デモ1。四角のエレメントが左右に動き回ります。 1,000本のバーが左右に動きます。 4096個のセルが徐々に色を変化させます。 グラフです。様々な描き方に対応しています。 動画の再生に合わせて右に動いていくデモです。同期されているのがポイントです。 デモ動画です。本当はもっと速く動きます。 tween.jsはActionScriptのTweenクラスを模して作られているとの事です。
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開 Motorola Mobilityが今月公開したHTML5オーサリングツール「Ninja」のバージョン0.7は、SVGやCanvas、WebGLなどを用いたHTML5でのアニメーション効果の開発を得意としたオーサリングツールです(それにしてもNinjaという名称は海外で人気がありますね……)。オープンソースソフトウェアとして開発されています。 Ninjaは、同じくMotorola MobilityがリリースしたHTML5対応のフレームワーク「Montage」をベースにしています。Montageは、Adobe Flash/Flexのような形でHTML5のアプリケーション開発ができるようにという意図で開発されたフレームワーク。 Ninjaの画面
Enyoチームは18日(米国時間)、Enyoの最新版となる「Enyo 2」を公開した。Enyoは、Hewlett-Packardの支援で開発されているオブジェクト指向のJavaScriptフレームワーク。Apache License 2.0のもとオープンソースで公開されている。 Enyoは、もともとHPが開発したモバイル向けのOS「Web OS」および「TouchPad」タブレット用に用意されたアプリケーションフレームワーク。Enyoチームは今年の2月に専用サイト「enyojs.com」を開設し、Enyo 1をオープンソース化するとともにEnyo 2のベータ版も公開していた。 Enyo 1はWeb OSを対象としていたが、Enyo 2はプラットフォームに関わらずモバイルからデスクトップのブラウザまでサポートするため、一から描き直されている。機能がモジュール化されており、コア部分を担当するE
読む:3分 試す:15分 はじめまして、4月にアシアルへ入社した噂の好青年こと高橋です。 今日はjQuery UIを使ったオシャンティなソートを紹介します。 まずはデモをご覧ください。 「こんなメンド・・・大変そうなUIできるかなぁ?」 心配ご無用!jQueryさんはやってくれます!! まずは必要なソースを準備します。 下記からそれぞれ最新版をダンロードしてください。 http://jquery.com/download/ (24/7/19時点で ver 1.7.2) http://jqueryui.com/download (24/7/19時点で ver 1.8.21) ファイル構造・読み込み等は割愛します。 今回覚えるべき、たったひとつのシンプルなキーワード 「sortable」 まずはHTMLいきます <table class="table table-striped table-b
Index of Semooh jQuery Sample Site 画像 1.画像を切り替える(フェード) 2.画像を切り替える(フェード2) 3.画像を切り替える(サイズ、フェード) 4.画像を切り替える(スライド) 5.画像を切り替える(奥行き) 6.画像を切り替える(サイコロ) 7.画像を切り替える(シャッター) 8.画像を切り替える(カルーセル) 9.画像を切り替える(色々) 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文
画像ギャラリーは多々ありますが、あまりデザイン的にいいものはありませんでした。 今回のJQUERY SLIDESHOW PLUGINはなかなかデザイン性に優れたものと言えるのではないでしょうか。 sponsors 使用方法 JQUERY SLIDESHOW PLUGINからslideView.js、slideview.cssをダウロードします。 <link rel="stylesheet" type="text/css" media="screen" href="slideview.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="slideView.js"></script> <script language="JavaScr
買いもの 2024.05.28 大粒なつめ なぜか春になると(もう初夏だけど)なつめが食べたくなり今年も購入してしまった。いままで乾燥なつめをよく食べていたのだけど、もう少し素の状態にちかいものを摂取したくて今回はこの薬剤師監修の大粒なつめをチョイスした。500gとたっぷり入っているからだいぶもちそうだ。無農薬なところもいいですね。ふかふかした食感でしっとりしていて自然な甘みを有している。ちょっとクセになりそう。なかには… 買いもの 2024.05.23 ダークチョコレート 朝食にはいつもダークチョコレートを食べているんだけど(ほかにもバナナやブルーベリーやナッツなんかも食べている)なぜか僕が購入するダークチョコレートは供給が不安定…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
WAMI recorderはJavaScriptから操作可能なFlash製の音声録音、再生ライブラリです。 HTML5が浸透しつつありますが、逆にJavaScriptでは出来ないもどかしい部分も明確になってきています。その一つにマイクロフォンへのアクセスがあります。しかしそんな時こそFlashと連携させれば良いのです。WAMI recorderを使えばオンラインの録音、再生環境が容易に実現します。 アクセス許可を求めるダイアログが出ます。 左側が録音、右側が再生ボタンになります。 WAMI recorderはごくシンプルなUIでボタンを押して録音、再生ができます。JavaScript向けのAPIも提供されていますのでWeb上で録音、再生環境が実現できるでしょう。WAMI recorderは録音したデータをPOSTで指定したURLに飛ばせるようになっています。その音声データを使えば面白いサー
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は無いかも。 スマフォ向けフレームワークです。GPLv3ライセンスでOSSとして公開されています。 スマフォ向けのフレームワークは相当出回っていますので珍しくないかもですけど・・触った感じはなかなか使いやすそうでした。コアファイルは非圧縮で40kbほど。 以下、公式サイトのサンプルです。 Sample スターターキット的にも使えそうです。 ↑ 実機でのスクリーンショット この手のは沢山あるので好みで選べばいいですね。詳細は以下でどうぞ。 Lungo.js
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Media Queriesの場合、不要なCSSもロードしますが、sizeit.jsはブレークポイントに応じたCSSファイルのみを読み込むのでうまく使えば軽量化が可能です。 さて、サンプルですが、JQMを利用し、ブレークポイントを以下のように設定しました。 幅が600px以下ならJQMのCSSをロード幅が1024px以下なら何も読み込まないそれ以外はJQMのCSSをロードこう設定すれば、601px~1024
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く