iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQuery製動画プレイヤーのjPlayer、スワイプイベントをサポートする為のライブラリ、TouchSwipeなども搭載されてい

UNIQLOOKSなる新たなUNIQLOの Webサービスがスタートアップしました。 Facebook利用のファッションスナップ 共有サイトです。個人的にUNIQLOの Web戦略の視点に興味があったので 過去のUNIQLOのWebコンテンツも見 直してみたいと思って簡単にまとめました。 というわけでUNIQLOのWebコンテンツをプロジェクト一覧からと、UNIQLO内で気に入ったコンテンツも混ぜてご紹介。 ご存知UNIQLOのTOPページ。 UNIQLO UNIQLOOKS スタートアップしたばかり。数ヶ国同時スタートのようなのでFacebook連動が一番相性良さそうですね。Flickrでもいいのにとも思ったんですが、理由が分かってスッキリです。 UNIQLOOKS ULTRA LIGHT TWEET! Twitterのアカウントを入れると、ふぁぼられ数の多いTweetを鳥がパタパタ運ん

css3の情報がかなり増えてきたので 一旦まとめておきます。基本的にはIE が非対応なので、実用はまだまだこれ からという印象でしたが、iPhoneやiPad の普及や、IEにも対応させることが可能 なライブラリの出現でかなり実用性が 上がったように思います。 そういうわけで、ブックマークしておいたcss3関連の情報をまとめて整理してみることにしました。重複した情報は出来る限り削いだつもりです。 ※jQueryなどのJavascriptや、HTML5と組み合わせたTips等の情報は出来る限り割愛しました。 リファレンス / 専門サイトまずは基本と教科書になりそうなサイトを抑える W3C / 公式です。セレクタ一覧CSS3リファレンス / 日本語のリファレンスサイトWebkit CSS Properties / Webkit対応プロパティの一覧。iOSも有りCSS Infos / css1～

なかなか便利だなと思ってご紹介。 自分のブログなどをスマフォ向けに 最適化したいけど時間が無かったり スキルがなかなか追いつけなかっ たり、という方も多いかと思います。 Mippin Mobilizerはその最適化を してくれるWebサービスです。 要はRSSを使ってこのWebサービス上でスマフォ向けレイアウトにしてくれる、というものですので、アドレスはMippin Mobilizerのドメインを使います。この点はmobifyと同じですね。 日本でもガラケー向けに最適化してくれるサービスがあります（名前忘れた）が、そのスマフォ版のようなもの。コーディングやマークアップも知識も不要で、マウスのみで作成可能です。 アドレスを入力する 最適化したいサイトのURLを入力します。矢印をクリックすると右側にプレビューが表示されますよ。RSSが発行されていればどんなサイトでもOKです。同時にレイアウトを

多くのサイトでFacebookのソーシャル プラグイン（いいね！ボタンとか）の導入 を見かけるようになりましたが、プラグイン の種類はいくつかあります。殆ど使われ ているのを見かけないので、なんとなく ご紹介してみようと思いエントリー。 ハードなFacebookユーザーなら知ってて当たり前かもしれませんけど、まだ普及し初めて間もないので一応ご紹介したいと思います。現状使われているソーシャルプラグインとさほど大差無いので特に使い分ける必要が無いのかも知れませんけど・・・一人でも「こんなのあったのか」と思って頂ければ幸いです。 Like Button 最もよく見かける「いいね！ボタン」です。こちらは、いいね！している友達のアイコンの表示も可能ですが、噴出しを利用している方が大半のようです。アイコンは後述するFacepileで実装可能です。 Demo Like Button Facepile F

個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送

なかなか良さ気なアプリだったのでご紹介。 Facebookのファンページのブログパーツも かなり見かけるようになってきた印象ですが、 FBMLを使ったオリジナルコンテンツのある ファンページはまだ少ない気がします。独自 の言語であるFBMLへの敷居は思ったよりも 高いのかも知れませんね。 とりあえず急ぎで作る必要がある、FBML（以前記事書きました。 / Facebook関連記事はここから）どころかHTMLも分からない、という方でもファンページにオリジナルのコンテンツを加えることが可能なFacebookアプリをご紹介します。 WYSIWYGで作成しますのでかなり敷居は下がるのではないでしょうか。 ファンページにタブ切り替え式のオリジナルコンテンツを、WYSIWYGを使って加えることが出来ます。その他、YoutubeやTwitter、ブログなどのRSSを読み込んで流すことも出来ますよ。 使い

少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン

徐々に数も増えてきてる印象の Facebookファンページですが、 便利なアプリも多数存在するの で使わないと勿体無いですよ、 という訳でファンページに良さそう なアプリをいくつかご紹介します。 FBMLが難しくて使えない・・！という方はアプリに頼るのもひとつの手です。多数存在するアプリから実用性のありそうなファンページ向けアプリを数点ご紹介します。 はじめに・追加方法はじめに、ファンページへの追加方法についてですが、簡単なんですが、若干分かりにくいので場所だけご説明します。 アプリのページに行って左サイドバーのプロフィール画像下部に「ファンページに追加」と出ますのでクリックしてアプリを追加します。あとはアプリ認証して設定すればタブに追加されます。 Static FBML ファンページ作成ではマストのアプリですね。オリジナルコンテンツを追加できるアプリです。使い方はこちらをご参照ください。

ちょっと感動したので脊髄反射で ご紹介。日本の不動産サイト向け に作られたプラグインがかなり良い 感じです。不動産サイトの構築も かなり楽になりそうですよ。こういう ものは有料が多いですが、こちらは 無料で提供してくれています。 いつ有料になっておかしくない気がしますので今のうちにDLしておきました。お礼も兼ねて記事にさせて頂きます。 WordPress 不動産向けプラグイン もう、なんというか感謝です。このプラグイン入れるだけで、かなり楽になりますよ。 ざっと機能をご紹介。 専用の投稿画面 ↑　通常の投稿画面とは別に、専用の投稿画面が用意されています。 画像を種類別に分けられる 不動産独特の画像の種類で分けられます。例えばキッチンとかトイレ画像とか。 管理用項目や詳細項目 物件番号、掲載日や制約の有無なども決められます。状態では空いてるかどうかの選択も。また、物件の種別、賃貸なのか分譲な