なかなかユニークなWebサービスだった ので備忘録。他にもあるような気がします けどね・・例えばWeb制作などで、制作中 のデザインのスクリーンショットをアップし、 問題箇所をクライアントさんに指摘して貰お うという目的のWebサービス・Recurseです。 シンプルなサービスですよ。遠く離れた地にいらっしゃるクライアントさんに見せて問題箇所を指摘してもらう、というもの。メールのプロセスも結構な時間を有しますのでこういったサービスで無駄な時間を減らせれば素敵ですね。よくある「共有する」サービスでは無さそうです。 デモも用意されているのでテストしてみてください。以下に簡単に使い方をご紹介。 シンプルなインターフェースです。まず、プロジェクトの名や説明、背景の有無とスクリーンショットのアップロードを行います。 こうしてスクリーンショットをアップロード。View Screenshotをクリックし

よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul> デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示さ

Like!ボタンが思いのほか日本でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな？という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて いるファンページにオリジナリティある デザインのコンテンツを加える方法を ご紹介します。 [note]Facebook仕様変更により、FBMLは廃止され、Facebookページ（旧ファンページ）はHTMLやjsで作成出来るようになりました。この情報は今後役に立ちません。 新しく書きましたのでこちらをご参照ください[/note] 日本でもちょこちょこFacebookの利用者も増え始めてる気がします。そんなFacebookの機能の一つでもあるファンページ。そのままだと若干素っ気ない印象なので、オリジナリティあるコンテンツや、そのデザインを加える方法をご紹介。 Static FBMLを使うのですが、グ

先日御連絡頂きました。商用も OKの貴重な日本語のフリーフ ォントに新たに加わった「フォン トポにほんご」です。カタカナ、 ひらがなも漢字も使えますので ぜひ利用させて頂きましょう。 日本語フォントを作ることがどれだけ大変かを考えると、フリーでしかも商用OKで配布してくれる方を尊敬せずにはいられませんね・・・遠慮なく使わせていただきます！ 柔らかい印象のフォントでかわいいですねー。IPAフォントの漢字もOKですよ。これは即DLですね。 ゴシック系で使いやすい印象です。作成者さんからは 各種ウェブデザインやDTPにもお役に立てるのではないかと思います。 とのお言葉を頂いています。本当に感謝です。ライセンスが明記されたテキストファイルも同梱されていますので詳細はそちらをご確認下さい。 リンク先の下部、「フリーフォント ダウンロード.」でダウンロードできます。 Fontopo

居場所を共有するソーシャル サービスがいくつか存在します。 中でも人気のサービスがロケ タッチと foursquareです。でも、 どっちも自分には合わない・・・と 言う方は、流行りのFacebookで 試してみては如何でしょうか。 というわけで、Facebookで居場所を共有できるiPhoneアプリ、Checkinsのご紹介です。Twitterのように、自分の意思とは関係なくフォローされるだけで、居場所を把握されるのに抵抗があるならFacebookの方が安心出来るかも知れません。 Checkinsは取得した居場所を地図で表示→Facebookで共有出来るアプリです。サクッと出来るのが嬉しいですね。 Facebookの公式アプリにもスポット機能は付いていますが、かなりシンプルというかわかりにくいのでこれはこれで良いアプリだと思います。 使い方 アプリをインストールしたらアイコンタップすれば

Firefoxユーザーの時に使用していた CSSViewerを今更Chromeに入れて みました。やはり便利ですね、これ。 シンプルなので高機能を求めない方 にお勧めです。サクッと使えるのが いいですね。 ブックマークレットににたようなのあった気がするんですけど、これはこれで便利なのでお勧めです。 インストールするとアイコンが出るのでクリック後に見たい要素にマウス持っていけば、そこに指定されたcss見れます。 こんな感じ。テキスト、カラーなどで分けてくれているのも地味に良いですね。 Web制作の方に良さそうですよ。動作も軽いし、Firebug使うほどでもない、的な時にサクッと使えて便利です。 CSSViewer

9月30日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。 今日は5記事になります。 フリーで落とせる美しいアイコンセットベスト10 フリーの綺麗なアイコンセットベスト10です。 Top 10 Most Beautiful Icon Sets For Free Download iPhoneアプリのサイトデザイン80例 iPhoneアプリをアピール、ブランディングする為のヒントとして。 80 Best iPhone Application Websites ファッション系サイトのトレンド ファッション、アパレル系のWebデザインのトレンドをチェック。 Fashion Websites: Trends, Showcase, Interviews ビデオを編集できるオンラインツール20個 Web上で動画の編集を行

Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

9月20日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。 今日は5記事になります。 フリーフォントのベスト50 大量のフリーフォントの紹介です。 50 Best Free Fonts of All Time 50のオンライン画像編集ツール 無料のオンライン画像編集アプリ50個を紹介。 50 List of Free Online Photo Editing Tools 旗アイコン2400個セット 各国の旗アイコンが4サイズ同梱で総計2400個セット。 2400 Flag Icon Set コーポレートサイトに使えるエレガントなフリーフォント35個 商用サイトと相性の良さそうなフォント35個。 35 Free Fonts for Elegant Corporate Designs ハイクオリティな20の紙のテ

まだ試していませんが、個人的に 凄く気になったので備忘録。良く ある写真の販売サイトをWPで構築 出来るようになるプラグインです。 画像専用のショッピングカートっぽ い感じ。スクリーンショットを見る限 りではなかなか高機能な感じです。 まだWeb上で使っていないのと、ドルだけなのを、円に対応させる必要があるので実用化まではまだかかりそうですが、以前記事にしたWordPress凄いな・・と改めて思ったプラグインやテーマという記事に加えたいところ。色々出来るようになって行きますね・・ やろうと思えば現状のECサイト系プラグインなどでも出来る気がしますが、画像、写真の販売用のショッピングカートシステムのようなので期待したいですね。アイコンの販売とかも出来そう。 画像の大きさで値段も変える、などの設定も出来るようです。日本で見るのは手数料の取られる写真販売サイトが殆どなので自分のサイトで販売出来る

友達のWebサービスです。2chそっくり の掲示板をTwitterと連動させたWeb サービス。ちょっと今まで無い感じで 面白いですよ。用途もいろいろありそう なのでシェアしようと思ってエントリー。 外観も使用感もほぼ2chです。140字以上書けるのでスレッドを立てて議論する場に良さそう。Twitterのアカウントは分かるので2chほど匿名性もない感じです。 まとめる作業が必要ないTogetterみたいなものですね。Togetterと使い分けるといいかもしれないです。 そっくりです。TwitterのアカウントがあればOAuth認証でログイン出来ます。 Twitterにポストするかどうかの選択も可能なのでTLを気にすることも無さそう。 普通にスレもたてられる。 昨日リリースされたばかりなのでまだテスト段階ですが、期待できそうです。使ってみた方が早いと思うのでぜひどうぞ。 Twiちゃんねる

iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu

iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿論、iPhoneやiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示してくれます。特に設定も不要なのは楽で良い感じ。というか、iPhoneやiPad向けに作られたっぽいですね。 Touch-Gallery ↑ モニターのサイズに自動で合わせて拡大表示してくれるjQueryプラグインです。 ↑ PCで見るとこんな感じ。基本的には普通のLightbox系の拡大表示です。 ↑ iPhoneで見てもモニターサイズに合わせて拡大表示します。 ↑ 横にしても自動的に横幅に合わ

デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能です。勉強からスタートするおつもりなら無料のソフトから、という形もありではないかと思います。 そこで、各Adobe製品の代替ソフトとなるような無料のソフトと、その使用法が書かれたサイトをまとめておきます。 代替ソフトに関しては無料で使えるAdobeCS3の代替ソフトという記事を参考にさせて頂きました。 Phot

友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム