「丁度いいをかたち」にするデザインスタジオ。 Web制作・グラフィックデザイン・ディレクション

最近外食より内食が主流なので家にレシピ本も増えてきたので、良さそうなものを集めてサイトを作ろうと思い、作りました。

名前は「I ♥ recipe.」。AmazonのAPI使っているのでAmazonに載っていないものは載せられないのですが、独自のカテゴライズをして増やしていく予定です。

最近はシリコンスチーマーやココットなどの調理器具がセットになったムック本などもあるのでバレンタインのために作ってみるなどしてもいいかもしれません。

個人的には小太り系のレシピ本をもっと載せたいところですが、できるだけ作りやすそうなものを中心にということで。

この本も載せてほしいなどリクエストあれば、コメントいただけると幸いです。

レシピ本の話はここまでで、ここからはサイトの仕様。

システムはWordPressを使い、HTML5+CSS3+jQuery+less.jsで制作。

タグ部分やサムネイル一覧はjQueryで少し回転させてワンポイントにしています。

トップから本の詳細ページを見る際は基本、Lightboxのようにページ内で表示させるようにしています。

WordPressのテンプレートとして別途改変して普通のブログでも使えるようにするかは現在模索中。

 

Amazon APIを使ってブログ用に作ったのがこのサイト。ブログを書く際に載せる書籍やガジェットのリンクをもっと簡単に載せられないものか、複数、商品をのせられないものかと試行錯誤してとりあえずこしらえました。

動作はHTML5が動作するIE9以上もしくはSafari,Google Chrome,Firefoxなどで確認済み。IE8は疑。中身はPHP+jQueryベースで出来ていてStyle付きのHTMLソースを出力してくれるのでブログのHTML編集・投稿画面にコピペすればそのまま使えます。

アフィリエイト、アソシエイトIDを入れて検索しないとデフォルトのIDが振られるようになっているのでそこだけ注意していただければと思います。

今後は要望などあれば機能追加などもしていきたいです。

linked by blog-tools

 

2012年、よろしくお願いいたします。

今年の年賀状は「明るく、楽しく」がコンセプトでWeb用にアニメーションにした作品が上のデザイン。

昨年の２月から始まった仕事でスマートフォンやタブレット向けのデザインやマークアップを毎日するようになり、おかげさまでFlashと同じような動作をiPhoneやiPadでも魅せることが出来るようになりました。

業界の動きを見ていても今年はHTML5をベースとしたアプリケーションが次々と出てくる年になると思うので、このブログなどでいいアプリをどんどん紹介できればと考えています。

また、スマートフォン・タブレット(Android,iOS)向けのWebサイトを作る際のご相談も承っておりますのでこちらもよろしくお願いいたします。

掲載サイト

クリエイティブな2012年新春特設サイトまとめ

 

Nenga. 「皆と違う、年賀状」に新しいデザインを追加しました。
富士山と凧、梅の花などをアレンジしたもので横長になっています。

購入はDL MARKETにて。その他の作品もサイトに掲載しております。

 

Nenga. 皆と違う年賀状に2012年版のデザインを追加掲載しました。

タツノオトシゴのデザインやタイポグラフィーが中心となっております。

そのほか、掲載しているデザインで違う色味が欲しい、昨年版のデザインで といった要望をいただければ可能な限り追加にて対応いたします。

Nenga. 「皆と違う、年賀状」