Mar 10th ,10

昔作ったサイト

javascriptを使って時間帯によってスタイルシートを変えて外観がかわります。

朝~昼

portfolio-site-morning

夕方

portfolio-site-evening

portfolio-site-night

Mar 10th ,10

WebSiteName


サンプルのポートフォリオサイトを制作しました。

Feb 16th ,10

WordPressのテーマをデモ表示するプラグイン

自分で作ったテーマや紹介したいテーマをパラメーターの指定だけで簡単に表示するプラグイン「WordPress Theme Demo Plugin」を使ってみた。

WordPress Theme Demo Plugin
http://www.spotonseoservices.com/wordpress-theme-demo-plugin/

指定するパラメーターは各テーマにある「style.css」に記載されているテーマネーム(Theme name: Notepad)を指定。
ex:

http://b23.jp/demo/wordpress/?preview_theme=Notepad

[preview_theme=Notepad]がポイント。

Notepad

Notepad

Agregado

Agregado

ChocoTheme

ChocoTheme

『感ずること』

簡単にテーマを切り替えることが地味に嬉しい。

Feb 12th ,10

COLORS

思いつきで作ってみた。

COLORS 01

COLORS 02

COLORS 03

『感ずること』

詰めが甘い甘い。

Feb 9th ,10

Progression4の勉強:シンプルなサイトを作ってみた(2)

前回 PROGRESSION4の勉強:シンプルなサイトを作ってみた(1)で作ったサイトにプリローダーとボタン/ページにアニメーションを加えてみました。

ハマっているところ

ボタンの状態でハマってる。。。
何がしたいのかと言うと、例えばAboutシーンに移動したとします。「About」ボタンはマウスオーバーした時に右にちょっとスライドする感じで動くんですが、
そのスライドした状態をキープさせ、次のシーンに移動したときに元の位置に戻り、次のボタンが同じ動きをする。

簡単そうで、なかなかツボにハマってしまっているわけですが、あと少しで出来そうな感じもしなくもない。

こんな感じです。

■お悩みの症状
メニューボタンをクリックしたときに、「現在開いているページの場所を示す」という意味でボタンの状態を変更したいけど、クリック後、一端元の位置に戻り、シーンが読込完了と同時に、ロールオーバーの状態に。

クリック後のロールオーバーの動きが余計なんだけど、どう組んだらいいのか悩んでる。。。

『感ずること』

難しいのぉぉぉ