いち早く70%〜80%程度の完成度で人に見せられるものを作ることがいかに重要か、という話 - 肉とビールとパンケーキ by @sotarok
去年の年末、Facebookで以下の様な画像が流れてきて自分もついついシェアしたんだけど、久々に、というか、自分にとってのここ最近の課題をドンピシャで突かれたような気がして、しばらく頭から離れなかった。 出展: 中村 修治 - 中村 修治さんの写真アルバム | Facebook 「プロ」か「アマチュア」か、というのはこの際どうでも良くて、この図の、上の曲線が、目指すべきところだなって話なだけなので、とりあえずその話をまとめてみることにする。 けど、まぁ、だいたい、こういう話をまとめるのは苦手だし途中で面倒になってしまうので、以下サブセクションだけ先に作ってみたものの、ちゃんと書くかどうかわからない... が、まあ、いい！あと、なんかグダグダ書いてしまいそうだけど、結局、サブセクションのタイトルにしたことをこねくりまわしているだけです。 作ってみるまでわからない 何にも言えることだけど作って
情報収集をもっと快適にする「Gunosy」を使ってみた
Gunosyとは Web上にあふれる情報の中から，毎日，あなたの興味にあった記事を集めてきます。 さらにGunosyは使えば使うほど，あなたの興味を学習し，より良い記事を推薦するようになります。 登録する TwitterかFacebookのアカウントを使ってログインします。 そうすると情報を送ってくれるメールアドレスと、興味を分析するためのアカウントの追加（Twitter・Facebook・Hatena）設定をします。 解析してくれるので、メールがくるまであとは待ちます。 メールを受信 解析が終わるとメールが先ほど指定したアドレスに送られてきます。 さらに推薦記事を見たい場合は「すべての推薦記事を確認する」をクリックします。 Gunosyのページで見る そうするとGunosyのページに飛びます。 記事の一覧のページが開きます。上のメニューでカテゴリーも選べます。 ちなみにリンクをクリックし
大きな違いが一つ、日本と海外のWEBについて。 / Maka-Veli .com
日本と海外のWebサイトって、「どこか違う」そんな気がしませんか？ 色々見ていると、海外サイトが素晴らしいなと思うんじゃないでしょうか。 日本のサイトに無い表現が多く、表現技術も高いモノが多く見られます。 日本サイトでも、負けない程の素晴らしいサイトはあります。 個人的に最近好きなのが・・・ 回転寿司チェーン「おどり寿し」 このしずる感良いですよね。そして洗練された和の感じ・・・ そういえば、この「しずる感」っていう表現も日本独特で良いですよね。 ジョッガ なかなか日本で見られないダイナミックなデザイン。 配色がとっても綺麗ですよね。 こういったカッコ良さのあるクオリティの高いサイトも、 海外サイトを見ていると、けっこうな数で見つかります。 単純に絶対数が多いという点と、英字などのカッコ良さが要因かもしれませんが・・・ ただ、「海外にかっこいいサイトが多い」とい
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
Fireworksの「レイヤーからファイルに書き出し」が目からウロコ | バシャログ。
『哀しき獣』という韓国映画が面白すぎたので、もう一度観たいminamiです。 Fireworksの画像書き出しではもっぱらスライスの使用をプッシュしてきた当ブログですが、「レイヤーからファイルに書き出し」って便利じゃない・・・という衝撃を改めてお届けします。 「レイヤーからファイルに書き出し」使ってる？ Fireworksの書き出しメニューには幾つか項目がありますが、「レイヤーからファイルに書き出し」は今まで使ってきませんでした。 要因としては、 Photoshopと違いオブジェクトを直接編集できるので、パーツ毎のレイヤー分けを意識していなかった 画像書き出しはスライスが強力なので他の方法を気にしたことがなかった というのがあると思います。しかし、場合によってはスライスで管理するよりもこちらのほうが便利！ということで見なおしてみました。 同じレイアウトで大量に画像を作りたい 例えば以下のよ
HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
【導入メモ】Grow！ボタンを指定したURLや同一ページに設置する方法やコンテンツの編集など - すしぱくの楽しければいいのです。
公開日：2012年1月19日 カテゴリ：Web制作に役立つネタ 先日うちのブログでもご紹介したGrow！のサービス記事では多くのGrow!ボタンを押して頂きありがとうございました。('A')ノ ブロガー：何かしらの記事を書く 読む人：その記事が良かったらチップを渡す 『これはブロガーにとっては良いサービスだぜ！ヒャッハー！！』っというわけで、多くのGrow！ポイントが流通されればきっと積極的にボタンを押してもらえると思い導入メモ書いてみました。うまく設置出来ない人が多いので是非参考にしてください。 Growボタンの設置に関して今回やったこと。 Growって何？とか、どんなメリットがあるの？っとか分からない人は先日書いた記事を読んでとりあえずアカウント作って来てください。 良い記事やサイトへamazonポイントと交換可能なチップが贈れるGrow!ボタンを導入！各種設定や退会方法も｜susi-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのアイデアに悩んだ時に訪れたいサイトをまとめて一覧できる -Visual Heap
http://lab.alumican.net/webgl_chaser/