Web & AOR Music Blog

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

2011/12/15 19:53 | Category Webサイトコーディング.Webサイト制作.世田谷区 | Comment (0)

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

これから、地図を書くという、あいかわらずのギリギリにならないと『やる気』がおきないダメダメぶりだ・・・
あと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(日)日曜クラスまとめ

2011/12/11 11:13 | Category Webサイトコーディング.Webサイト制作.マークアップ.未分類 | Comment (0)

●マッシュアップ

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/1 17:27 | Category Webサイト制作.カフェ.写真 | Comment (0)

木曜日、雨が小降りの中、日曜日に通っているスクールの課題の『お気に入りスポット』で紹介しようと考えている岡本にある

●カフェ Nishi ann

http://www.nishiann.com/

へ撮影に行って来た。

雨で暗かったせいもあり、コンパクトデジカメで撮影した写真は、どれも納得出来るモノではなかった。

というより、夏にオープンカフェにすると、緑が豊かなんですが、この時期はちょっと寂しい写真にしかならない事に気づき、どうしようか？と検討中。難しい・・・

食べたカレーは美味しかった！

HTML5 canvas勉強会

2011/11/30 23:23 | Category Webサイト制作 | Comment (0)

今日は、HTML5+canvasの勉強会。

こんな雰囲気。

(許可もらっていないので、モザイクだらけで失礼。雰囲気だけでも)

canvasでマウス追従アニメーションや、ドラッグで持ち上げて壁にぶつけて跳ね返るアニメーションなどを作りました。

面白い〜、けど、実際に実用的なサイトに反映させるとなると、結構、難しいなぁ〜と思う今日この頃・・・

PHP+MySQLでカートサイトを作る

2011/11/29 22:57 | Category Webサイト制作 | Comment (0)

昨日はWordPressをインストールしてたら意外と難しく徹夜になってしまい、その足でPHPの勉強会へ。

最後の課題のPHP+MySQLのサイトを作ったが、昨日は徹夜明けだったので作業はかどらず。

でも、最後にデータベースの検索がうまくいったので、気持ちが良かった！

そして、目的だったAdobe CS5 Premiumをインストールする為に必要な『在校証明書』ももらえたので、嬉しす！Adobeのサイトで『シリアル番号』をGETしなければ！

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

2011/11/22 4:47 | Category Webサイトコーディング.Webサイト制作.未分類 | Comment (0)

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

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

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

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

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