今更現場では聞けないWebデザインのトレンド「フラットデザイン」とは？*ホームページを作る人のネタ帳
Webデザインの分野では、2012年半ばより、フラットデザイン化の流れが止まらない。 Webデザインにおける2013年のトレンドは？と聞かれれば、間違いなく多くのデザイナーが「フラットデザイン」と答えるでしょう。 Windows8におけるメトロUIが、代表的なフラットデザインとなっていますが、 iOS 7ではUIとアイコンデザインを一新? "フラット化"が進む - 海外報道でもふれられている通り、Appleまでもがフラット化の道をたどっているのではないかという噂まであります。 そんなわけで今回はトレンド「フラットデザイン」についておさらいして行きましょう。 フラットデザインとは？ 一応定義があるわけではないのですが、指標のようなものはあります。 従来のように影や装飾などで、立体的なWebデザインを行うものと対照的に、装飾や影などを極限まで省き、平面デザインにすることです。 ポイントはいくつ
レスポンシブWebデザインはブームではない
スマホ表示がFC2のデフォルトテンプレート使ってるような私にいわれたかないでしょうが、あくまでも使ってるユーザー側の視点として考えてもらえると嬉しいなと。 決して軽くするのが目的ではない 基本的にCSSでもじょもじょしているわけですから、例えばPC表示でサイドバーに画像があり、その領域をスマホに最適化する為に全て排除したとしても、見えないだけで読み込んでは居るわけですね。 Ethan Marcotte（イーサン・マルコッテ）氏が考案したレスポンシブWebデザインが生まれたのは2010年の5月。読み込みサイズに関してはやはり海外でも色々と議論されているわけでして、なかなかどうして大変ですねと。 そこから1年くらいたったあたりから日本にも広がりつつあります。 広がった理由はとてつもなく単純でして、PC表示、小型のスマホ、タブレットなど、様々なデバイスサイズに対応するために、全て1からCSSを書
副収入としてアフィリエイトやブログで稼ぐ為の17のルール
2012年版って事で。 とにかくとことんブログのアフィリエイトで稼ぎたいという人へ向けたルールというかノウハウです。 全部出しきるよ。長いよ。 ※2016/2/25追記 マイナンバー制度の導入で下記方法で提出しても会社にバレるかもしれませんので自己責任でお願いします。絶対にバレる、というものでもないですが、特定の場合にバレる場合があると予測されます。 https://biz.moneyforward.com/mynumber/basic/my-number-side-business/ 現実的な問題にぶち当たっている人は多い ちなみに私はアフィリエイターではない。極たまに気に入った商品やアプリを紹介したときに、アフィリエイトを利用しますが、それ以外は基本は書きたいことを書くだけです。それでも十分に生活できるだけの収益はあります。 どちらかというと書きたいことの中に、商品が絡む場合のみ登場す
旭川人がラーメン村にいかずにどこのラーメン屋にいってるか暴露しよう
こんにちは。 旭川といえば、ラーメンと動物園くらいしかないというくらいのラーメン名店が揃っている。 地方からWeb業界人が憧れの旭山動物園にきたにもかかわらず、「旭川ラーメン村」というラーメン屋のチェーン店がごっそりつまっている観光スポットに安易に立ち寄る人が多い。それはまぁそれでいいのですが、これが旭川ラーメンかーと言われると、ぶっちゃけ現地のラーメン大好き旭川人は旭川ラーメン村にそんな行かないです。今日は、それなら旭川人はどこいくのっていうのをテーマに書いていきます。 実際に場所も旭山動物園から遠い為、観光がメインとなっている場合はそんなにおすすめしません。 あと、結局ラーメンって個人差があるので参考までにと思います。苦情とかうけつけません！！ 以下の点にご注意を 店舗自体過去５年くらいで食べた事がある店を紹介するので、なくなってたり移転してたりする可能性もあります。 行くときは調べて
iPhone版のChromeが本気で便利すぎる件
もう使ってる人はそんなの知ってるし・・・と感じるかもしれないけども、知らない人は絶対一度はつかっておいたほうがいいよねっていうアプリ。今更とか言わないの。 そもそもPCのブラウザがChromeを使っているので、これを使わない手はないんだけども、わりと私の周りで使ってる人がいなかったのでご紹介。 便利なポイント７つ 私はこれでChromeアプリをメインにしました的なポイント。 １）タブ移動が楽 これはもうほんと触れば一瞬でわかるレベル。複数のタブをペラペラ見ていける。 画面のはじから中央へスワイプしても隣のタブへ移動してくれます。 ただしこれはデメリットでもあり、だいたい赤いラインをひいたところがスタートラインとなります。この結果、普通にブラウジングしている時に引っ張ってしまう事も多々あります。 ２）PCモードへの切り替えが楽 個人的な問題ではありますが、スマホ用の表示が大嫌いなんですよね。
Webサービスをリリースする前に確認しておきたい5つの問題点
多くのWebサービスが立ち上がり、そして消えていったこの５年。 それでもまだまだ斬新で面白く、無料、もしくは低価格ではじめることができるサービスが多数あります。 そんなわけで今回は、Webサービス立ち上げ時のユーザビリティの報告をまとめたいと思います。 問題１）SNS連動には理由が無い 実にこの５年間で、FacebookIDがあれば開始できる、TwitterIDがあれば開始できるというWebサービスは膨大に増えました。 しかしその影にかくれ、ユーザーが抱く不信感が増えています。 その一つとして 勝手に拡散されるのがヤダというもの。 実に明確な理由の一つですが、FacebookIDを利用するサービスに多いです。 要するに、ログインしただけで自分のFacebookフィードに「○○がこのサービスを開始しました」と勝手に流されるのが嫌なわけです。 また、なにかする度に勝手にフィードを汚される事もあ
【動画】地球誕生の歴史が壮大過ぎて日々のストレスとは何だったのかと思える*ホームページを作る人のネタ帳
私は勉強が嫌いでしたが、自分が気になったことだけは調べずにいられない性格です。よく娘にもなんでそんな下らないことを調べるのとか言われます。けど世の中を見渡してみると、多くのコンテンツとは別に誰も気にしないようなことを調べたり予測したり、証明したり仮説だったりと、知的好奇心をくすぐられるものがたくさんありますよね。 例えばどうしてフラミンゴは片足で立つのかとか、そんなレベルの下らない話でも、結果面白いという話は結構ありますよね。疲れるから片足ずつ立つとか色んな説がありますが、寒いから片足をしまうというユニークな説もあります。実際に行ってみればわかりますが、暑い時は両足立してる光景のほうが多いですよね。 つまりやつら、寒いくせに水辺からは出ないという小話に使わられたりします。 こんな性格の為、娘も気になることがあればとりあえず聞いてきます。 ある日高速道路を娘と走っていると、とんでもない質問が
5大人気オンラインフォトエディタ。無料で画像編集が出来るWebサービス達
今回は人気の画像編集Webサービスのご紹介。 ビジネスシーンにおけるphotoshop加工の無限の可能性は否定できないが、勉強にかかるコストは馬鹿にできない。しかし、そんな細かい加工や補正も、ワンクリックで行える時代は既に来ている。そんな無料のWebサービスをお探しの方に是非読んで欲しい。 もはや無料でここまでできんのかという話ですよ・・・。 画像編集をネットでいつでもどこでも Photoshop Express Photoshop Express Editor | Photoshop.com 一時期は英語しかなく、ユーザー登録が必要だったためえらい敬遠されてたサービスですが、そのどちらの問題も解決され、人気サービスの一つに。 覆い焼きツールと焼き込みツールといった痒いところに手が届く機能。自動補正に関しては一般的な写真でも綺麗にしてくれるため人気が高い。ただし、さすがはphotoshop
海外と日本｜僕らのWeb制作戦争のお話
オーストラリアに行っていた中学時代の友人が、現地のWeb制作会社で働いて、この度現地の差別的な扱いに嫌気がさして帰って参りました。 同時に、「じゃぁ一緒に語り明かそうぜ会」を開いたところ、8人のむさくるしい男と3名の天使が集い、決して合コンではない同窓会を開いたわけです。そこでは製造業をする人もいれば銀行の受付をする人など、様々な業種の人が集まったわけですけど、まぁ私としてはオーストラリアのWeb制作が気になったものでその辺を熱く語り合ったお話をまとめさせて頂きました。 当たり前ですが日本は大きく違う メンバーのなかでWebに関わる仕事をしているのは天使2名と男2名（私含む）という状況で、そのへんの話がどうしても盛り上がってしまったのです。 オーストラリアと言えばコアラですが、そんなことよりBOSSがすごいという彼（以下；銀メガネ）。 彼は私におみやげを用意してくれていたようで、変な人形の
顧客とつながるコトラー流3つのニーズとWeb戦略の基本
マーケティングの「マ」です。いわゆる基本という意味合いです。 といっても、私が新人Webディレクターに教えてたマーケティングの必要性の部分なので、上級者はあんまり役に立たないんじゃないかなぁと思います。 コトラーの「商品購買欲」に関する3つの「欲しい」があります。 needs（ニーズ）desire（欲求）demand（需要） ニーズとは 具体的な欲求ではなく、漠然とした願い。 「お腹がすいたのでなにか食べたい」「喉が渇いたのでなにか飲みたい」「机の周りが散らかっているので整理できるものが欲しい」といった何かをしたいという衝動。 欲求とは ニーズがさらに具体的なものに変わったもの。 「お腹すいたけど今日はラーメンが食べたい」「喉が渇いたのでコーラが飲みたい」「机の周りが散らかっているので、小さな棚が欲しい」といった、何か漠然としたものから、その物やサービスに対する具体的な要求が発生したもの。
「Facebookは儲かるそうなのでFacebookの始め方を教えて下さい」への返答
最近旭川で、何があったのかわからないけど「facebook儲かるんでしょねぇねぇなんなのどうすればいいの」と聞かれることが増えてきた。そんなわけで、とりあえず皆様には 『ネタ帳 Facebookは儲かる』 でGoogle検索してくださいと伝えて、いったんその話しをブロックさせて頂きたい一心で、この記事を作ることに決めました。 そもそも、そんな同じ話を毎回毎回説明するもの大変でして・・・。 人が集まるところにいくツール 儲かる、儲けるツールではないんですよFacebookって。 だから儲かる、儲けるでFacebookに参入しようとすると、死ぬほど不自然なことが起こるんですよね。 ひとまずFacebookについて軽くおさらいをしますと、Facebookを一つの学校に見立てて、とりあえずそこに入学するわけです。勿論友達もできます。既に入学しているお友達に関しては、スムーズに検索できます。実名が基
成功しているWebデザインの重要な要素
まれにWebサイトを設計する上で、意外と軽視されがちというか、深く考えずにずらずらとコンテンツが横並びされるパーツ。それが『メニューバー』です。今朝色々と見て回っていたら、あぁ確かにと思った記事があったので、今回はメニューバーに焦点を当ててみようかと。 メニューバーの２つの役割 Important Elements of a Successful Web Page Design （成功したWebページデザインの重要な要素） この記事をみてはっと昔を思い出した訳です。 10年前にさかのぼると、私も結構いい加減な仕事をしていた時期がありました。 というのも、私のWeb制作は全て独学であり、学校ではCADを教わったくらいで・・・。 WindowsPCを買ったのは18歳で、そこからネットにはまり、本屋をあさって学んだ訳です。そのころのネット接続といえば従量制だったので、ネットで気軽に調べるなんて事
わずか5分で完成してしまうNAVERの画像まとめがどれくらい楽なのかをレビュー
NAVERまとめのなかで、画像投稿がどんな感じかをレビューしますが、動画や記事なども同じ要領です。 とりあえずテストで使った完成品がこちら。 2分でわかる画像挿入方法 まずタイトルつけます。 タブのぶぶんの画像をクリックして探して追加 検索します。 NAVERサーバーにはいっているものから選ぶと、その公開元へのリンクが生成される。 とりあえずこのプラスボタンを適当に10回くらい選んで押す。 ほぼ完成。 修正を押してそれらしいコメントを付ける。 公開後にそれに適したタグをつける。 完成！ アルパカをながめるためのまとめ - NAVER まとめ ちなみにNAVERサーバーの画像を利用すると、画像は全てNAVERがキャッシュした画像を利用するため、利用者は著作権がどうなっているのかはさっぱりわかりません。おそらくブックマークレットか何かで引っ張ってきた画像をどんどんキャッシュして言ってるんじゃな
Windows好きな私が仕方なくMacを買ったのでとりあえずMacをDisろうと思う
つい先日。 Mac miniを買いに行って来ました。これも全部アップルが悪くて、iPhoneアプリを最終的に出荷するためには結局Macないとだめなんかーい！という事で、仕方なく買いに行ったわけです。アップル最悪です。ゲイツ大好きです。 覚悟しなさいMac。 購入編 とりあえずそこら辺の電気屋とかパソコン工房みたいなジャンク系も含めて、そこら中にあふれているWindowsマシーンと違い、ごく限られた店でしか買えないMac。 私の家からそこへ行くには、電気屋を2店舗もスルーしなければならないほど遠くて、もはや内心この時点でアップルふざけるなと思っていたわけです。現地に到着後、目的のMac miniを探してようやく購入というところでストップ。 トラックパッドが売り切れていて、さらに入荷未定状態＋Bluetoothキーボードも無い。 なにやらタイの影響でと言っていましたがよくわかっていません。そん
無料で使える単一ページのHTML/CSSテンプレート集
美しい単一ページの無料テンプレート集。 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
フリーランスは自由とは違う｜フリーに必要なものとはなんだろうか
こんにちは。 フリーランス歴1年目のぺーぺーです。正確には高校卒業して1年くらい起業して失敗してるので合計2年だろうか。まぁ今は32にもなるのでリベンジといったところかもしれないけど。 今回は1年間実際に一人でやってみて気がついたことをいくつかお話してみようかと。 色んな人がおる フリーランスになると、とにかくフリーランスの方々や、社長さんやエライ人と出会う機会が、数十倍くらいに増えました。これは私が意図的にそういう出会いを求めているからではないかとも考えてますが、おそらくフリーになるというのはそういう事なんだと思います。 ただ、フリーな方々には本当に様々な考えを持つ人がいます。タイプ別にすると以下の様な。 自分がやりたい事だけをしたい人自分がなりたい人になるためにやる人人の下で働くのが嫌な人人と関わるのが嫌いな人人と関わるのが無理な人遊んでくらしたい人お金の為に仕方なくやってる感じの人
スティーブ・ジョブズの貴重な名刺
スティーブ・ジョブズの名刺 flickrで共有されてました。かなり古いものですかね・・・。 Chairman of the Board | Flickr - Photo Sharing! NEXT時代のジョブズ氏の名刺。 business card from 1985 or so... - mlkshk 1985年代のものだとか。 Steve Jobs Business Card | Business Card Design Inspiration おまけ ジョブズ氏の名刺をさがすと必ず出てくるというか随所にでてくるのが以下。 Steve Jobs Homage Cards 21 Best Business Cards from October 2011でもふれられていていますが、ジョブズ氏が亡くなり、そのことに触発されて作成されたオマージュです。実にシンプルですよね。 全然関係ないけどF
Webデザインにアクセント！記号やイラストなどのフォントまとめ
記号やイラストなどを収録しているフォントをお探しの方用のエントリ。 自力で無料のものを探すのは難しいという方は参考にどうぞ。 Kaomoji Holiday illust Garabata - dingbats The Scrappin Cop SocialIcons font by ptocheia - FontSpace Irresistible Free Dingbat Fonts | Part II - StarSunflower Studio このページにはかなりの量がまとまっています。キャプチャーは全て、このページのリンクへつながっています。 Was Woodcuts Griffin Bats Zooland My 70's Ding Squares Font Medieval Dingbats Kaloscai Flowers Jade Dingbats Font 001 M
「官邸ホームページ」が高いという人はある意味普通かなと
なんだろ。一点だけ腑に落ちないモヤモヤとしたものがあったので、その一点だけ吐き出してすっきりしないと集中できなくなってしまったので書く。 事の発端はこれね。 首相官邸ホームページ、４５００万円かけリニューアル - MSN産経ニュース とりあえず価格の高い安いについてはなんも思っていない 私の意見としては、本当に4500万かける必要があったのか？ コストパフォーマンスどうなってんのか？あたりをツイッターでつぶやいた感じ。値段たけーよとはおもってはない。 多分色々と情報を整理してすっきりさせようと考えて、あれこれやるとこんくらいかかってもおかしく無いとも言えますし。 ただ「あれを高いだろ、安くできんだろ」という意見を見て、あぁそういう意見もあんのかと考えていた。 そこに以下の記事。 「官邸ホームページ」のdis記事に思うこと | おごちゃんの雑文 あれを「高い」と言うのは、まぁ自分の感覚と合わ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacになってWindowsに怒られた3つの事「スカイプ・文字化け・__MACOSXファイル」*ホームページを作る人のネタ帳