Where to learn more about D3? https://developer.mozilla.org/en-US/docs/JavaScript/Guide http://d3js.org https://github.com/mbostock/d3/wiki http://groups.google.com/group/d3-js http://www.janwillemtulp.com/category/d3/ Where to learn more about SVG? Questions?
about D3.js by Yosiya Hinosawa スライドの URL: http://kt3k.github.com/d3intro/ D3.js? D3.js とは・・・ ブラウザ向け javascript のライブラリ Data Visualization 用途 (グラフ、チャート etc...) minify して 140+KB D3.js GitHub で公開 スターの数 7位！(13,490+個) @ GitHub BSD License どういうことができるの？ examples streamgraph word cloud Forced Directed Graph 統計地図 production な例 github.com calendar view NYTimes.com The Facebook Offering: How It Compares - NYT
IO domains have become increasingly popular in recent years, especially with the rise of the Internet of Things (IoT) and the need for online presence. In this essay, we will explore IO domains in the Alexa Top 1 Million, analyzing their prevalence and significance in the online world. To begin, it is important to understand what IO domains are. IO domains are top-level domain names that end with
Force-Directed Graph 力指向グラフは、nodeの間と描画領域に物理的な作用を計算してうまいぐあいに表示するらしいです。 各node（円）はマウスで動かせます。 元データはPixivのタグ検索集計です。「(ラブライブ！ OR ラブライブ!) にこまき」などそれぞれのキーワードで検索して出てきた作品数を集計しました。 線の太さがタグ数（「にこまき」なら“にこ”“まき”間の線が出現数に応じて太くなる）を表しています。nodeの外周を囲む線は学年ごとの塗り分けをしています。 JSONのデータの構造 nodes配列をdata()でセットして、今までと同じようにcircleとlineをappendします。 links配列は、各nodeの関係を記述します。sourceの0は、nodes[0]です。 graph = { nodes : [ { "name" : "にこ", "color
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
TOP > Design , Photoshop > WEBデザイン制作に使いやすいピクセルパターンまとめ「30 Free Brilliant Photoshop Pixel Patterns」 WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか？そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 Free Brilliant Photoshop Pixel Patterns」です。 GraphicsFuel.com | 15 seamless pixel patterns シンプルなパターンはもちろん、イラストテイストなパターンまで、さまざまなピクセルパターンが紹介されています。中でも気になったものをいくつかピックアップしましたの
2012年11月13日 著 レスポンシブWebデザインのメリット、デメリット比較まとめ - Photoshop VIPという記事がかなりはてブられているようなのですが、個人的に「そこはそうじゃないんじゃないかなぁ」と思うところが複数あったので、覚え書きしておきます。もっとも、当該記事の元ネタはThe opportunities and challenges of responsive design | Webdesigner Depotという記事なので、そちらに対する違和感、ということになるかもですが。 メンテナンスが楽？ レスポンシブWebデザイン（以下「RWD」）のメリットの筆頭に挙げられているのがこれなんですが、必ずしもそうとは言えないと思います。CMSのような仕組みの動いている環境であれば、デバイスごとに複数のHTMLファイルを出し分けていたとしても、RWDのようなワンソースマルチ
1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは
フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。 トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね。 Photoshop Swatches Library for Flat UI Design スウォッチは上記ページの「Download .aco」から直接acoファイルがダウンロードできるので、そのファイルをPhotoshopのスウォッチパネルから「読み込み」や「置き換え」して利用します。 Photoshopに入れるとこんな感じです。 Photoshopのスウォッチ サムネール表示だと何があるのか分かりにくいので、半分くらいリストで紹介します。 半分でも長いので、分割で。 最初の方は、フラットデザインでよく見かけるカラーが豊富にあり、グレーも揃っています。
Webサービス Screenqueri.es ブラウザ上で各デバイスのシミュレーションができる。 Responsive Web Design Test Tool ブラウザ上で各デバイスのシミュレーションができる。 responsivepx ブラウザ上でサイズを変更して表示確認ができる。 ish. ブラウザ上で各サイズの表示を確認できる。 Responsive Tools For Web Designer & Developers 各デバイスの表示が確認できる。操作も可能。 Responsive Roulette ブラウザ上で各サイズの表示を確認できる。 The Responsinator 各デバイスの表示が確認できる。 Juice’r 各デバイスの表示が確認できる。操作も可能。 Screenfly 各デバイスの表示が確認できる。操作も可能。 Responsive Design Testin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
