クォータービューは二等角投影図法 - 迷宮調査報告書
タクティクスオーガでおなじみのいわゆるクォータービューと呼ばれる図法は、個人的にもお気に入りの手法のひとつです。実のところこの図法は正確には、二等角投影図法（Dimetric Projection）と呼ぶべきもののようです。 投影図法の分類 3D Projection（立体図法） Parallel Projection（平行投影図法）/Graphical Projection（投影図法） Orthographic Projection（直交投影図法/垂直投影図法/正投影図法） Oblique Projection（斜投影図法） Axometric Projection（軸測投影図法/正投影図法） Isometric Projection（等角投影図法） Dimetric Projection（二等角投影図法） Trimetric Projection（斜方投影図法/不等角投影図法） Per
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
一般的なID/クラス名の例のまとめ - blog.takuyan.com
いつも忘れて本を開くので、自分用のメモ。 転職後、WEBデザイン全般も担当するようになり、XHTML&CSSもガツガツ書くようになったが、 なにぶん、ID名とかクラス名が思いつかないことが多いので、以下表の名称を頻繁に使わせて貰っている。 部品例 名称例 本文全体を囲むコンテナ container, wrapper, page, pagebody, all ヘッダー header, header-area ナビゲーション nav, navi, navigation グローバルナビゲーション global_nav, gnav ローカルナビゲーション local_nav, lnav 補足ナビゲーション assist_nav, utility, utility_nav パンくずナビゲーション topicpath, breadcrumbs コンテンツ全体 content(s), container
クオータービュー考察
2Dゲームの視点の一つ、クオータービューの利点・欠点 クオータービューも善し悪し クオータービュー(等角投影図)とは クオータービューは、正確にはxyzの軸が平面上で120度になるように描かれた図で、建築関連で使われるアイソメ図もこれにあたる。 ゲーム用語としては、マップの構成単位となる箱が斜めに置かれているもの全般を言う。 この「箱」というのがミソで、トップビューやサイドビューでは奥行きの存在が希薄で画面が「板」で構成されているが、クオータービューは「箱」なのである。 このため、3次元的なマップを作りやすい。 実のところ、視点としてはトップビューの一種であるのだが、オブジェクトを斜めの角度に配置することで、立体感を強くしたのがクオータービューである。 クオータービューの特徴 トップビュー考察サイドビュー考察に続く2Dゲームの視点シリーズ最終回。 事前にゲーム密度を参照しておくと、より面白
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
ヴィンテージ風の素敵な柄や古い感じのテクスチャ素材集
ヴィンテージ風の素敵な柄や古い感じのテクスチャ素材をdeviantARTから紹介します。 Package - Vintage Grunge - 2 Vintage Textures Pk2 Vinta
ウェブデザインに役立つカラースキームのサンプルやジェネレーター集
The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」:phpspot開発日誌
pinvoke - Icons and pixel fonts カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 次のようなアイコンセットが公開されています。PNG16x16形式でフリーで利用できます。 ブリーフケース、タグ、ディスク、カラー、スターなんかも、ＷＥＢアプリで使えそうですね。 覚えておいて損はなさそうなアイコンセットです。 関連エントリ ドット絵っぽい可愛い16x16のアイコン集 様々なシーンで活用できそうな80フリーアイコン 色々なデバイスやキャラクターなどのアイコン配布サイト「Quantum Bits」 クールなベクターアイコン40セット BMP・JPG・GIF・PNG画像をブラウザからアイコンに一発変換できる「Bradicon!」
Ajaxによるエラーチェックの注意点 (ユーザビリティ実践メモ)
入力フォームについて、最近ではAjaxを用いることで、「送信」ボタンをクリックする前にエラーチェックをする手法が使われるようになっています。 今回はリアルタイムでフォームのエラーチェックを行う場合の注意点について考えてみます。 あまり良くない例：Remember the Milkの登録画面 http://www.rememberthemilk.com/signup/ ユーザ名を入力する欄では、入力と同時にエラーチェックが行われるため、多くの場合1文字目からエラーが表示されます。 2文字目を入力すると即座にエラーメッセージが更新されます。 ユーザが当初から自分のユーザ名として考えていた「bebittaro」を入力し終えると、利用可能である旨のメッセージが表示されます。 上記は入力に対しリアルタイムでフィードバックを返すことで誤入力を避けようという工夫ですが、ユーザが入力を終える前にエラー表示
【デジカメ撮影術】プロに学ぶいい構図の作り方
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』 – creamu
Design Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』 Ajaxのローディング画像を探している。 そんなあなたにおすすめなのが、『120+ Free Ajax Activity Indicator Gif Icons』。Ajaxのローディング時に使えるフリーGIFアイコン集だ。 このエントリーでは、Ajaxのローディング時に使えるアニメGIFがたくさん紹介されている。 There are free and open source implementations of suitable frameworks and libraries. とのことで、オープンソースで無料で使える。 Ajaxのローディング時に使えるフリーGIFアイコン、チェックしてぜひ使ってみてはいかがだろうか。 今日は雨で
紙、ペイント、メタルのテクスチャ画像集:phpspot開発日誌
99 Free Canvas, Paper, Paint, and Metal Textures | Tutorial9 - Tutorial Bliss. As a designer, it’s not always possible to take the time and generate your own textures for all of your graphics. 紙、ペイント、メタルのテクスチャ画像集。 クオリティの高いテクスチャ画像集がまとまっていました。 紙 Old Aged Paper (Parchment) Texture Paper Texture Another Paper Texture Old Bible Cover 全部見る ペイント Green Peeled Paint Grunge Paint Texture Abstract Grunge Pai
窓の杜 - 【REVIEW】“みんなのうた”をイメージした優しさを感じさせるフォント「MinnanoUta」
「MinnanoUta」は、NHKの子供向け歌番組“みんなのうた”をイメージして作られた英数字・ひらがな・カタカナフォント。Windowsに対応しており、編集部にてWindows Vistaで動作確認した。非商用利用に限りフリーで利用でき、商用利用の場合には事前に問い合わせが必要。作者のホームページからダウンロードできる。 1バイトのTrueTypeフォントとなっており、英数字の「MinnanoUtaAL」、ひらがなの「MinnanoUtaHR」、カタカナの「MinnanoUtaKT」が同梱されている。ひらがなやカタカナの入力には「Shampolyon」などの1バイトフォント入力支援ソフトを利用するとよいだろう。 字体は極太の丸字で、文字の下部やカーブを描いている部分がより太めになっているのが特長。また、濁点や半濁点が文字本体に食い込む形で描かれており、全体的に優しさを感じさせるフォントに
指定色からベストな配色を導きだすオンラインサービス | コリス
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
窓の杜ライブラリ
POKéMON 151
http://ico.bradleygill.com/index.php