keyframesandcode.comThis domain may be for sale!
最近気になってきたjQueryについて色々調べてみました - もとまか日記
最近、「jQuery」というキーワードをよく見かけます。 これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リファレンス 必要に応じてみればいいかな？と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp：40分で覚える！jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて
JavaScript によるオーディオ＆ビジュアルプログラミング - Radium Software
僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって，応用の幅を狭めていた。これが最近になると， Canvas 要素のおかげで絵を扱うことができるようになったり， Flash を代行役にすることによって音を出せるようになったりと，いろいろ状況が変わってきている。 そこで今回は，以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って， JavaScript によるオーディオ＆ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は，ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr
鳥獣保護区 | Firefox で開いているページを Safari で開く
Another 朝顔日記 - launcher.uc.js で知った userChrome.js という Firefox 用の拡張機能、userChrome.css の Javascript 版みたいなもんでしょうか。これに現在のページを MS IE で開く（Windows 用）というスクリプトがあったので、Safari でも可能だろ思って弄ったら出来たので上げてみます。 LaunchSafari.uc.js インストール方法がちょっと面倒なので、以下はまだ userChrome.js をインストールしてない人用の解説です。 userChrome.js 拡張機能を Firefox にインストール LaunchSafari.uc.js をダウンロードして userChrome.js に名前を変更 プロファイルにある chrome フォルダに userChrome.js を移動 Firefox
［翻訳］これからHTMLとCSSを学び始める君へ
この記事は『Stack Overflow』に投稿された、user553944による質問「Would you recommend starting from HTML5 & CSS3 for beginners?」と、Boldewynによる最も評価されていた回答を翻訳したものです。 翻訳は完全ではありませんし、だいぶ意訳している部分がありますので、ぜひ原文もご参照ください。 また『Stack Overflow』の質問・投稿はCreative Commons Attribution-ShareAlike 3.0 Unportedですので、この記事も同様のライセンスで公開しています。 user553944による質問私はウェブデザイン・開発の世界に入りたいと考えているミドルスクールの学生です。 私は小さいころからウェブ（を使うこと）に興味を持っていましたが、今は“作る”側になりたいと思っています。
JavaScriptでEPUBビューアーを自作してみた (1/7)
iPadのiBooksやSONY Reader、Nookなど、多くの電子書籍リーダーがサポートしているEPUB形式はXHTML+CSSがベースになっているので、誰でも自由にビューアーを作成できます。今回のJavaScriptラボは、Webブラウザー上でEPUBデータを表示するオリジナルのビューアーアプリを作ってみましょう。 ビューアーといっても、EPUB形式をきちんと解析して処理するには手間がかかりますので、今回はEPUBに含まれるXHTMLを表示するだけのシンプルなアプリです。それでも、著作権保護機能がかかっている場合を除けばほとんどのEPUBデータを表示できます。 今回のサンプルはHTML5 File APIを使っているので、Firefox 3.6以降でのみ動作します（一部をのぞく）。また、FirefoxのデバッガーであるFirebugを利用しますので、事前にインストールしておいてくだ
voglia.jp - Processing.jsでMultiTouchしてみる
FlashとかPHPとかJavascriptとか適当にiPhone搭載のブラウザはhtml5のcanvasとか対応してるので、Processing.jsでマルチタッチで絵を描くとか出来るかなってことで、ちょっとやってみた。 ■準備物 Processing.js http://processingjs.org/ 基本的にはこれとデバッグ環境とテキストエディタのみでOK。 自分はとりあえず、XcodeのiPhoneシュミレーターを使用。 ■マルチタッチイベント iPhoneのタッチはマウスイベントではなくtouch＊＊ってイベントが用意されているのでそれを使用。 event.touches.lengthでタッチ数が取得でき、event.touches[i].pageXとかで座標が取得出来る。 ke-tai.orgさんのこの記事が詳しいので参考にしてみました。 ■Processing.j
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
齋藤音楽研究室（S.M.L.）
Saito Music Lab. リニューアルしました。Max関連ドキュメントの更新中です。 今までのメインページへはこちらからどうぞ 従来のドキュメントがご覧になれます。-> 旧メインページ Max/MSP Jitter ドキュメント日本語化プロジェクト Max/MSP Jitterに関するドキュメントの日本語訳を公開しています。 Max5のMaxチュートリアル、MSPチュートリアル、Jitterチュートリアル、Max5 SDK ドキュメント（説明文のみ）の日本語訳を公開しています。 Max/MSP 4.6、Jitter 1.6 に対応する Maxファンダメンタル、Maxチュートリアル、Maxトピックス、MSPチュートリアル、MSP OctiMax コンプレッションチュートリアル、Jitterチュートリアル、およびテキストベースのプログラミングを主体とした、Javascript in M
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
しばそんノート
HTML5への流れが加速している昨今ですが、このところ仕事の中でFlashに触る機会が多くなってきました。 せっかくなので、忘れないうちにActionScriptによるFlash開発環境を整える手順をメモしておこうと思います。 前提条件 ポイントは以下の2つ。 コマンドラインで完結すること 無料でできること さすがに動作確認はブラウザを使ってやりますが、その他の作業は基本的にSSH接続したターミナル上で行います。 サーバは CentOS 5.5 64bit版、クライアントは Windows 7 64bit版です。サーバ機にはGUI環境は入っていません。 Java実行環境の準備 後述するFlex SDKを動作させるために、Java実行環境(JRE)が必要になります。 全オペレーティングシステムの Java のダウンロード一覧 上記ページから、今回は Linux x64 RPM をダウンロード
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
[iphone/safari] JavascriptとCSSアニメーションでフリック操作を実装してみる 続きの続き : nogunogu
こんにちは。のぐちです。 さて、ここまで続けて、需要があるのかどうかさっぱり分かりませんが、 今回はいよいよCSSアニメーションを使ってフリックを表現します。 早速ソースを並べて解説をしていきます。 まずは前回までのものからHTMLを少し変更しました。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>flick</title> <meta name="viewport" content="width=device-width, maximum-scale=0.6667" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
何かが起きる！映画「ハプニング」のブログパーツ - KAZUMiX memo
映画「ハプニング」ブログパーツ・プレビュー 映画「ハプニング」オフィシャルサイト 映画「ハプニング」ブログパーツ 今回ブログ経由でお仕事の依頼が来た初めてのパターン。書いてて良かったはてなダイアリー！と言うわけでFlashとJavaScriptの実装を担当したオレが軽く解説するよ！ 設置方法 上記ブログパーツのページにあるようにパーツを設置したいところに次のタグを埋め込めばオッケーです。 <script type="text/javascript" src="http://www.foxj.jp/happening/blogparts/happeningBlogParts.js" ></script> あらゆるページで「ハプニング」を発生させたい！ 残念ながらここはてなダイアリーは使えるブログパーツが限られていて今回のものを設置することはできません。そのようなページでも次の方法で体験するこ
JavaScript + Flash でできる面白いこと - KAZUMiX memo
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ 跡地 Flashでページ全体を覆うという発想は無かった！面白い！ JavaScript + Flash という点では同じですが、Flash でページ全体を覆うのではなく、必要な部分にだけに Flash を重ねてページ内の画像を心霊写真のようにするというシロモノを作ったので紹介します。 次の文字列をコピーしてアドレスバーに突っ込むと、ページ内の画像にメグミが！ javascript:(function(){var d=document;var s=d.createElement('script');s.type='text/javascript';var date = new Date();s.src='http://www.foxj.jp/shutter/blogparts/sh
KAZUMiX memo
「OpenGL で作る iPhone SDK ゲームプログラミング」、「iPhone ではじめる OpenGL ES プログラミング」共に良い書籍なのですが、iOS SDK 4.2で全く構造が変わってしまった旧SDKのテンプレートをベースにしているため、いきなりつまずいてしまった人もいると思います。気合いでテンプレートコードを読み替えて対応することもできますが、簡単に書籍と同じテンプレートで始めることができます。 iPad用のOpenGL ESテンプレートが旧SDKのまま そう、新規プロジェクトでProductをiPadにした場合のOpenGL ES Applicationテンプレートは、iPhoneと違って構造が旧SDKのままなんです。 このままでは当然ターゲットがiPadになっているので、その辺をiPhoneに変更すればOK! 新旧の構造の違い ES1Render, ES2Render
HTML崩壊 meltdown.js - KAZUMiX memo
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
ブックマークレットから起動できるブックマークレットエディタを作ってみた | fladdict
ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()～みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて１ヶ月以上放置してるのでも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.gstatic.com/charts/loader.js