自身のブログ生活の中で、私が活用しているものってなにかなぁと言うのを洗い出し。 とりあえず最近はMacのまとめ記事はみるんだけど、Windowsがなかなか少ないのでビルゲイツァとしてはWindowsを言っておきたいところかなぁと。 情報の流れと旬、味の出所をつかんでおく さっそくツールを、と行きたいところですが、その前にブログにあたってどのように情報が流通しているのかと言うのを一通りおさらいしてみようと思う。 なぜなら、情報がどういう状態でキャッチされて、どう加工され、そしてどこを狙い打つのかというのがあって、初めて「ツール」と言うものが登場するからです。 あのブロガーが使っているからこれはいい、ではなく、結局自分のスタイルと言うものも一緒に確認してみてほしいのが今エントリーの狙いです。 ツールはあくまでも、ツールであり、使い方が人それぞれであると言う事を忘れてはならないのです。 なんでそ

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

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

とにかく増えていくfecebookとTwitterによる企業マーケティング大戦略。 なぜならこれほど優れたマーケティング＆広告ツールが、「無料」で開始する事が出来るからだ。 お金をかけずに無料で出来るならそれに越した事はない。 しかし現実は決して無料ではない。 そろそろ多くの企業が気付いても良いころではないだろうか。 ソーシャルネットワークの最大の魅力は人間力である もはや疑いようの無い事実。 ソーシャルメディアの肝は「人間的な魅力」「人間力」です。 「人間力」を使わずに成功しているのは一部の大手だけ。 それは単一の、もしくはユニークでアグレッシブなページを作成し、大規模なプレゼンを打って出ているところがほとんどです。最初から土台のない、弱中小企業がこれをまねた所でうまくいくはずも無く、空振りして終わります。 それでも「無料」だから・・・。 そう考えるのはとても甘いです。 ソーシャルメディ

リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール

まずグルーポンがとても大きな期待を寄せられているサービスであり、そして、それに類似したサービスが非常に多いと言うところがひとつのポイントです。 グルーポンは成果報酬型のサービスです。 なので出品、参加する企業にとっては「気軽に参加しやすい」と言う事。しかし、それがかえってグルーポン自体がもう少しきちっとした対応をしない限り、実はかなり多くの問題を抱える事になります。 焼肉からお寿司屋さんから様々です。 商品にいたっては色んな物が販売されています。 かなり極端な例を挙げます。ここまで赤字覚悟でグルーポンに参加する企業はそんないないそうです。 100人購入が成立し 2,500円で売れたなら1,250円をグルーポンに収める事になります。原価3,000円の売り上げが1,250円となります。 結果、1人に付き1,750円の赤字となります。 このグルーポンサービス。実際の店舗などでは、赤字覚悟で出店し

年末年始に一切webからはなれてしまった人向けの、非常にマニアックな年末年始ハイライト記事となっております。 内容はモバイル系、フリーソフト、webサービス系、ライフハック、5分でわかるプログラミングシリーズ、web制作系、web屋のための時事記事、そして今回の年始を騒がせたグルーポン騒動のまとめです。 極力ハイライトなのでそぎ落とすのが地味に大変でした・・・。 モバイル iPhoneユーザがGALAXY Sと過ごした７日間をまとめてみました Android端末を、WiFiのみで運用してみた結果がここにあります。Androidユーザーにお勧め。 Androiderが押さえておきたいブログ・サイトまとめ 様々なAndroidユーザー向けのサイトが紹介されて居ます。 人生の調律をしてくれる iPhone アプリ６選 | Lifehacking.jp 人生を調律してくれるという言葉に引かれて・・

もはやこの業界ではかなり浸透しつつある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;

無料素材配布サイト「足成」。 当ブログでもよく使っているサイトですが、このサイトがこのたび、女性アーティストユニット「SALBIA」の３人をモデルに、生活観のある女性の写真素材としてリリースいたしました。 これは必見ですね！ デビュープロモーション 2010 年10 月にシングル「GIFT」でデビューした女性R&B ユニット「SALBIA（サルビア）」とのコラボ企画を実現。デビュープロモーションの一環として、「SALBIA」メンバー三名の人物写真を、フリーの写真素材として配布を開始しました。 これ、実は結構すごい事で、今後もこうしたデビューにあわせて企画を合致させてくれると、どんどん写真素材が増えていくって言う寸法。 これは応援しないわけには行きませんね。 因みにこの足成。写真素材は、転売はもちろんダメですが、Web ページ制作やニュース記事のイメージカット、企画書等の様々な用途でクレジッ

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

というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。

フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ

Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V