癒しの森リフーレさんにお邪魔してきました

こんにちは！
仙台でホームぺージ制作をしております、ピクセルのエイジです。

会社の近くにあるサロン、リフーレさんの所にお邪魔してきました。
癒しの森と言う名前の通り、入口に入ると落ち着いた空間と様々な装飾が目を
楽しませてくれました。
リフーレさんは「トータルの癒し」をテーマにしているリラクゼーションサロンです。
オーナーを務める峰岸さんは「暖かい方」と言う言葉がぴったりな方で、リラクゼーションだけでなく
僕の心の方も癒してくれました（笑）

素敵なサロンなので写真をいくつか撮らせて貰いましたよ！
心と体が疲れたなぁ・・・と思っている方はリフーレさんのお店に寄ってみて下さいね！
宮城野区原町にあるOKスーパーの向かい側にお店があります。


仙台でホームページを作るならピクセルで！
http://pixel-co.com/

ポケモンGOで松島へGO!

仙台でホームページ制作を行っております、株式会社ピクセル代表の佐々木です。

土曜日は松島へ行ってまいりました。

観光ついでに、ポケモン探し（笑

松島はやはり有名観光地と言う事でしょうか、かなりの数のポケストップがあり、ポケモンGOをプレイされている皆様にもオススメです。

ポケストップを見ていると、今まで行った事がある場所でも、オブジェの名称なども知る事が出来て、ちょっと感動です。

街中だと、本当にそんな名前？なんて怪しいものもありますが・・・

松島では、「どんぐりころころ発祥の地」？なんて場所も見つけました。

観光ついで、と言いましたが、どちらが目的か、最終的にはわからなくなってしまいました。

歩きスマホには気を付けましょう。

東北なので、修学旅行などでよく訪れますが、オトナになってから見る光景はまた違いますね。

ポケモンに襲われる。

そしてウミネコにカレーパン襲われる。

とても美しい朝顔と、おしゃれなデザインの黒板が印象的でした。

屋根の裏側の造形など、建築物の美しさに目を奪われます。

株式会社ピクセル

おしらせ

8/12に七ヶ浜SEASAWで、プレミアム婚活パーティーを行います！

http://www.pixel-co.com/

七ヶ浜のアートカフェバー「SEASAW」

こんにちは！

仙台でホームページ制作をしておりますピクセルのエイジです！

実はピクセルなんですがホームページの制作だけではなく、イベントの企画もさせて頂いています。
夏のイベントの打ち合わせも兼ねて、七ヶ浜にあるアートカフェSEASAWさんにお邪魔してきました。
（アポなし訪問・・・オーナーさん、店長さんごめんなさい・・・）

どんなイベントをやるのかは近日公開しますが、夏にイベントをやるにはここしかない！
と思うほどにとても素敵なロケーションでした。

海が本当に目の前にあり、地元のサーファーなども結構いましたよー！

ローカル色が強めに見えるかもしれませんが、店内はすっきりと広く、落ち着いていて
気軽にふらっと寄れるお店なので、七ヶ浜に寄った際はぜひふらふら～っと行ってみて下さいね！

今回僕はカボチャプリンとハチミツレモンソーダを頂きました。
昨日今日と天気が良いので、暑い日にはグビーって飲みたいですね！

そして肝心の写真なのですが、食べ物や料理を撮る習慣がなく
景色とお店の写真だけになってしまいました・・・

素敵なお店と美味しい料理は現地で確かめるのが一番！

ホームページの制作はピクセルで！

http://pixel-co.com/

蔵王で遭難！？

こんにちは！
仙台でホームページ制作をしております株式会社ピクセルのエイジです。

最近雨が多くて片頭痛持ちの僕には辛い時期です・・・
今日は少し晴れ間が見えて気持ちも良いですね！

先日仕事で蔵王と七ヶ宿に行ってきましたよ！

元々蔵王と七ヶ宿は休みの日にも結構な頻度で行くので
楽しみながら向かいました。


ところが・・・

七ヶ宿の方面に行くにつれ、霧が濃くなっていき、
しまいには２メートル先も見えない位になってしまい命の危険すら感じる！

（２メートル先が見えないはちょっと盛りました）

いつもとは違うファンタジーの世界に迷い込んだ日でした。

そんな道のりで疲れてお腹が減ってしまい
帰り道で蔵王のいがっだ揚げを買っていきました。
（２種類のそれぞれの揚げドーナツの中にトロッとしたチーズとチョコが入っているスウィーツ）

社長、大絶賛です（笑

蔵王に行かれる際は是非！いがっだ揚げを食べてみて下さいね！

※いがっだ揚げ写真撮れば良かった・・・

宮城でホームページ制作をするならピクセルで！

http://pixel-co.com/

WEBサイトもようやく活動？

仙台のホームページ制作会社ピクセルです。

ホームページオープンから1ヶ月くらいですが、WEBサイトからのお問い合わせもいただくようになりました。ホームページ制作会社がひしめくこの世の中、なかなか厳しくはありますが、少しずつでも前に進めればと思っております。

散々ホームページの重要性を語っているくせに、 WEBサイトからの問い合わせが無いのでは説得力ないですもんね。

先日の記事の続きで、技術的な話題になるのですが、トップページのキャラクターアニメーション、先日のjavascriptだと、スマホ版トップページのナビが、アニメーション表示時に動作しないミスを発見しました。

z-indexを以下のような順序にしていたせいで、メニューの上にアニメーションが重なった部分のボタンが反応しなくなっていたのです。

最前面　アニメーション
　　　　ヘッダー
最背面　コンテンツ


なので、以下の一文をハンバーガーアイコンクリック時のアクションに追加。
メニュー表示と共に妖怪たちはフェードアウトする仕様にしました。

$("#canvas").fadeOut('fast');

これでcanvas表示のほぼ問題は解決かな？？？


制作会社ピクセル
http://www.pixel-co.com/

ホームページの細部に無駄なこだわり

仙台のホームページ制作会社ピクセルです。

今回は技術面のお話です。

6/19のエントリー、HTML5canvasによる小細工で、html5canvasによるアニメーションを入れた、と書きましたが、その後の変化に気づいていただけましたでしょうか？

歌と森の妖怪屋敷、主人公歌の他に、数種類の妖怪が駆けて行きます。
スマートフォンで見ると、空から飛んで来るアメフラシにちらつきが生じてしまうのですが、PCではスムーズに再生します。

だから何？と言われればそれまでですが・・・（^ ^;

canvas表示部分（アニメーション展開部分）のボタンが押せない、というトラブルがあったので、以下のように、「最上部から700pxスクロールしたらcanvas要素を消す」という指示をjavascriptファイルに以下を追加して、無事解決。

$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 700) {
$("#canvas").fadeOut('fast');
}
});
});

また、メイン画像部分のテキスト（h2）の下のコピーに対し、スクロール位置によってフェードイン、フェードアウトする処理を入れました。

$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$(".catch").fadeOut('slow');
} else {
$(".catch").fadeIn('slow');
}
});
});

スマホでは高さ次第でアニメーションがヘッダー部分の下になってしまうバグを発見したので、z-indexを調整してcanvasを最前面へ表示しました。

誰も気づかないような細部の修正でした。
使えそうなソースあれば、ご自由にお使いください！

株式会社PIXEL
http://pixel-co.com/ 

ヒューガ課長の巻

こんにちは！
仙台のホームページ制作会社ピクセルのエイジです！

今日は松島と名取に行って来ました！
仕事で行ってきたのですが、どちらも休日にゆっくりと行きたい場所でした。

そんなピクセルの会社ではマスコットがいるのです！

その名も・・・


【PIXEL】ヒューガ課長です！
ぜひ、この課長の写真に癒されて下さいね！

仙台でのホームページ制作はピクセルで！
http://pixel-co.com/