メイン

Web Archive

2008年06月02日

KOBO＊ CAFE というお店

KOBO＊ CAFE というお店

KOBO＊ CAFE という喫茶店に立ち寄ってみました
この喫茶店のサイトはBinD FOR WEBLifeというソフトを使って
作ったサイトのコンテストで準グランプリ   を獲得したところなのです
近いのでぜひ行きたいと思い一度訪れたがお休みで入れず
今回二回目の訪問でしたがしかし今日も貸し切り予約でちょっと残念です
でも勇気をだしてのぞくと　こころよく中に入れてくれました
素敵なセンスの店内は白を基調に明るい作りです
親子で運営をしているとのこと　息子さんは一級建築士でデザイナーです
まさにすべてがナイスセンスの店内でした
KOBO＊ CAFEのサイトへ 
※ロゴ・写真・地図等をクリックすると拡大され右側に出るNEXTで次に行けます

BinD FOR WEBLife  というソフトを使って作ったコンテストで準グランプリを獲得
右下の写真のトロフィーが受賞の証です

親子で運営する KOBO＊ CAFE はお父さんがキッチンを担当し
一級建築士でもある息子さんがデザインを担当しています
また息子さんはKOBO・DESIGN一級建築士設計事務所も経営しており
伊奈町には MODEL ROOM があり予約すれば見ることが出来るようです
すべてシンプルデザインに徹していて居心地のよい空間を提供しています
KOBO＊ DESIGNのサイトへ 

日時: 2008年06月02日 14:56 | | トラックバック (0)

2008年05月24日

バラに魅せられて

バラのブラックホールに吸い寄せられて / Ajax の Galleria を使ってみました

バラの魅力の虜になりました
自分なりに撮ることが出来るようになってきました
気に入った写真が撮れるとうれしくなってまた撮ってしまいます
夢中で写していると蜂がレンズの前に現れました
撮った写真を見てみると
蜂がバラのブラックホールに吸い寄せられて
バラの魅力の虜になっていく姿を写したイメージを感じる
そんな気がする写真が撮れたような気がしました
蜂は私だったのでしょうか・・・

Ajax の Galleria を使った Rose Gallery を作ってみました
すぐ上の写真をクリックしてください ( 同ウインドウでスタートいたします )

今回の実験ではGalleriaで設定し同ウインドウで立ち上がる形にしましたので
今のページに戻るために戻る時のボタンをそのページに設定してあります
jQueryのAjaxで動くGalleriaはクールなデザインのPhoto Galleryです
Galleriaは外国のAjaxで英語での説明を理解しなければなりません
フリーライセンスに関してもかなり長い文章で色々と書いてありました
Galleriaのサイトはこちらから見ることができます 
そこから必要なデーターをダウロードする方法もありますが
その後の設定でわかりにくかったので
私はGoogleのgalleriaのダウロードからzipデーターでいただきました
そのページはこちらです 
結果的にこのデーターからの方がわかりやすく使いやすいと私は思いました
Galleriaの使い方はこちらのブログが詳しく説明をしてくれていました
そのページはこちらです 
あくまでも記録簿として記録しておきました

日時: 2008年05月24日 09:57 | | トラックバック (0)

2008年05月11日

AzPainterでRoseを描く

AzPainterでRoseを描く

フリーのピクチャーソフトAzPainterがなかなかいい味を出してくれて
油絵風の画質に変えてRoseを美しく描写してくれた

実は薔薇をなかなか撮りたいと思えない時期があった
あまりにも綺麗な花のため誰が撮っても綺麗に写ると思っていた
しかし撮ってみるとなかなか美しく撮れないのも知っていた
薔薇は写真で撮るのに　とても難しい花の一つだと思っていた
今思えばまともに見ることができていなかったのだと思う
今回薔薇をコラージュ描写することを考えてから
なぜか薔薇の美しさを素直に見られるようになったと思う
理由はわからないが　なぜか素直にシャッターを押せるようになった
それもアップで寄ることができるようになり　より美しい薔薇を知った
するとコラージュした薔薇もいいが　そのままの写真の薔薇もいいと思った
不思議な感覚をいま味わっている

※写真を拡大してご覧ください　800pixでアップいたしました


ここにAzPainterで描く油絵風描写の方法を記録しておきます

AzPainterで描く

まずAzPainter 
をダウンロード
してください

そしてAzPainterを
立ち上げてください

次に油絵風にしたい
写真を開きます
画像の左下にある
レイヤーの中で
新しいレイヤーを
立ち上げてください

レイヤー1が出たら
それに描きます
まずフィルターから
ラインをクリック
間隔最小を2
間隔最大を4
にし横線縦線に
チェックをつけ
OKを押す

次にフィルターから
拡散を選び
範囲2でOK

次にフィルターから
エンボスを選び
強さ3で設定
OKを押します
左のような
画像になります
これでは描写が
強すぎますので
次の作業を
行います
レイヤー1を選び
レイヤーの中の
画面を薄くします
乗算にして
35%に設定
すると次の
画面のように
なります
油絵風
完成画です
上記の数値は
あくまでも
私の感性で
設定している
数値ですので
変更してみて
ください

下に入れた描写の「池を写す2」はAzPainterの描画色の色を
明るいグレーに設定してから作成してみたものです
描写色設定を200,200,200の色で設定
最後の乗算は60%ぐらいでの設定です
はじめの「池を写す1」は描画色は黒のままです
比べて見てください
あなたの好みはどちらですか

日時: 2008年05月11日 16:40 | | トラックバック (0)

2008年04月08日

Frog.jsを設定してみました

Frog.jsを設定してみました

桜の写真を見ていただくのに適したスライドをさがしていましたら
Frog.jsを使ったなかなか雰囲気のあるAjaxを見つけることが出来ました
右にあるサムネイル写真(小さい写真)をクリックすると大きく真ん中に写しだします
桜の写真をより素敵に表現できたらどんなに素晴らしいことかと思って探しています
Webの技術もどんどん進歩してきてAjaxがそれを実現してくれる時代になっています
以前はFlashを使った技術でそれをクリアーしていたのですがとても制作が大変でした
ここ1年はAjaxを使うことで簡単に取り入れられるようになってきています
この技術の進歩には本当に驚きますが、とても楽しい時期でもあると思っています
写真をクリックして桜の素顔を Frog.js でご覧下さい


今回実験でFrog.jsをつかったスライドを別ページに設定してみましたが
Frog.js設定ではPHPSPOT開発日誌のブログ  を参考にさせていただきました。
Frog.jsのzipはこちらからダウンロードできます。 
※設定後の状況は、IE7,Firefox,Safariは問題ありませんでしたが
IE6では左のサムネイルの写真の位置が通常の位置でなく
設定がおかしい状態が生じています。

日時: 2008年04月08日 22:18 | | トラックバック (0)

2008年03月01日

ImageMenuを設定しました

« Previous | Next »

ImageMenuを設定しました

上記の設定は実は ImageMenu ではありません
上の写真は ImageMenu の Image の写真ですが
Glider で動く設定にしています
ImageMenu を設定するまえに
Glider をなんとか Movable Type の中で動かしたいと思いトライしました
なんとか、かんとか、おこない、やっと設定ができました
設定の途中でやはり javascript がぶつかってしまい順番を変えました
また prototype.js と effects.js はすでに読み込んでいたので
その設定をいかすことにしましたら最後に動くようになりました
これで Movable Type の中で動くものが
Lightbox と Glider の2つになりました
動くようになるとうれしいものです
ぜひ上の Glider を動かして見てください

その設定のあとやっと ImageMenu の設定にとりかかりました
ImageMenu は限られたスペースの中で
メニューの設定ができそしてリンクもできます
画像を表示することで、インパクトのあるAjaxの動きを手にすることができます
ImageMenu  の動きをぜひご覧ください
写真をいかしたメニューのデザインに活用したいと思っています
ImageMenu はこちらからダウンロードすることができますhttp://www.phatfusion.net/imagemenu/  
またWEB備忘録ver.071215ブログの
「Javascript(Ajax)で伸びるメニューimageMenuを試してみる」 
の項目を特に参考にさせていただきました
また Web Designing の2月号 Ajaxハジメマシタには ImageMenu が
かなり詳しく載っていましたのでそれも参考にさせていただきました

日時: 2008年03月01日 16:42 | | トラックバック (0)

2008年02月11日

Lightviewを設定しました

Lightviewを設定しました

Lightview1.0.4を設定しました。
LightviewはLightboxに似ていますが、四隅が丸いデザインになっていて暖かい雰囲気を感じさせてくれます。
Lightboxはクールで、
Lightviewはホットでしょうか。
そしてLightboxにはない
スライドショーシステムが
Lightviewには
ついているのも魅力です。
左の画像をクリックすると
Lightboxでオープンします。
Lightviewは別に作りました。
Lightviewはこんな感じです。
比べて見てください。設定を別にしたのはメインのLightboxとぶつかるのを避けて別で作動する設定にしてあります。

Lightviewはこちらからダウンロードすることができます。http://www.nickstakenburg.com/projects/lightview/ 

日時: 2008年02月11日 15:00 | | トラックバック (0)

2008年02月09日

Accordionを設定しました


アコーディングを設定しました

Sekinegg Photo Gallery に以前から考えていた Accordion を設定しました。Accordion は Ajax/javascript で動くシステムのもので Movable Typ に設定してみました。アコーディオン使用のAjaxはhttp://stickmanlabs.com/accordion/  からダウンロードしました。
参考ブログはhttp://blog.webcreativepark.net/2007/11/06-125917.html   to-Rを参考にさせていただきました。
始めは設定後Lightboxを作動すると　stack over flow at line : 0 という表示が出て止まってしまいました。何度か変更したり、いろいろ調べてscriptaculous.jsが影響していることを知りましたが対処できない状態でした。Ajaxの順番で解決できないかと考えてaccordionの設定を前に持って行ったところ偶然ぶつからなくなりました。
影響することが多いのはAjaxの問題点のようですが･･･ なんとか設定できてヤッターと言う気持ちでした。


今回設定したアコーディオンは色々と設定できますが、このSekinegg Photo Galleryには一番上が開いてスタートする設定を選びました。このブログのプロフィール  で見ることができます。また下にあるコメント設定がアコーディオンになっていますので確認してみてください。Commentsの帯をクリックするとコメント記入がオープンする設定やTrackbackの帯をクリックするとトラックバックアドレスが出てくる仕組みになっています。
もう一つは全部が閉じたままでのスタートを選びました。和文化ブログ  で設定してあります。

日時: 2008年02月09日 18:26 | | トラックバック (0)

2008年01月28日

自分の家紋が作れます

家紋を作れるサイトです

プレミアム緑茶「綾鷹(あやたか)」 のサイトの中に
自分の家紋を作ってくれるページがあります。
上の画像の左が私の家紋で、右が家族の家紋です。

「KAMONからあなた自身の本来あるべき姿が見えてくるかもしれません･･･」
という言葉に惹かれて氏名と生年月日をいれてしまいました。

やってみたい方はこちらからお入りください。 
FunのコーナーがKAMONをつくることのできるページです。

日時: 2008年01月28日 08:53 | | トラックバック (0)

2008年01月11日

私の木の精はサンザシ

私の木の精はサンザシです

こんなサイトをあるブログで知ることができた。
木精占いができるサイトである。
その木精占いはなかなか当たっている占いかもしれないと思う。
木精とは、樹木に宿る神様や精霊のことだそうで、
それぞれの樹木の性質や神秘の力を携えていて、
その「守護樹」の木精によるメッセージは、
私たちの人生を正しい方向へと導いてくれているとのことである。
私の木精はサンザシと言う木でした。

PICT0005-1.jpg

サンザシ（結実の樹）

冬の訪れを感じ始めるころに生まれたあなた。

冷ややかな美しさを持ち、年齢を重ねるごとに、凛々しさを増して生きます。

人生において、規則正しい生活と、あたたかい人間関係を築きますが、

心の奥底では非日常を求めています。様々な夢を思い描いて、哲学的な

思索と芸術的な人生を送る人も多いはずです。

夏生まれのサンザシと違って、ひとつ目標を決めると迷いません。責任感と

正義感が強く、徹底して実践していきます。

しかし、夢中になりながらも一方では、間違った選択をしたのではないかと、

心配になることもあります。騙されているのではないかと不安になり、

他人をあまり信用しません。それがマイナスになることもありますが、

あなたの純粋な魂を汚す相手を、遠ざける力ともなっています。

サンザシは「自分の価値を信じなさい」と諭しています。夢をかなえたいの

なら後悔したり、嫉妬に翻弄されている時間はありません。あなたの信念と

人生哲学を信じましょう。


木精占いは次のバナーから入ってみてください。

SQ Life 木精占い

日時: 2008年01月11日 10:48 | | トラックバック (0)

2007年12月30日

AjaxCalenderを設定しました

AjaxCalenderを設定しました

ブログの右にあるカレンダーをAjaxCalenderに変更しました。
とてもいい動きをするAjaxです。デザインは私が変更したもので、とても気に入っている色合いにできあがりました。一つだけ気になる動きがあります。月を超えると新しいブログをアップしない限り次の月に進まないことです。でもいいんだと考えました。早くブログをアップしてくださいとCalenderが言っているようで、なぜか人間的な動きをAjaxがするようでうれしくなってしまいました。
「Ajax月送りカレンダー」を設定するのに小粋空間のブログを参考にさせていただきました。 参考文献として「Ajax月送りカレンダーの設定」  をご覧ください。

日時: 2007年12月30日 21:14 | | トラックバック (0)

2007年11月25日

Gliderを設定しました

Gliderを設定しました
Gliderはスペースのないブログの中で何枚もの写真を入れることができます。
動きもとてもスムースで、見ていて楽しいgalleryになります。
サイズも横長にして、クールなイメージでデザインしてみました。
デザインはglider.cssを変更することで設定することができます。
Gliderの設定見本はこちらでご覧ください。 
Lightboxとぶつからないために別にオープンする形にして、単独の設定にしてみました。勉強中でまだ知識が足りないため、Javascriptがぶつかってしまうと解決できないこともあり、この設定方法を考え出しました。
※2008年3月1日に Glider を Movable Type の中で動くようにしました 
Glider設定では「寺子屋未満」さんのGlider.js(2)  を参考にさせていただきました。
また、「コンテンツをスライド表示するjavascript「glider.js」  も参考にさせていただきました。Gliderのzipはこちらからダウンロードできます。 

日時: 2007年11月25日 22:12 | | トラックバック (0)

2007年11月11日

Lightboxを設定しました

Lightboxを設定しました

自分のブログを自分でデザインしてMovable Typeで設定して作りあげようと考えてから半年がたちました。
友人の香取さんと中神さんが協力してくれて本日スタートできました。
一番上の写真は始めに考えていたデザインの構想です。
また勉強していたAjaxのLightboxもいれたくて、なんとか四苦八苦して、やっと動くようにすることができ、無事にSekinegg Photo Galleryがスタートいたしました。サイトアドレスもhttp://sekinegg.com/がとれてとてもうれしくWebの勉強を5年行ってきた証を作ることができました。
まだまだ色々なものを入れたいと考えていますので、完成ではありませんが自分のライフワークとしてこのブログを使って進めていきたいと思っています。
ライトボックスはこのブログに載せた写真を大きく見せる役目をしています。何枚かの写真があるときは次に進むことができる優れたデザインのAjaxだと思います。
雰囲気は上の写真をクリックして見てください。
Lightboxの設定に関する記録を次に記したいと思います。
Lightboxはこちらからダウンロード  しました。
Lightboxを設定するのに trial and error さんのblog   を参考にしました。
以上のものを参考にして設定できました。
本当におかげさまでtrial and errorさんのブログが参考になりました。
インターネットの世界はすごいと思います。知りたいことがすべて情報としてあるのです。必要なものが必要な時に出てくるのです。素晴らしい世の中になったと思います。
さぁ、Sekinegg Photo Galleryがスタートします。肩の力を抜いて自分の感性で自分の心で写真を通して色々なものを写し止めていきたいと思います。

日時: 2007年11月11日 21:01 | | トラックバック (0)

検索


About Web

ブログ「sekinegg-blog」のカテゴリ「Web」に投稿されたすべてのエントリーのアーカイブのページです。新しいものから過去のものへ順番に並んでいます。

このブログのフィードを取得
[フィードとは]
Powered by
Movable Type 3.37