Web & AOR Music Blog

I'm Web Front-End Engineer. I like AOR music.

Processingってなんだ?

久々にfacebookを覗いてみたら、『Progressing』というのに、みんな興味を持っているらしい。

facebookのdhwの友達のみなさん、本当にありがとう!!!

FlashのProgressionといい、HTML5 → canvas → 『Processing』といい、まだまだ勉強する事いっぱい!!!

●Processing 公式サイト

http://processingjs.org/

●Processing.jsによるHTML5 Canvasグラフィック (1/5)

http://libro.tuyano.com/index3?id=89001

本当にみんなには感謝している!!!

立ち止まっているヒマは無い!!!
頑張れ、オレ。

ドラッグしてボックスを動かす

CSS3, jQueryや、HTML5でドラッグしてボックスを動かす方法。

金曜日に、サッカーの試合を見ていて、フォーメーションを表示するのに使えないかなぁ?と考えてみた。

PHPとあわせたら、なんか作れそう。

●CSS3のアニメーション処理(transition)を、Drag するとどうなる?

http://blog.livedoor.jp/kotesaki/archives/1672592.html

●詳解! HTML 5と関連APIの最新動向 – 新タグ&API編

http://news.mynavi.jp/special/2009/html5-1/006.html

Lovely Package

Curating the very best packaging design

日曜WebクラスのTAさんが、オシャレなHTML5でのWordPressを使ったCMSサイトのテーマのデザインを作ってくれたので、しばらくはこのデザインでいきます。キャラに似合わねぇ〜(^_^;;

WordPressを使ったCMSサイト作りって楽しく仕方がない〜HTML5なのサ!

等々力渓谷紹介サイト制作中

日曜クラスの課題で『等々力渓谷』の紹介サイトを制作しているが、はたして、間に合うか?

これから、地図を書くという、あいかわらずのギリギリにならないと『やる気』がおきないダメダメぶりだ・・・
あと3日!頑張ろう!!!

等々力渓谷 紹介サイト

——–

明日への課題。
地図、作成しなきゃ〜

fancyboxのliをたくさん、非表示にしたいので、CSS3の:nth-childをマスターせねば!!!

http://www.ideaxidea.com/archives/2011/06/css_master.html

——–

●今までmarginでゴマかしてきた、縦のセンタリングの方法。

http://www.webbibo.com/blog/htmlcss/vertical.html

 heightとline-heightを揃えるのか!知らなかったぁ〜

12/11(日)日曜クラスまとめ

●マッシュアップ

http://www.mercedeath.com/cornelius_remix/

●Google Map API

jQuery gmap3 js

http://blog.bumberboom.net/archives/monthly/2010_09/google-maps-api-v3-jquery.php

・経度緯度を調べる

http://www.benricho.org/chimei/get_LatLon/

——-

●ブログRSS読み込み

http://blqt.org/

http://blqt.org/?page_id=2 (サンプルページ)

●Weather API

http://weather.livedoor.com/weather_hacks/

●ランダム文字 (textShuffle)

●jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」

http://design-develop.net/web-design/20-easy-to-use-jquery-text-effects-and-animations.html

●Fireworks GIFアニメの作り方
ステート 右クリック 追加

背景は別のレイヤーで作っておいて、右クリック
『レイヤーを複数ページで共有』
そして、ロック。

シンボルを始点と終点において、右クリック。

『シンボル』-『インスタンスのトゥイーン』

●来週のスマホサイトのURL

http://blqt.org/em/

2011.12.4 日曜クラス授業

jQueryスライダー(BXSLIDER)

http://bxslider.com/

http://bxslider.com/examples

http://bxslider.com/examples/vertical-slideshow

●字を消すカスイタマイズ

jquery.bxSlider.js

1027行目
追加1038行目
追加

マッシュアップ

http://ma7.mashupaward.jp/

Ajax(Asynchronous JavaScript + XML)

http://ja.wikipedia.org/wiki/Ajax

http://world-cruise2010.com/

RSS読み込み

http://oishithailand.com/

●RSSロード中の表示マークを作成

http://www.ajaxload.info/

●参照ブログ

http://oishithailand.com/

li:eq(4) 何番目
li:gt(4)

●ハマッタ・・・
$( “title”, this).text(); RSSの記事のタイトル取得の時、text()と書かなければいけないモノをtextのみで、すけぇ~悩んだ・・・

●JSON

http://thinkit.co.jp/article/70/1

http://thinkit.co.jp/sites/default/files/articles/7011.png

●Google Feed API

http://code.google.com/intl/ja/apis/feed/

–> Docs –> Sign up for an API Key

●Google Feed API使用例

http://tpfields.xrea.jp/javascript/load-external-rss-by-javascript-google-ajax-feeds-api.html

●Amazon Ajax API

http://amaztype.tha.jp/

http://amaztype.tha.jp/US/Books/Title?q=jQUery

→ すげぇ~検索する文字になるぅ~

●天気オルゴール

http://223.sitemix.jp/wp-content/uploads/2009/10/weathermusic.html

●サイトに天気データを読み込んで、表示

http://www.kohprod.com/

●マッシュアップ

http://ma5.mashupaward.jp/

●Ajax Tower
AjaxTowerではJavaScriptやAjaxを使ったWebページの作成方法や各種Web APIの活用方法に関して解説。

http://www.ajaxtower.jp/

★ページ内スクロールのjQueryプラグインいろいろ

http://kachibito.net/web-design/scroll-jquery.html

★これだ!オレのやりたいインターフェース

http://5509.me/sample/easingScroll/

☆jsto.itの中のターミネーター2のサンプルが面白かった!!!

パララックス効果(視差効果)を使ったWebサイトのまとめ作成

パララックス効果(視差効果)を使ったWebサイトのまとめページを作成を作ってみました。

自分の中で、スクロールした時にどのような仕組みで動いているのか?を、まとめてみただけ。

まっ、HTML5で作成したので、SEO的なテストも含めているので、未だにCSSすら設定していないという状況。

なんとか、充実したページにしたいです。

パララックス効果(視差効果)を使ったWebサイトのまとめ

Copyright © Web & AOR Music Blog, All Rights Reserve.