キーワード検索「ビジュアル」
454
Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！Codaの特徴を簡単に詳しい説明はリンクをクリックでジャンプします。...
276
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い...
218
JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 0
70
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLとJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッ...
69
jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。二つのデータを描画統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒...
62
sigma.js | a lightweight JavaScript graph drawing library ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」。 HTML5 canvasベースのスタンドアロンライブラリだそうです。マウスでドラッグしたりマウス位置に応じてインタラクティブに変化させることができます。 次のようにグラフィックが美麗であるので、個人的にはグ...
50
2011 年 10 月 14 日 Posted by ブライアン マクレンドン / Google 技術部門担当副社長 本日、ブラウザでより立体的な地図を体験できる Google MapsGL ベータ版をリリースしました。Web グラフィックライブラリー (WebGL) とは、プラグインを新たにインストールしなくても、お使いのブラウザでビジュアルやアニメーションをより鮮明にする表現できる新しいウェブ...
49
Googleは8月にGoogle Web Toolkit（GWT）向けに人気のある開発ツールを提供しているスタートアップ、Instantiationsを買収した。GWTはJavaを利用したAJAXアプリケーションの開発環境だ。Instantations社が提供していたツールでもっとも有名なのはGWT Designerだろう。これはEclipseに対する強力なプラグインで、デベロッパーに対しビジュア...
36
１枚構成のビジュアルをベースにしたWEBサイトのまとめです。 Naomi at Kinson Design Davide Colla Enzo Li Volti David Nwator Desamo Fork もっと見たい方はこちらからどうぞ 20 Fantabulous Single Page Websites 最近はjQueryなどを利用し...
38
jQuery Visual Cheat Sheet 1.4.2 jQuery1.4.2のビジュアルチートシートが公開されています。 ４ページから構成されていてスッキリ見やすいデザインがいい感じです。 流行りのiPadなんかに入れておくといいかもしれませんね。 関連エントリJavaScript のチートシートいろいろ 次期 jQueryバージョン1.4のチートシート「jQuery 1.4 API C...
35
HTML5で、6502MPUが動いている様子をビジュアルにエミュレートする「The Visual 6502」6502といえば、Apple IIやPET 2001など、パソコン黎明期のマシンに搭載されていたCPU。当時はMPU（Micro Processing Unit）とも呼ばれていました。1975年に発表され、今年で35周年を迎えるそうです。6502の内部回路をHTML5とJavaScriptで...
26
珍しかったので衝動でメモ。ページ内 に自動でビジュアル付きのスクロール を実装してくれるjQueryプラグイン・ Simple Elements Mapperです。ビジュ アル化したい要素や色なども選択可能 でスクリプト自体も軽量です。 たまに見かけるスクロールですね。指定した要素をビジュアル化することで概ね何があるかを把握してもらえます。またライブラリ自体も3kbと軽量でシンプルです。 Simp...
25
気になったので備忘録的に触って見ました。 ハードウェアアクセラレーターを使った CSS3の新機能を実装出来るjsライブラリ・ Alice.jsです。と、分かったような事を 書きましたが、まだちょっと勉強不足で いろいろ調査中です。ので内容にはあまり 期待しないで下さい。 アクセラレーターに関しては以下の記事がわかり易いです。 iOSのアクセラレーターが使えるCSS3 このアクセラレーターを使って高...
23
スライドショーを用いたwebデザインまとめ「30 Inspiring Examples of Slideshows in Web Design」商品の写真や、メインのグラフィックを効果的に見せてくれるスライドショーはwebデザインのさまざまなシーンで活躍してくれます。今回はそんなスライドショーを用いたwebデザインまとめ「30 Inspiring Examples of Slideshows in...
24
Rubyは最高の言語だからもっと普及していいと思うけれどもその障害となっているのはたぶん「Rubyがビジュアルに訴えない言語」となっているからだよたしかにRubyにはRuby/TkとかShoesとかがあるけど現代のプログラミングで「ビジュアル」と言ったら暗黙的に「Web上の」という修飾が付くよね 一方でJavaScriptはjQueryやCoffeeScriptの人気を見る限り最高とは言えない言語...
26
jQuery 1.4.4 API Cheat Sheet ? Future Colors 最新版 jQuery1.4.4のチートシートが公開されました。 HTMLでそのままWEB上で見られる他、PNG、PDF形式でダウンロードして使うこともできます。 1.4以降の機能の場合、次のように表示してくれてわかりやすい。 関連エントリjQuery1.4.2のビジュアルチートシート シンプルなPhotosh...
26
Webブラウジング中にショートカット・キー［F12］を押すと起動できる「開発者ツール」が、バージョン8以降のInternet Explorer（以下、IE）には搭載されている。開発者ツールは、現在開いているWebページのHTMLコード内の各要素をツリー形式でビジュアルに表示したり、Webページ上の要素をクリックして、それに該当するコードを表示したり、HTMLコードやCSSプロパティなどをその場で試...
23
PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが3Dだ。03Dと言えばローカルコンピュータ上で実現するものだった。ついでFlash等のブラウザプラグインでサポートされるようになり、WebGLの登場によってWebブ...
17
OpenHeatMapはJavaScript/Flash製のオープンソース・ソフトウェア。データをビジュアル化するととても面白い情報が見えてくる。それが現実世界の情報と結びついていると特に面白い。位置情報はその最たるものと言えるだろう。 Twitterのビジュアル化 ただ数値だけを見せられてもぴんとこないが、地図上にマッピングされその数値によって色や大きさが変わっていると具体的で分かりやすくなる。...
17
iOS 4でデビューした新機能の1つにリッチ広告配信システムの「iAd」がある。その特徴のひとつはHTML5+CSS3+JavaScriptをベースにした業界標準フレームワークを採用しているという点だが、デザイナーや開発者の側では、このフレームワークを使ってリッチな広告を制作するノウハウやツールがないことが問題となっていた。そこで、こうしたクリエイティブを支援すべくAppleがリリースしたのが、「...
