2013年として最近のフリーアイコンを探すと、どこもかしこも「フラットアイコン」ばかりでしたが、一つここで総まとめしておきたいと思います。 フラットアイコンも、よーくみるとそれぞれ若干の違いや特徴があるんだなと、並べてみるまであまりわかりませんでしたが・・。というわけでして、無料アイコンをお探しの方はチェックしてみてください。 フラット無料アイコン ソーシャルメディアフラットアイコン。 ソーシャルメディア、ブラウザ系の無料フラットアイコン フラットUIアイコン iPhoneアイコン用PSDファイル 各種ファイル用のフラットアイコン1 各種ファイル用アイコン2 フラットアイコン Vol.1 フラットアイコン Vol.2 フラットアイコン Vol.3 フラットアイコン Vol.4 サークルバッチ型の無料アイコン いろんな形のソーシャルメディア用フラットアイコン WebサイトUI無料アイコン 各

多くのWebサービスが立ち上がり、そして消えていったこの５年。 それでもまだまだ斬新で面白く、無料、もしくは低価格ではじめることができるサービスが多数あります。 そんなわけで今回は、Webサービス立ち上げ時のユーザビリティの報告をまとめたいと思います。 問題１）SNS連動には理由が無い 実にこの５年間で、FacebookIDがあれば開始できる、TwitterIDがあれば開始できるというWebサービスは膨大に増えました。 しかしその影にかくれ、ユーザーが抱く不信感が増えています。 その一つとして 勝手に拡散されるのがヤダというもの。 実に明確な理由の一つですが、FacebookIDを利用するサービスに多いです。 要するに、ログインしただけで自分のFacebookフィードに「○○がこのサービスを開始しました」と勝手に流されるのが嫌なわけです。 また、なにかする度に勝手にフィードを汚される事もあ

オーストラリアに行っていた中学時代の友人が、現地のWeb制作会社で働いて、この度現地の差別的な扱いに嫌気がさして帰って参りました。 同時に、「じゃぁ一緒に語り明かそうぜ会」を開いたところ、8人のむさくるしい男と3名の天使が集い、決して合コンではない同窓会を開いたわけです。そこでは製造業をする人もいれば銀行の受付をする人など、様々な業種の人が集まったわけですけど、まぁ私としてはオーストラリアのWeb制作が気になったものでその辺を熱く語り合ったお話をまとめさせて頂きました。 当たり前ですが日本は大きく違う メンバーのなかでWebに関わる仕事をしているのは天使2名と男2名（私含む）という状況で、そのへんの話がどうしても盛り上がってしまったのです。 オーストラリアと言えばコアラですが、そんなことよりBOSSがすごいという彼（以下；銀メガネ）。 彼は私におみやげを用意してくれていたようで、変な人形の

美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T

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

Twitterの影響によって、ブログ界での記事のタイトルに変化が起きている。それは静かにやってきて、少しずつ大きな影響を与え始めている。 Yamadaです。 というわけで、今回注目したのが最近ブログ界隈で起こっている『タイトル』の微妙な変化について考えてみましょう。 代表的な変化 極端な例を上げます。 レベル0 今までのごく一般的なタイトル 『iPhoneの満充電を10回行えるモンスターバッテリーの登場　アイホンバッテリーブログの日記』 これを起点に考えてみましょう。 レベル1 ユーザー名の挿入 『iPhoneの満充電を10回行えるモンスターバッテリーの登場 @yamada_nt アイホンバッテリーブログの日記』 リプライ名を挿入することで、どこでどんなツイートをされているかをわかりやすくするために入れている人が増えてきてますねー。 レベル2 ハッシュタグの挿入 『iPhoneの満充電を1

流れ的には貯めに貯めてた楽天ポイントが12月26日から大量に、かつ、勝手に使われたという被害が相次ぎ問題視されている。特に目立ったポイントの使われ方として、現在テレビCMなどでも流れている「テイルズウィーバー」「マビノギ英雄伝」といったオンラインRPGの運営会社、ネクソンのゲームポイントを購入するというなんともマニアックな使われ方をしている点だ。 開始からわずか5日 オンラインゲーム配信事業を行うネクソンは12月21日、楽天が提供する決済サービス「楽天あんしん支払いサービス」の導入を開始した。 http://ascii.jp/elem/000/000/658/658281/ ネクソンが楽天あんしん支払いサービスを導入してから6日目。 ネクソンの楽天あんしん支払いサービスで、楽天ポイントが勝手に使用されてしまい... - Yahoo!知恵袋 ネクソンの楽天あんしん支払いサービスで、楽天ポイン

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

今回は多くのブロガーがネタを考える時、探すとき、発見するときに使う視点と、それを記事にするときに利用する妙技をご紹介。最初6個くらいかなと思ってスタートしたら27個とかになってしまい、勝手に命名していますがご愛嬌でお願いします。 ネタを作る方法が良く分からない場合や、ネタが無い場合。そんなときに思い出してもらえればと思います。 １）串刺し バラバラになった記事を一つにまとめるキュレーション。 それぞれがバラバラの時は意味をなさないが、まとまると一つの価値が生まれる。 逆にそれぞれに価値があった場合でもきちんと整備する事で昔の情報に価値をつけることが出来る。また、全く異なったジャンルのモノでも、「人生がつらいときに見るべき記事」といった方法で一つの考えや感情にぶつける事で同じく価値が生まれる。 ２）中刺し 別々の記事の中で、同様の話題について触れられている事をカウントしたり、測定したり、まと

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

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

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

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

いや、全く意味がわからなくて思わず書いたんですけどね。 SEOの終わりとソーシャルとnanapiのコンテンツの未来 - ロケスタ社長日記 @kensuu ソーシャルメディアが力をつけてくるとネットでどういう変化が起こるのかというのが、上の記事で非常に細かく分析されて、まさにその通りだなぁって思うのですが、SEOは無くならないです。そもそも現代のSEOはコンテンツファームでもなんでもありません。 どうしてSEOが終わらないのか 「SEO重視で行きたいのでよろしくお願いします！」 「わかりました。今の時代のSEOでいうとコンテンツ重視と言う事ですね？リンクを集めたり、ページを量産しても今はサーチエンジンに最適化されるとは言えません。」 最近私が交わした会話ですが、コレが私が言いたい事の真理です。 ・SEOの企画書とかもうやめてほしい ・お客もまだSEOすればいいと思ってる こういう声を良く聞こ

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

個人的な話になるのですが、職場を自宅にした事で様々な変化がありました。 この変化の中で一番重要なのが「自分の管理」です。 しかし、自分を管理する事がいかに難しい事かと言うのは孤独であればあるほど難しい問題です。 様々なタスクに優先順位をつけて、自分が決めた期日までにそれを解決していかなければならないのですが、いかんせん時間が足りない上に、さらに体調不慮とか情けない状況になり、少しふさぎ気味になっていました。 このとき、どのようにしてこれらを乗り越えていくかと言う心構えと言うか、具体的にどうしてきたと言うのを記録しておきます。 １）タイムオーバーしたタスクは優先順位すら悩んでしまう 私の場合特に入院なんていうイベントに見舞われてしまい、やる事がちょっと増えすぎてしまった状況になり「どれもこれも重要なのに、優先順位を決めなければならない」という事態になりました。 タスク管理ツールにどれを解決す

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

今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの？ - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe

この1週間で大きな話題になったと言えばブログの記事を、完全にコピーペーストして、それらを自分が書いたかのように語っていた、パクリブロガーの話題です。 騒動のまとめをしようと思ったら概要がすでにまとめられていたのでそちらを参考にしていただきつつ、今回の騒動が解決したかのように感じますが、実は全く解決してないじゃんっていうお話で。 で、実際にもし、あなたがパクられたらどうすればいいのかっていう具体的な解決策も考えてみたいと思います。 はじめに 今回私の記事も2記事ほど全文完全にコピペされました。 web業界人が見ておくべき2011年の年末年始ハイライト 私が考えるすごいブロガーとは まとめ記事を盗まれるのは良くある事なのですが、まさか自分の経験や言葉を書いた記事まで盗まれたのは初めてで吹き出しそうになりました。 文中に登場する人妻もかりさんがブログを書かかないでいたら罰として鍋を洗うというのを