coconala/CroudWorks
2021/5/5 0:21 | Category coconala.CroudWorks.Webサイト制作.Web関連メモ.就活.就職活動 | Comment (0)
jQuery 背景BGアニメーション
2014/8/8 2:38 | Category Webサイト制作.Web関連メモ | Comment (0)
久しぶりの更新。
なんとか、生きています(^_^;;
最近、よく気になるWebサイトをMac Book Airに残したまま、電源をオフしないで、そのまま放置している事が多い。
ブックマークだと忘れるし、と思いブログにメモろうと思った。
今日は以下のサイトの背景が動くのが、どのjQueryを使ってるのか？と調べていて、いろんなサイトを見て行った結果、いろんな気になるサイトが出てきたのでめもメモ。
●株式会社 スタジオエイエス
このサイトの背景が動いている仕組みが知りたかった。
Google Chromeの『要素の詳細』で調べたが、なかなか分からなかった。
クラス名『bganim』 でググってやっと判明。
●LiVE2 fot Website
http://www.digitalstage.jp/live/
http://www.digitalstage.jp/live/about.html
というソフトのBGアニメーションという機能が使われているみたい。
●LiVE2 fot Websiteの機能
http://www.digitalstage.jp/live/function/
という所に同じ画像があって確信。
しかし、このソフト、すごいな。
背景を動画にしたり、インパクトが大きい表現が簡単に出来るみたい。
21,394円のところを、5%引きで20,366円らしい。まぁ、そんなモノかな。
●こんなサイトが作れるらしい。
http://www.digitalstage.jp/live/gallery/
http://live2.digitalstage.jp/model/bg_animation/
●ついでに、ググっている間に見つけた星を動かすサイト。
http://detarame.moo.jp/sample/bgautoscroll1.html
まっ、jQueryの基本的な考え方は一緒だと思う。
もうちょっと、調べていきたい。
今日もWordPressの勉強頑張ろう！
2012/2/22 12:37 | Category Web関連メモ.WordPress.心の病 | Comment (0)
昨日の夜、土曜日の講評会の『評価シート』が届いた。
みんな5点満点ばかりのスゴイ出来だったので、本当に頑張ったんだなぁ〜と本当にスゴイと感じた。
若い人は吸収も早いし、向上心もあって、スゴイ感動的だった！
やっぱり、2日間で作って、自分でも納得出来ない作品を発表しなくて良かった！
なんか、昨日の心が折れそうな気持ちからは、少しスッキリした。
やっばり、『卒業制作』をキチンと完成させてこその、卒業である。
満足出来る作品を完成出来なかった自分の責任で、【自業自得】な結果なのサ！
みんなのスゴイ作品が見れなかったのだけは、本当に残念だけどね・・・
まぁ、今は、いろんな事を忘れて、サイト制作に打ち込むという道を選択していてる。
自分にもうちょっと、大人らしい、いろんな分野の話ができる人脈作りの能力があればいいんだけどね・・・
こればっかりは、こういう正確だから仕方がないネ・・・
– - – - – - -
さぁ、今日もWordPressのコーポレートサイトの復習をしに、渋谷へ行こう〜
頑張れ！自分！
ダブルショック！
2012/2/21 17:32 | Category Web関連メモ.心の病 | Comment (0)
講評会の映像が見れるかな？と思ってスクールに来てみたが、録画に失敗していたらしく見れなかった・・・
最初は『卒業制作』が完成していなかった自分が悪い！と、「仕方が無い」と思っていたが、じわじわとショックが響いてきた・・・
なんか心が折れそうです・・・
たった一回の休んだ時の映像が残っていないのは、さすがにショックだった・・・
『卒業証書』が無いのは卒業制作が完成しなかったので、資格がないので、コレは覚悟していた。
『写真』には本当に写りたくなかったし、みんなの頑張りを見ていたら、写る資格はないと思っていた。
まぁ、あの中に一人、暗いオッサンが写らなくて良かったと思う。
– - – - – - -
とまぁ、書いてスッキリした所で切り替えよう！！！
1.まずは、スクールに通えるウチに、WordPressのカスタマイズの方法をマスターするように、『補講システム』を通おう！
2.そして、勉強中のPHP+MySQLのネットショッピングサイトの完成！
3.Bar Breezinのサイトのリニューアル
→ PHP+MySQLで、ジャケ写をアップロードできるシステムを作り、自分の満足できるサイトを作るんだ！
スマホサイトにも対応させなければ！
他にも、Action Script3.0のカスタムクラスの理解と、HTML5 canvasの勉強！
やらなければいけない事はいっぱいある！！！
立ち止まっているヒマは無い！！！
まっ、しばらくはfacebookには書き込む気分じゃないので、立ち直るまで、静かにしておこう。
頑張れオレ。
今日の気になったWeb関連メモ WebGLなど
2012/1/20 23:57 | Category Web関連メモ | Comment (0)
●四角や丸の物体が空中で追いかけ合う、爽快なWebGLデモ「WebGL Chaser」
http://dothtml5.com/archives/20120120_webgl_chaser.html
WebGLカッコいいなぁ〜
●アップルが電子書籍のオーサリングツール「iBooks Author」を公開、HTML5も使用可能
http://www.gizmodo.jp/2012/01/ibooks_author.html
http://dothtml5.com/archives/20120120_ibooks_author.html
Mac Book Airに全部電子書籍で入れて運びたい！
いや、本が全部、USBメモリに入れられたらなぁ〜
●SocialGameJam 第3回目 Unity3DとかHTML5とかFlashで新しいソーシャルゲームを作ろう！
行きたいけど、卒業制作、直前で残念・・・
●まずは基本から・HTML5のCanvasについて参考になったサイトまとめ
http://kachibito.net/web-design/html5-canvas.html
●Google先生にMMSを送ると何でも答えてくれてすげえ！
jQuery Mobile, ブログからfacebookの更新
2011/12/30 23:13 | Category Web関連メモ | Comment (0)
●jQuery Mobileでサイト作りたい〜
http://cookpad.it/#/.mobile?page=4
http://www.jqmgallery.com/2011/08/27/cookpad/
このサイトはPC版と、スマホ版とどうやって判断しているのだろう？
●Facebookのファンページにブログの更新情報が自動的に流れるようにする方法
http://diwao.com/ds-labo/2011/01/RSS-Graffiti.html
Bar Breezin’のfacebookページ作って、ブログで自動更新出来たら、カッコいいだろうに！
●Shadowbox.js (動画のThickboxみたいなヤツ)
動画は、コレを使うと使い易いのか？
●渋谷 アリマックスホテル
http://okwave.jp/qa/q5396343.html
●Mac iTunes ビジュアライザで検索した時、出たヤツ
日曜クラス canvas/jQuery Mobile
2011/12/25 13:25 | Category Web関連メモ | Comment (0)
HTML5 canvas
1.四角形を書く (fillRect)
rect.html
2.パスで三角形を書く (moveTo, lineTo)
path1.html
3.パスで適当に書く
path2.html
4.ランダムなパス
5.2次ペジェ曲線 (quadraticCurveTo)
http://www.html5.jp/canvas/ref/method/quadraticCurveTo.html
(先端の形の指定)
http://www.html5.jp/canvas/ref/property/lineJoin.html
6.3次ペジェ曲線 (bezierCurveTo)
http://www.html5.jp/canvas/ref/method/bezierCurveTo.html
7.円を書く (arc)
arc.html
http://www.html5.jp/canvas/ref/method/arc.html
8.写真を表示 (drawImage)
img1.html
9.写真をマスクする
img1.html
http://www.html5.jp/canvas/ref/method/drawImage.html
9.写真の一部を表示
img2.html
10.タイマー (setInterval)
setInterval.html
・setIntervalとsetTimeoutとの違い
http://questionbox.jp.msn.com/qa3098199.html
jQuery Mobile
jQUery Mobileのブロックの書き方。
1つの場合はa
2つの場合はb
3つの場合はc
4つの場合はd
data-inset=”true” で丸くなる。
http://dev.screw-axis.com/doc/jquery_mobile/
http://jquerymobile.com/demos/1.0/docs/buttons/buttons-icons.html
——-
●卒制 作品
http://meltingpoint.sunnyday.jp/twinkledays/
●素材
http://ma7.mashupaward.jp/apis?locale=ja
●参考サイト
jQueryメモ
2011/12/16 22:41 | Category Web関連メモ | Comment (0)
●CSS3アニメーションをJSから制御できる「jQuery.mb.CSSAnimate」
http://dothtml5.com/archives/20111216_jquerymbcssanimate.html