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

Googleは9月2日（金）、ブラウザ「Google Chrome」の誕生3周年を記念したインフォグラフィック「The evolution of the web - ウェブの進化」を公開しました。過去20年間に誕生した主なWeb技術や、「Internet Explorer」「Firefox」といったブラウザの進化を、HTML5の技術を使って表現しています。 ▽ The Evolution of the Web ▽ http://googlejapan.blogspot.com/2011/09/chrome-3.html 「The evolution of the web - ウェブの進化」は、1990年から2011年にかけて誕生したWebの技術やブラウザの歴史を解説するコンテンツです。1990年に登場した通信プロトコル「HTTP」から、2011年8月にリリースされたオペレーティングシステム

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

1990年代以降、急速に普及した「インターネット」は、今や私たちの生活において当たり前の存在になっています。今日はここ15年ほどのインターネットの歴史を振り返って、今ではなかなか見られなくなった“懐かしのネタ”を集めました。 ■電話中は使えない？ 昔のインターネットを振り返る インターネットが普及し始めたころ、こんな経験はありませんでしたか？ ▽ インターネットの懐かしいネタ - ねとねた ▽ http://news4vip.livedoor.biz/archives/50804328.html ▽ 20代女子が懐かしいと思うネット用語…「カキコ」「キリ番」「ネチケット」「MIDI」「2000年問題」 | ニュース２ちゃんねる これらのエントリーでは、「電話するから一回インターネット切って」「テレホ（テレホーダイ）タイムまで待つ」など当時の利用環境についての思い出や、「吉野家コピペ」「開国

2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間

市場調査などを手がける日経BPコンサルティングは2010年7月29日、6月に実施した「ソーシャルメディア利用実態調査」の結果を発表した。それによると、最近注目度が集まっているTwitterには「リーダー型の男性」、mixiには「リーダー型の女性」、ニコニコ動画には「内向型の男性」が相対的に多く集まる傾向があることが分かった。 この調査では、AmebaやTwitter、ニコニコ動画、mixi、モバゲータウンなど国内29のサービス・プラットフォームについて、どこに、どんな利用者がいるのかを、ソーシャルメディアのユーザー1200人を対象にしたアンケート調査をもとに分析した。分析手法は大きく2つあり、「オンライン行動属性」と「心理クラスター」がある。 「オンライン行動属性」とは、オンライン上での行動をベースに、ソーシャルメディアへの関与度をモデル化したもので、ユーザー全体を4つのカテゴリに分類した

FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され

サンフランシスコ在住のDat Nguyen氏がデザインしたアイコンとなっており、画像のフォーマットはPNG形式、基本的に16×16のサイズをベースとしているものの、一部はそれ以上の大きさ。モチーフとしては各種操作系統のボタン、アプリケーション、矢印、再生・停止、カレンダー、コメント、コンタクト、ドキュメント、フォルダ、エラー、ダウンロード、宝石、メール、マーカー、ムービー、音楽などなどになっているため、いろいろな用途で使うことが可能です。 ダウンロードと実際のアイコンのサンプル画像は以下から。 Splashy Icons - free icons for prototyping http://splashyfish.com/icons/ 上記ページの真ん中をクリックすればダウンロード可能です。 実際のサンプルはこんな感じで、ちゃんとそれぞれのPNGファイルは背景が透明化されています。