以前作っていたデコメ用画像検索サイトをデザインしなおし、公開しました。
サイズ、使い勝手はスマートフォン向けに最適化、内容も出来る限りシンプルにしています。
検索エンジンにはGoogle Search APIを使用、使えば使うほどおかしいところ散見かもしれないですが、そこはBETAということで改善し続けていきます。
スマートフォンにしてデコメしたいけれど、画像がないといったかたにぜひ使ってもらいたいです。
LookApps for decomail / デコメ用画像を簡単検索
コンテンツ内容の整理を兼ねて、サイトをリニューアルしました。
今回はレスポンシブデザインを取り入れ、640px幅以下になるとスマートフォン向けのビューに切り替わります。
HTML5 + CSS3 +jQueryでマークアップ。
Dinを各ページタイトルのタイトルで大きく使い、右上に円をアニメーションで配置。
作品などはレシピサイトのものをベースにサムネイルからLightbox的な見せ方をしようか検討中です。
色々機能拡張する予定なので更新次第またご報告します。
最近外食より内食が主流なので家にレシピ本も増えてきたので、良さそうなものを集めてサイトを作ろうと思い、作りました。
名前は「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サイトを作る際のご相談も承っておりますのでこちらもよろしくお願いいたします。
掲載サイト
