I'm Web Front-End Engineer. I like AOR music.
2021/5/27 23:07 | Category CSS3.HTML5.PHP.Webサイトコーディング.Webサイト制作 | Comment (0)
●等々力渓谷紹介サイト (スクール課題で制作)
http://www.rasiku.com/setagaya/todoroki/
jQueryを使い、9画面遷移の動的サイトを制作。
画面をスクロールしていくと、地図の撮影場所に写真が寄っていきます。
本当は一番下にTwiiterで「等々力渓谷」で検索したつぶやきが左右サイドに表示されていくようになっていたのですが、Twitterの仕様が変わってjTweetのjQueryプラグインがサービス停止になり、残念ながら表示されなくなってしまいまいました。
いろいろと未完成ですが、当時としてはjQuery頑張りました。
(2011.12.27制作)
2021/4/30 14:45 | Category CSS3.Excel.HTML5.jQuery.Microsoft Office.Power Point.Webサイトコーディング.Webサイト制作.Word | Comment (0)
2012/2/29 2:24 | Category Webサイトコーディング | Comment (0)
久々にfacebookを覗いてみたら、『Progressing』というのに、みんな興味を持っているらしい。
facebookのdhwの友達のみなさん、本当にありがとう！！！
FlashのProgressionといい、HTML5 → canvas → 『Processing』といい、まだまだ勉強する事いっぱい！！！
●Processing 公式サイト
●Processing.jsによるHTML5 Canvasグラフィック (1/5)
http://libro.tuyano.com/index3?id=89001
本当にみんなには感謝している！！！
立ち止まっているヒマは無い！！！
頑張れ、オレ。
2012/2/28 16:42 | Category Webサイトコーディング | Comment (0)
CSS3, jQueryや、HTML5でドラッグしてボックスを動かす方法。
金曜日に、サッカーの試合を見ていて、フォーメーションを表示するのに使えないかなぁ？と考えてみた。
PHPとあわせたら、なんか作れそう。
●CSS3のアニメーション処理（transition）を、Drag するとどうなる？
http://blog.livedoor.jp/kotesaki/archives/1672592.html
●詳解! HTML 5と関連APIの最新動向 – 新タグ&API編
2012/1/18 2:06 | Category Webサイトコーディング.WordPress | Comment (0)
この間のHTML5でのWordPressを使ったサイト。IE8で見たら、表示ズレしていて寂しかったので、魔法の4行書いたらキレイに直った〜Webフォントはどうしようも無いけど・・・
2012/1/16 20:17 | Category Webサイトコーディング.WordPress | Comment (0)
Curating the very best packaging design
日曜WebクラスのTAさんが、オシャレなHTML5でのWordPressを使ったCMSサイトのテーマのデザインを作ってくれたので、しばらくはこのデザインでいきます。キャラに似合わねぇ〜(^_^;;
WordPressを使ったCMSサイト作りって楽しく仕方がない〜HTML5なのサ！
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を揃えるのか！知らなかったぁ〜
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/?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
2011/12/4 10:13 | Category Webサイトコーディング.マークアップ | Comment (0)
jQueryスライダー(BXSLIDER)
http://bxslider.com/examples/vertical-slideshow
●字を消すカスイタマイズ
jquery.bxSlider.js
1027行目
追加1038行目
追加
マッシュアップ
Ajax(Asynchronous JavaScript + XML)
http://ja.wikipedia.org/wiki/Ajax
RSS読み込み
●RSSロード中の表示マークを作成
●参照ブログ
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/US/Books/Title?q=jQUery
→ すげぇ～検索する文字になるぅ～
●天気オルゴール
http://223.sitemix.jp/wp-content/uploads/2009/10/weathermusic.html
●サイトに天気データを読み込んで、表示
●マッシュアップ
●Ajax Tower
AjaxTowerではJavaScriptやAjaxを使ったWebページの作成方法や各種Web APIの活用方法に関して解説。
★ページ内スクロールのjQueryプラグインいろいろ
http://kachibito.net/web-design/scroll-jquery.html
★これだ！オレのやりたいインターフェース
http://5509.me/sample/easingScroll/
☆jsto.itの中のターミネーター2のサンプルが面白かった！！！
2011/11/22 4:47 | Category Webサイトコーディング.Webサイト制作.未分類 | Comment (0)
パララックス効果(視差効果)を使ったWebサイトのまとめページを作成を作ってみました。
自分の中で、スクロールした時にどのような仕組みで動いているのか？を、まとめてみただけ。
まっ、HTML5で作成したので、SEO的なテストも含めているので、未だにCSSすら設定していないという状況。
なんとか、充実したページにしたいです。
