nanapiのデザインプロセス（その２） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 前回の記事に続き、サイトデザインが生まれる過程（デザインカンプができあがるまでの試行錯誤）を振り返ってみたいと思います。 私がデザインをご依頼いただいたときに踏むデザインプロセス 目的を明確にし、戦略を決める 要件定義を行い、サイトの構造を決める ページの骨格を決めたり、ページの中で見せたい情報に優先順位をつけたりする 見た目の表現を形にする 大枠に考えるとこのようなフローでデザインを行います。プロトタイプを作ってから問題点を見つけてブラッシュアップをする場合は2〜5をいったりきたりすることも多いです。 また、そのときのコンディションによって順序が入れ替わることもあります。 デザインプロセス（その１）でやってきたことを振り返ると、
nanapi [ナナピ] 生活の知恵があつまる情報サイト nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
nanapiのデザインプロセス（その１） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
デザインプロセスを共有できたら楽しい - エスカフラーチェLLC
私はgihyo.jpの連載のタイトル名でもかかげているとおり、独学でWebデザインの世界にとびこんできました。 この連載では、私自身が独学でとびこんできた経験に基づいて、なるべく、私自身が実際につまずいてきた場面をふりかえながら書くようにしています。独学でWebデザインをやってみたい！と考えている方に何かヒントになればうれしいです。 ところで、こうして書いている今も常にデザインに関する勉強はかかせないわけですが、勉強を始めたての頃は「デザインの勉強」と言葉では言っても、何からはじめればよいのかわからないまま手探りでした。 勉強のなかで大切なのは、未熟でもなんでもいいからとにかくたくさんつくってみることなんだと思います。そして、より多くの人にみてもらうことでいろいろな意見をもらうというのは自分で見えなかった視点の気づきが必ずあるためとても良い勉強になります。 それと同じくらいに、完成作品に対
告白するなら、コクッター！
あのひとに想いを伝えられる・・・かもしれない、Twitter を使った告白サービスTwitter でいつも気になるアノ人(/e＼) 告白したいと思うけど、なかなかタイミングがつかめない・・・ そんなシャイなあなたに。告白するなら、コクッター！ コクッターは、Twitter を通して、気になるアノ人に告白をするためのサービスです。コクれる率が低いと、コクっても伝わらないかもしれません。そんなあなたは、コクれる率を高めてからリトライしましょう。 告白が伝わった場合、相手には @ 付きの発言として届きます。@ 付きの発言なので共通のお友達に公開されます。 【コクる手順】 まずは、あなたの Twitter ID とパスワードを入力します。 胸に思いをふくらませつつ、アノ人の Twitter ID を入力してください。 ストレートに、想いを書いてください。Twitter は、あまり長い文章を受け付け
microformats (hCalendar) から Google Calendar に楽々インポートする方法 - pur*log
microformats (hCalendar) から Google Calendar に楽々インポートする方法 2006-06-27T18:07:54+09:00 Tag: CSS, event, Google, hCalendar, microformats, seminar, webstandard 2006年7月15日（土）に CSS Nite & Web標準Blog presents Web標準の日という、とても興味深いイベントが開催されます。目標動員数が500人と大規模で、豪華な講師陣が並ぶイベントということで多くの Web 関係の方に注目されているイベントでもあります。早速このブログでも告知バナーを貼付けてみました。 Web標準の日 特設サイトの中で、注目していたのは イベント概要のページ内で microformats をさりげなく導入していることでした。 microfor
(X)HTML の id/class における命名規則 on CSS Flight - Jun, 15th 2006 (6)
(X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね？とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた ２年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin)