Web & AOR Music Blog

I'm Web Front-End Engineer. I like AOR music.

Manic’s Merrymaking Must-Haves

2012/1/15 18:35 | Category Food | Comment (0)

“For Christmas this year, we decided to do something a little different. We were bored with the typical Christmas cards. And we had a dozen pairs of restless, crafty hands at our disposal. In just over a month, we managed to create a set of magical packages for our friends and clients. Each item is certified handcrafted by our team.

This kit holds all of Manic’s secret ingredients for a remarkable Christmas. Consumed correctly, this bundle will produce the most magical effects; eternal youth; a keen nose to guide you to the nearest bar; an outstanding sense of humour; and an insatiable desire to be merry.

Too good to be true? Take a look at our team, be dazzled by their spectacular charm and unending supply of good fortune.

Effects are instant and last between six to twelve hours. Consume and take the night by storm, or kick-back and watch your stars align.”

Pereg Gourmet Natural Foods

2012/1/15 18:33 | Category Food | Comment (0)

“Pereg Gourmet Natural Foods launched its Quinoa-Rice-Couscous line, “superfood” mixes that combine major health benefits with international flavors. With this line, Pereg exceeded the normal bounds of wholesome flavorful food production and challenged Squat Design to create packaging that has a savory, tasty appeal, visually communicates the natural, nourishing qualities of the products and stimulates the consumer.

Squat Design’s expert art direction unified the visions of graphic designers, the photographer and stylist to create artful packages that stand out on the shelf. Our designers opted for recycled, raw-type paper to express the natural feel of the product and our technical team worked intimately with the printer, to resolve the issues of complicated printing techniques, in order to realize the desired design.”

日曜Webクラス WordPressのためのPHP勉強会

2012/1/15 17:12 | Category Webサイト制作 | Comment (0)

●WordPressデザインギャラリー

http://wpgallery.kachibito.net/

http://wpgallery.kachibito.net/2527.html

●Amazon API

http://www.ajaxtower.jp/ecs/

●PHPマニュアル

http://php.net/manual/ja/index.php

●PHP基本的な構文

http://www.php.net/manual/ja/language.basic-syntax.php

●PHP日付の設定方法

http://php.net/manual/ja/function.date.php

●TAさん作成のサンプルCMSサイト

http://yuutakimoto.com/wp/

●日本語版 WordPress チートシート

http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/

●Webフォント
・No More Bullshit. Join the Revolution

http://www.theleagueofmoveabletype.com/

●jQuery val

http://semooh.jp/jquery/api/attributes/val/val/

fn+Deleteなんとかならないのかなぁ？

2012/1/14 4:00 | Category 未分類 | Comment (0)

Mac Book Airのキーボードのdeleteキーが、Windowsでいう所のバックスペースなので、ちょっと不便。

まぁ、fn+deleteで、deleteキーにはなるんですが、なんとかキーボードの設定で変えられないモノだろうか？

そうそう、縦スクロールの設定は、すぐに逆方向に変更しましたヨ！
Magic Mouseまで逆方向で作業するのは無理です・・・

– - – - – - -

さて、それはともかく、

●BetterTouchTool

というソフトをインストールすると、トラックパッドが格段に使い易くなるらしい。

http://nori510.com/archives/4208

http://blog.livedoor.jp/lashow/archives/3704491.html

http://5509.me/log/bettertouchtool

明日、試してみよう〜

●KeyRemap4MacBook

これは危険かなぁ？

http://note.openvista.jp/2009/adjusting-keyboard-for-switcher/

Mac Book Air 13インチ購入！

2012/1/13 8:07 | Category Webサイト制作.買い物 | Comment (0)

1/11(水)の夜に、Mac Book Air 13インチ 256MB 1.7GHzデュアルコアIntel Core i5
を水曜日に購入いたしました。

Mac Book Air 13インチ 256MB

Mac Book Pro 13インチの方がi7プロセッサ積んでいるし、金額も安いんで、メインで使うのが目的な方はそっちの方がオススメでしょう。
私はメインのiMacがあったのでAirにしました。
というか、絶対迷うので『Airを買う』と決めてからお店に行きました。

- – - – - – -

3連休終わるまでの、自分でもビックリの正月ボケでグダクダ過ごしてしまったので、自分に気合いを入れようと禁SNSしていました。

Windows7も動くのサ！
写真3のように、MacがIntel製のCPUになってから、MacにWindows7が同居できるのです[m:76]そういう理由もあってWebデザイナーさんは、Macを使っている人が多いです。

まぁ、実際の理由は、Macの動きには『この動き！をWebサイトでも実現させたい！』というのがあるという理由が多いみたいですが・・・

実際、今、日曜に通っているWebクラスの先生、生徒さんは、Mac率100%、iPhone率100%です。しかし、現実の世界はInternet Explorerがイチバンだと思っている人達が大多数な訳で、どうやって説明したらイイか？悩む所です。

- – - – - – -

さて、新規購入の、キッカケは今使っている2008年製のiMacのOS X 10.5 Leopardが、最新のFlash Player11.1で見捨てられてしまって、

下記のFlashサイト

http://wonderfl.net/

にアクセス出来なくなったのがキッカケでした。

- – - – - – -

Mac OS X 10.6 Snow Leopardにアップデートすればイイ話なんですが、ちゃんとバックアップも取っていなかったので、

・本格的にTime Machineを始めよう
・MacにWindows7を同居させてみたい
・xamppというサーバープログラムをローカルで使ってPHP+MySQLを使いたい

などと、いろいろと挑戦してみたい事があったので、そうなるとサブのマシンが無いと、ちょっと怖いってなって感じだったので、今年は頑張るゾ！という意味もこめて思い切りました。

- – - – - – -

そうそう、2008年製のiMacの内蔵DVD-Rドライブが調子悪いっていうのも大きな理由でした。TSUTAYAで借りたCDを取り込んだ時に付いていたシールが中で取れたらしくカタカタ音がしていたのですが、
例のKOINONIAのeco-DVDを入れてみた時にトドメをさしてしまいました。

まぁ、CDは読み込む事は出来たのですが、DVDはヤバイ音がしていたので、12月頭に24倍速の外付けDVD-Rを購入していたのです。

外付けDVD-Rを持っていれば、Airでも大丈夫って自分に言い聞かせて・・・

- – - – - – -

イーモバイル

光るキーボードがカッコよくて、嬉しくなります。

イーモバイルとも契約してみました。ポケットWi-Fiも実際、試してみないとよく分からないですしね。
かなりWi-Fiスポットは増えてきたのですが、スクールとか仕事先で繋がらないと意味がないので・・・

下り42Mbpsとか言われちゃうと、家の下り8MbpsのCATVのインターネット回線とか、iPhoneのパケホーダイプランとか必要なのか？と感じてしまいますね。

という訳で、2012年、頑張ってサイトをたくさん作りたいと思います。

とりあえず、Bar Breezin’のドメインを私が持っているので、日曜Webクラスの卒業制作は、マスターの要望のジャケメインのサイトを制作予定です。

今年もよろしくお願いいたします。

jQuery Mobile, ブログからfacebookの更新

2011/12/30 23:13 | Category Web関連メモ | Comment (0)

●jQuery Mobileでサイト作りたい〜

http://cookpad.it/#/.mobile?page=4

http://cookpad.it/

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://s-peace.com/195.html

動画は、コレを使うと使い易いのか？

●渋谷 アリマックスホテル

http://okwave.jp/qa/q5396343.html

●Mac iTunes ビジュアライザで検索した時、出たヤツ

http://flare.prefuse.org/demo

http://clockmaker.jp/blog/2008/10/pv3d_visualizer/

日曜クラス 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://www.jqmgallery.com/

http://jquerymobile.com/demos/1.0/docs/buttons/buttons-icons.html

——-

●卒制 作品

http://meltingpoint.sunnyday.jp/twinkledays/

●素材

http://www.istockphoto.com/

http://ma7.mashupaward.jp/apis?locale=ja

●参考サイト

http://creative-award.yahoo.co.jp/

http://world-cruise2010.com/

http://feed.spfdesign.jp/entries/000022.php

Web関連facebookに流れていたメモ

2011/12/24 1:12 | Category 未分類 | Comment (0)

●ハートの写真

http://slodive.com/inspiration/pictures-of-hearts/

●CSSトランジション

http://kudakurage.com/ipad-html5/transitions/collection.html

●CSSアニション (Safariでしか動かない・・・)

http://tympanus.net/Development/ImageTransitions/index.html

http://w3q.jp/t/976

●直感的な操作で日々の行動を記録
〜 時間の使い方を見直すのにも役立つ『Fathm』 (iPhoneアプリ)

http://ipodtouchlab.com/2011/12/fathm-iphone.html

« Prev

Next »

Copyright © Web & AOR Music Blog, All Rights Reserve.