2012年11月5日から12月26日までフジテレビで不定期に放送されていた薄気味悪い番組『EVEの全て』。 例えば１～３話は以下の様なスケジュール。 2012年11月5日　月曜日　深夜1時10分から５分。 2012年11月13日　火曜日　深夜3時45分から7分。 2012年11月16日　金曜日　深夜2時5分から9分。 まるで時間はバラバラ。それでいて新聞のテレビ欄にすら掲載されていないため、全てを見るのはまさに不可能とまで呼ばれた番組がある。既に半年も前の事ですが、この番組、非常に現在のインターネットによる恐怖をきっちり表現していて面白かったのでご紹介したい。 番組は全16話だが、時間は全部で75分。お時間のあるときにでもどうぞ。 それはもっとも身近な恐怖 まず、最初に流れた放送がこれだ。完全な盗撮動画。 これだけ唐突に流れれば、誰もがこれは一体何なのか？ 番組欄にものってないけど、大丈夫

Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い

何回目だろ。 とりあえず私が勝手に決めた11月と言えば自分の好きなブログを告白する月シリーズがやってまいりました。 2007年と2008年、2009年にやった記憶がなく・・・。気を取り直して。あと去年・・・か一昨年に紹介したブログは省略の方向で。 Web屋向けのブログ デザインどや！？ Webデザイナー・デザイナー向けブログ。 来年度あたりから鉄板になるかも？な勢いのブログ。デザイナーなら見ておいて損はないかと。 記事のテイストが妙にバラバラで落ち着かないのはなんでなのか。ちょっと違和感があるかなぁと。 どや！？WordPressで企業サイトを作成するときに便利なプラグイン（設定方法解説） バニデザノート Webデザイナー、デザイナー向けのブログ。 なんか急にきたなーっていう印象。なんでこんな急に来たのかを検証したいほど興味深いブログ。あいや、記事の内容はつぶぞろいなので文句なしです。あと

暇さえあれば人のブログみて「ほぉほぉへぇへぇ」言ってる私ですが、一応朝の新聞くらいは読みます。 テレビに関しては最近あまり見ないですけど、19時から23時の間で息抜き程度に見ます。見ると言ってもPCにつないだUSBポータブルモニターで見るので「ながら見」ですけど。 さて、そんな私ですが、インターネットにおける個人について最近よく考えます。 ソーシャルメディアが急速に普及しているなかで、完全に『人』がコンテンツ化している現象をよく見かけるようになりました。 で、当然のごとく現れるんですが、時代はキュレーションとソーシャルメディアだと。 イヤーなんか違うなーそれーと思ったわけです。 時代はソーシャルメディアだ？？ きっかけはソーシャルメディア戦略うんたらというセミナーに参加したことなんだけど、これがなかなか酷かった。 とにかくソーシャルメディアが素晴らしい！ Twitter、facebookは

料理初心者でレシピとか全く分からない私が、今年からちょと作り初めてます。ネットで色々と出てきたのを、見様見真似で作って見て、実際に美味しかったものをご紹介します。あと基本的に私パンが大好きなので、パンが多いですすみませんほんと。 ちなみに北海道のとれたてのホタテは、焼く、醤油いれる、バターのせるだけで超絶美味しいので料理から省きました。 おすすめレシピ 表面はサクッ、中身はフワッ、たった1分で中まできっちり染み渡るフレンチトーストを作ってみました このままつくると牛乳がひどかったので、牛乳すこし少なめにして、変わりにメープルシロップ少々入れるとうまいす。最後に荒い砂糖かけて食べると食感も楽しめます。 ふっくらフワフワのフレンチトーストは最高だ！おいしい焼き方を教えてくれ！！ ここ見ると、牛乳のかわりに珈琲とか入れると美味しいとか・・・。あとホテルオークラの昔のレシピものってるので、あとで試

web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも

2007年1月。私がブログを始めた同じ月にミャンマーの青年が個人でも商用でも無料で使えるFreeFlashTemplateというサイトをオープンさせました。Flashのテンプレートを無料で提供というスタイルですね。 とても素晴らしいソースとして、結構使われた人も居るかもしれません。ある程度広告収入と言う方法で軌道に乗せたNetDNAは、その一年後2008年に、FreeCSSTemplateというサイトも同時に発足。 そして現在。総テンプレート数が335個。 改めてこのサイトを見ると、かなり優れたものが多いので、だいぶ前に紹介した気がしないでもないのですが（他のブログでみただけかも）、再度ご紹介したいなと思います。 とりあえず使う前の注意 個人、商用問わず利用可能です。作品を複製、頒布、展示、実演することができます。二次的著作物を作成することができます。本作品を営利目的で利用することができま

精神論とかそういうのあまり好きじゃないので、こういうのもなんなんだけど、結構最近よく見かけたり、時には聞かれたりする。 webって儲かるのとか、iPhoneアプリは儲かるらしいね！とか、ブログって儲かるのとかうんぬんかんぬん。 いやそりゃ儲かるっちゃ儲かるんだけど、儲からないっちゃ儲からないわけで、その謎の儲かる感はどこからくるのかなと不思議でしょうがない。特に個人でも色々と始める事ができるのがネット。個人でやるからこそ忘れてはいけないものがあるんじゃないかなぁと。 ※写真はなぜかiPhoneにさして受話器で通話するというオモシログッツを東京で見かけて思わず撮影したものです。 『楽して儲けるカラクリにはまってはいけない』 突然電話きて、情報商材をかったんだけど書いている内容がちょっといまいちと言う事で相談に乗ってきました。 早速、ハンバーグランチでも食べながら資料を見せてもらいました。 内

webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること

さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ １）水の模様のテクスチャ35 ２）砂漠や砂、ぬれた砂漠の模様など35枚 ３）レトログラウンジ迷路模様 ４）キュートなのかなんなのかちょっとわからないテクスチャ ５）青と白のグラウンジパターン ６）皮模様のテクスチャ ７）本皮模様テクスチャ40枚 ８）ゆるふわ毛皮パターン ９）葉っぱのテクスチャ画像 １０）布系のテクスチャ画像 １１

噂のターンテーブルやって見た。これおもろいわー。 一言で言うと、DJプレイを手軽にネットで楽しめるというもの。ただ聞き流してるだけでも面白いかも。 早速レビュー。 早速ログイン ログインにはFacebookアカウントが必要なのでない人は、先にFacebook登録しなきゃなりません。 逆に言えばFacebookアカウントさえあれば1クリックでログインできるのが特徴です。 ※追記１ どうやらFacebookに友達がいるか、もしくは既にこのサービスを利用している人が友人にいないと参加できない規制が入ったみたい。 ※追記２ 新規お断りに規制されちゃった。 次にルーム。 ログインするとFacebookでのお友達がログインしている順にルームが表示されてます。 先に名前を変更したいという人は変更しておこう。 Facebookのままだと実名だが、ここで変更しておく事が可能です。 自分で作成する場合はCre

なんか以下の記事が面白そうだから続いていこうかと。 Webデザイナーの嫁が知るべき71のこと でも30とか超えると多すぎて読まないのでめっちゃ少なくしました。 ヘビーソーシャルネットワーカーの嫁が知るべき24のこと １）自宅で静かにiPhoneをいじっているとても静かな旦那は、常に世間の迷惑など考えずに叫び続けている ２）ツイッターとFacebookで別人のケースがあるが、リアルでも別人の夫を見て、そのギャップを楽しむ余裕が必要 ３）写真を夫が撮ったら、その瞬間Twitterで写真が公開されていますので、緊張感を持って行動しよう ４）夫はGPSで現在地を公開しながら生活している ５）家で全くしゃべらず、ネットでめちゃくちゃしゃべっている時は、本当はすごく寂しい時なのでやさしく声をかけて上げましょう ６）夫は仕事に出かけたはずなのに、めちゃくちゃTwitterでしゃべってても、仕事は何故か普

Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて

私が良く見かける35の行動パターンに名前をつけてみようと思う。 年末の誰も見てない時に公開しようと思っていた、ただのネタだったのですが、結構時間がかかりこの時期に・・・。 注意書き 今回ご紹介する人達のツイートは全て私の手で作り上げられたものです。 本人がツイートした物は一切ありません。また、掲載にあたっては全て本人の了承を頂いていますが、了承を頂いた範囲は「アイコンとユーザー名」であり、後はネタとしてどのように使われても良いという了承を頂いた上で使わせていただいております。 なので、本人のツイートとは一切関係が無いフィクションであるという事をご理解ください。 追記 35個のつもりが17が2つ、18が2つあり、実は全部で37個ある事が判明しました。まぁ、いいよね。 1.おは砲 おはようのメンションを一人一人、丁寧に送る。 送られてきたほうは、毎朝ちょっとだけ幸せになるが、その人が送ってない

webにかかわる人も、そうで無い人もデザインにかかわる全てのクリエイターなら、一度は通る道が、タイポグラフィデザインです。 文字、いわゆるテキストさえもデザインする事で、デザインの幅は大きく広がります。 今回はそうしたクリエイターに送る資料としてホットでクリエイティブなタイポグラフィ作品をまとめました。 また、これからタイポグラフィについて記事を書こうと思った方の資料として使っていただければという思いも込められています。 キュートでかわいいタイポグラフィパターン ちょっとしたアクセント、背景に注目です。 リンク先で拡大画像が見れますが、それぞれの文字がフルーツで出来ています。 立体的な造形物です。リンク先では様々な角度からの画像が見れます。 リンク先ではそのほか様々な作品が閲覧できます。 このページでは、そのほかラブリーなタイポグラフィが閲覧できます。 チュートリアルになっています。 リン

もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター

フルFLASHサイトを紹介するエントリーがありました。 多分「いいね」ボタンがあったら、みんな押しちゃうんじゃないかな？ FLASHでできたWebサイトには、いろんなワクワクがありますよね。 そして、こういうサイトを見るときにはユーザビリティの事を一度忘れて見ましょう。そのほうがぐっと楽しめるはずです。 私が選ぶBEST7 20 Flash Sites for Your Inspiration 20個のうち、私が是非見ておいてほしいなと思うものは7つ。 全体的に音出るサイト多めなので、ご注意ください。 1)thibaud.be デザイナーさんのポートフォリオサイト。 私の中ではキングオブデザインです。使いやすさ、見易さ、さわり心地、どれをとっても最高です。 このアイデアはかなりいいかもしれない。 と言うか惚れる。 2)nadinefeghaly.com イラストポートフォリオの中でも、非常