JavaScriptに興味が出てきた今日このごろ。 - /var/www/yatta47.log
最近、またちょっとずつプログラミングに興味が出てきています。 WEB関連ってのはすぐ結果が見れるから昔から好きで、サーバを立てたりとかそういうのはいまだにやっています。 今のマイブームはJavaScript 最初はBootstrapに興味を持っていて、それを試してみようと思ってつくろうとした写真ギャラリーのようなものが、枠組みはBootstrap、処理はJavaScriptとJavaScriptを使う必要があったので、それで使い出したら結構面白い。 特にJquery。 どんだけ色々と準備されてんだよっていうぐらい準備されていて驚きますわ。 今はこのサイトでタイル状の勉強中。 [JS]Pinterestのようにタイル状にコンテンツを配置できるjavascript「The Wookmark jQuery plugin」｜jQueryプラグイン・ライブラリ｜WEBデザインの小ネタとTIPSのまと
HTML Templating Using Mustache.js - TUTORIAL
“Mustache.js is a Minimal and Logic-Less templating engine. That can be used not only for HTML Templates, but also for javascript, source code, or any piece of text” Don’t worry if you don’t know what Templating is, or what Logic Less or HTML Templating means, as we’ll try to understand everything in a Step-by-Step manner What are Templates? Let’s say you want to make 100 Report Cards, with marks
jQuery 1.9 日本語リファレンス | js STUDIO
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
第2章 「ドキュメントへのアクセス」
それでは早速jQueryを使ってみましょう。jQueryで多く利用されるのがprototype.jsでもおなじみの$()です。prototype.jsなど他のライブラリでは$()は単純な1つのHTMLエレメント（タグ）へのアクセス用として使われています。要するにdocument.getElementById()のショートカットです。 しかし、jQueryは違います。$()は非常に高機能でCSSセレクタのような機能も持ち合わせています。この高機能な$()のおかげで複雑な階層構造のページでも手軽に操作対象のエレメントを特定することができます。また、該当するエレメントが複数あっても全く問題ありません。例えばイベントを設定する場合でも自動的に複数のエレメントに割り当ててくれます。このため、繰り返し記述がなくなってしまうわけです。 まず、もっとも簡単な例を見てみましょう。サンプル1はボタンをクリック
サウンドプログラミング用のJavaScriptライブラリができた！！！！ - 音の鳴るブログ
とりあえず疲れた。リポジトリもめちゃくちゃだし。暴飲暴食もした。 timbre - JavaScript Library for Objective Sound Programming http://mohayonao.github.com/timbre/ 新しいデモもつくった http://mohayonao.github.com/timbre/examples/004_timbresynth.html ライブラリにはUIついていないけど、デモのときは分かりやすいのでわざわざ書いた。バッハとJavaScriptは相性が良いとおもう。JSだけに。 そういえば、前につくった これ もバッハだった。 関連エントリ サウンドプログラミング用のJavaScriptライブラリをつくっている
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる - かちびと.net
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されて こんな風にLightbox風にポップアップさせます。 以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。 コード $(window).load(function
HTML5 ＋ jQuery 動画プレイヤー「jMediaelement」｜BLACKFLAG
HTML5で新たに追加される＜video＞タグ。 Flashを使用せずに動画再生が可能になるところが今からかなり魅力を感じる部分。 もうすでにHTML5での動画プレイヤーはいくつかネット上に紹介されていますが、 HTML5とjQueryを使っての動画再生プレイヤー「jMediaelement」が結構使い勝手がよさそうです。 ≫jMediaelement – jme – not only just another html5 audio / video player ソース構成もさほど難しくなく、プレイヤー自体の操作感も悪くない。 jQueryUIと併用して構成することで操作ボタンのカスタマイズも可能になっています。 試しにサンプルを作ってみると、以下の様な感じに。 Firefox3.5以上、およびGoogleChromeで再生できます。 HTML5での動画再生はブラウザによって再生できる動
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
シンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.in - かちびと. net
'+b+"");top.consoleRef.document.close()}$(".snippet-container").each(function(b){$(this).find("a.snippet-text").click(function(){var d=$(this).parents(".snippet-wrap").find(".snippet-formatted");var c=$(this).parents(".snippet-wrap").find(".snippet-textonly");d.toggle();c.toggle();if(c.is(":visible")){$(this).html("html")}else{$(this).html("text")}return false});$(this).find("a.snippet-window").cl
WordPressのトップページを雑誌や新聞のような段組にする方法
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/01/jquery-youtube-player.html
Installation and usage
HTML5 + jQuery + PHPで実装するオープンソースの動画プレイヤー・Open Standard Media Player
http://gmap.nurtext.de/index.html
IDEA * IDEA