タグ

designとwebに関するmosshmのブックマーク (159)

  • イラストサイトデザイン派閥:υπαρξη

    2024夏休み旅行 神戸・2日目【前編】 zfinchyan.hatenablog.com ↑1日目はこちら 6:50 わたしと夫だけ先に起床 前日に買っておいたお芋のパンで朝ごはん 昨日の疲れからか、なかなか息子たちが起きてこなかったので、ゆっくり寝かせてから10:00にホテルの下にあるプレイゾーンに行って、パターゴルフやバス…

    イラストサイトデザイン派閥:υπαρξη
  • https://www.openvista.jp/archives/note/269/?269/

  • Bad Usability Calendar 日本語版 : could

    ダウンロードユーザビリティ Bad Usability Calendar 日語版 2005年からノルウェーにある Netlife Researchが「Bad Usability Calendar」という PDF を配布しています。ユーザビリティの観点でやってはいけない 12項目を毎年用意して広くユーザビリティの重要性を訴えているそうです。始めた年はノルウェー語しかありませんでしたが、年々翻訳が増えて今年は 13カ国語になっています。 実は数週間前にこのカレンダーの日語訳をつくって提出したんですよ。そしたら最近ダウンロード出来るようになりました。ちょっと文字の配置がおかしいですが、使えないことないです。A3 か A4 の紙に印刷出来るようになっており、自分のデスクの近くや会議室に貼っておくことも出来そうです。話しのネタにはなりそうなので、ぜひどうぞ。 ミコちゃんもユーザビリティくらい知っ

    Bad Usability Calendar 日本語版 : could
  • 見せたい情報と知りたい情報のずれ - 北の大地から送る物欲日記

    「「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@ハテナ系」を読んで。 たまに見かける「マウスオーバーでリンク先のサムネイルを表示」機能を導入しているブログでは、記事を閲覧中にマウスがリンク上を横切ったときに表示されるリンク先のサムネイルが邪魔でしょうがない。 それを導入してるサイト管理人にしてみれば普段は隠れてて興味があるリンクサムネイルが表示されるってのはスマートだよね!って感じで導入するんだろう。でも、ブログを読んでる側からするとカーソルが該当リンクを横切っただけで意図せずして望まない表示が起こるからイラッとくる。また、リンクをクリックしようとしてるときはリンク先を見ようと思ってるのでいちいちサムネイルを見たくはないし、リンク先を見るかどうか決める判断基準としての情報ならリンク上にカーソルを持ってったときに表示ではなく最初から表示しておいてよ

    見せたい情報と知りたい情報のずれ - 北の大地から送る物欲日記
    mosshm
    mosshm 2008/04/05
    target="_blank"やlightboxも似たようなものなんだろうな、と思った。
  • 「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@はてブロ

    Twitterでちょっと盛り上がったのではてなにもメモ。あまり見かけない意見なので書いておく。 ※追記したけど、サービスのなかでも設定を無効にすることができるものも多い マウスオーバーすると、リンク先のサムネイルを表示するJavascriptがあるんだけど、あれが役立ったことないんだよなー。その割には陶しいので、だから、自分で導入する気はないし、できたら他のブログで導入して欲しくない。 サムネイル画像を表示すれば、閲覧者が興味を持ちやすくなるだろうという発想から生まれているんだろうけど、特殊なWebサービスで画面が特徴的だとかならまだしも、他ブログにリンクしている場合、ブログのサムネイル画像はそれほど特徴的でないので、そんなに役立つことはない。ブログの場合、閲覧者に関心を持ってもらうのなら、サムネイル画像よりも記事の中身を引用するほうがいいだろう。 ブログの記事が文字だけで素っ気ないから

    「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@はてブロ
    mosshm
    mosshm 2008/04/04
    同感。
  • なんでダメなデザインが売れるんだ???? - teruyastarはかく語りき

    売れないオンラインショップの条件 http://japan.internet.com/busnews/20080303/6.html (売れるオンラインショップのポイント) ・商品写真やキャッチコピーは巨大化してアピールする。 ・文字を多くして商品特長を極限までアプローチする。 ・購入者の体験談をこれでもかと掲載する。 ・スクロールは限りなく長くする。 ・メルマガは“迷惑メール”フォルダ行きを恐れず毎日配信する。 ・メルマガの文字量も気にせず、書きたいことはすべて書きまくる。 (売れないオンラインショップ) ・クオリティの高い洗練されたデザインを採用する。 ・メインイメージは、FLASH で目を引くトップイメージにする。 ・書きたいことは簡潔にし、スクロールを避ける。 ・文字サイズはバランスよく配置する。 ・段組みを行い簡潔な表現で情報を無駄なく配置する。 ・メルマガは週1回もしくは隔週で

    なんでダメなデザインが売れるんだ???? - teruyastarはかく語りき
  • 3:14 - Flashサイトがクソな理由

    (自分用のメモなんで超訳.原文はhttp://glyphobet.net/blog/?p=206) クソなのは,ゲームとかビデオとかが埋め込まれたサイトじゃなくて,HTMLとかCSSとかJavaScriptの代わりにFlashを使ってるサイトね. いつもの右クリックメニューが使えない. 内容をコピペしてコメントしたり引用したりできない.コピペされたくたいならWebに載せるな. 画像を保存できない.コピペされたくないなら(ry URIがない.ブックマークできない. いつものスクロールバーでスクロールできない.スクロールバーっぽいものを実装してても,それに気づかないし混乱する. マウスホイールを回した時にFlashがあったらいつもと違う動きをする. いつもと同じショートカットキーが使えない.PageUp動かないしTabでリンク間をフォーカス移動しないしEnterでリンク先に飛べない. ページ

  • 寄せては返す館主専用 - なぜ人はテーブルタグで日本地図を作るのか(コメント欄)

    そこにテーブルタグがあるからだ。……ということなのだろうか。 とかく人はテーブルタグで日地図を作りたがる。テーブルタグで作った日地図がちゃんと日地図になっているというのも考えてみればふしぎではある。 というわけでテーブルタグ日地図の紹介。 「Template:日 - Chakuwiki」を追加 (3/10) 「地図の検索 - goo 地図」を追加 (3/11) 「道州制」を追加 (3/11) 「『A day of rest』」を追加 (3/12) 「いつもガイド」を追加 (3/13) 「トップページだけでもなんとかしたいのよ」を追加 (4/10) 素材散策:資料&テキスト/日地図(HTML)(TSUKURUの素材散策より) 自分の見た限りではもっとも出来のよい日地図。テーブルタグという制約の中で最大限日地図たりえんと創意工夫を凝らしている。至極の出来栄え。地域ごとに色分けし

    寄せては返す館主専用 - なぜ人はテーブルタグで日本地図を作るのか(コメント欄)
  • サイトの横幅に「最適サイズ」はない:ekken

    まなめさんが書いたサイトデザインの話なんだけど。 304 Not Modified: ウェブサイトの横幅最適サイズはいくつ? はてなブックマークのコメントで「まなめさんのブログの幅は狭すぎる!」と言ったところ、ご当人のブクマコメでこんな回答がありました。 2008年01月05日 maname ↓一行の文字数をこれ以上増やすとバランス取れないんですよ。かと言って3列は好きじゃないのでこの幅になってしまいました。 なるほど、まなめさんは自分が表示している自分のブログの文字数が、デザイン的に最適なバランスと考えているのでしょう。 だけど僕は思うのだけど、まなめさんが考える「バランスの取れている一行の文字数」というのは、いったい何文字なのか? 僕が見ている環境で普通に表示させた、まなめさんのブログ・304 Not Modifiedはこんな感じ。 一行あたり35文字前後(プロポーショナルフォントなの

  • ウェブサイトの横幅最適サイズはいくつ? - 304 Not Modified

    たまにはウェブデザインの話を。 今年から、Yahoo! JAPANのデザインが変わった。新しいデザインを見て最初に思ったこと。それは、横幅が大きくなっている!ということだ。以前は720pixくらいだったのに、今は770pixになっているのです。 ブログのデザインとか、ウェブサイトを一から作った人ならば、サイトの幅って最初に考えるところだと思います。パーセンテージ指定をするのも良いけれど、それだと人によってサイトの見え方が全然変わってきちゃうので、やはりピクセル指定をしたいのですよ。小説だって、改行や改ページをうまく使われると感動するじゃないですか。やっぱりデザインは統一的に見られるべきだと思うんです。 デスクトップのサイズ、今は大きくなったけれどどうも 800×600 がスタンダードだった時期が非常に長かった印象があって、800は絶対超えられないと思うのですよ。さらに、ブラウザのサイドのバ

    ウェブサイトの横幅最適サイズはいくつ? - 304 Not Modified
    mosshm
    mosshm 2008/01/05
    普段、幅の広い解像度で最大化してるから横幅は固定しない方がいい。んで、好みに応じてusercssでmax-width指定。
  • HTMLは狂っている:アルファルファモザイク

    編集元:Web制作板より「HTMLは狂っている」 1 Name_Not_Found :2005/10/16(日) 23:50:14 ID:KLeuiAgY ? <pre>とか<p>とかまったく糞の塊である どういう神経で文書にわけのわからないタグのようなものを挿入しているのか こんなものを考え出したやつは頭がおかしい分裂病患者であるから, 精神病院にぶちこむべきである なんでもかんでもテキストファイルで実現しようとするキチガイを徹底的に粉砕し インターネットからHTMLを追放し,新たなネットワークを立ち上げるべきなのではないか!

  • Key公式がリニューアル…??XHTML+CSSの次はWEB2.0しか無いじゃん - 鍵っ子ブログ

    鍵っ子ブログ(Key Blog):Keyが大好きな鍵っ子によるKeyのファンサイト。Keyに関する情報・コラム・考察・ニュースが中心 Key Official HomePageがリニューアルするそうですが、Yahooすら2008年に導入する予定のXHTML+CSS構造を、Keyは2006年の8月に既に導入しています。KeyはWEBサイトの作り方に関してはかなり先進的な会社なのです。そしてまたリニューアル宣言……?? そこでKeyの今回のリニューアルは一体何を意味するのか考えてみました。 (すいません、全部書いて思ったんですけど、このブログで書くような事じゃなかったです。 「こういう事ははてダでやってろ」とか言われそうな) 振り返ると、Key公式が今のレイアウトになったのは2004年10月19日。 リニューアルついでに掲示板も復活しましたね。 ただ、この頃は<table>タグでサイト全体をレ

  • HTMLもCSSも全く分かってない自称Webデザイナーがウザい - (アーカイブ)わざわざ自分のサイトに記事として書くほどのことでもない

    いえ、仕事の話です。 コーダー*1はデザイナーの作ったデザインカンプ*2からHTMLCSSを書き起こします。で、出来上がったので、デザイナーに見せると「ここが1pxずれてる」とか訳分からないこというわけです。 えーと、スーパーハカーじゃないので無理です。 *1:ちなみに私はコーダー専門ではないです。小さい会社なので色々やる *2:画像による画面サンプル

    HTMLもCSSも全く分かってない自称Webデザイナーがウザい - (アーカイブ)わざわざ自分のサイトに記事として書くほどのことでもない
  • ブログが他のパソコンで見ると違ってしまう - OKWAVE

    > 今日はとても暖かいので、愛犬と散歩に > で > かけました。すると、急に雨がふってき > ま > した。 と、ありますので、tableタグ,pタグ,divタグのいずれかで囲っているんじゃないかと思います。 変な場所で改行されているのは、文章の途中で改行を行ったけど、 その文章を囲っている“枠”の大きさがパソコン(ブラウザ?)によって変わってしまい、 ┌────────────────┐ │今日はとても暖かいので、        │ │愛犬と散歩にでかけました。       │ │すると、急に雨がふってきました。   │ └────────────────┘ と表示したいはずの部分が、 ┌──────────┐ │今日はとても暖かいの │ │で、              │ │愛犬と散歩にでかけま │ │した。            │ │すると、急に雨がふっ  │ │てきました。 

    ブログが他のパソコンで見ると違ってしまう - OKWAVE
    mosshm
    mosshm 2007/11/26
    Webデザインは可変だからなぁ。表示が違ってあたりまえ。
  • お金のトラブル相談所

    www.excite.co.jp [拡大写真] 【相談者:30代女性】 1年ほど前に初めて女友達とバリ島へ旅行に行きました。 その時に出会った現地人の彼のことを好きになり、もう一度バリ島へ会いに行って、彼と付き合うようになりました。 そんな彼に最近お金を貸して欲しいと言われました。 連絡は毎日とっています。 彼は実家住まいで、家に行ったことがないのですが、実家の屋根を修理するからお金が必要だと言われました。 今度私がバリ島へ行く時には、私を実家に泊めたいようです。 お金を貸そうか迷っています。私、騙されているのでしょうか? ●A. どこの国にも、良い人もいれば悪い人もいるという当たり前を忘れずに。 はじめまして。国際結婚アドバイザーのCocoです。 バリ島で現地の人と知り合って、付き合ったり、結婚している日人は結構たくさんいます。 その中でも、やはり絶えないトラブルが「金銭トラブル」でも

    お金のトラブル相談所
  • 全てのブラウザで同じに見える必要はないし、それは不可能で間違ってる - 氾濫原

    だって、ブラウザには、画像を表示できないブラウザとかがあるんだもんね。IE も Fx も Opera も、そういう意味では同じような違いで、Fx では先行実装を使って段組になってよみやすくなっていたり、IE ではのっぺりだったり、そういうのがあっていいはず。なのに、一個の表示に統一しないといけないみたいな、わけわかんないのに縛られたりする。別に違ってていいと思う。 あと Web と紙は違うから、違うアプローチの仕方 (可変レイアウト) をすべきなのに、紙と全く同じスタンスで作るから、問題になる。いろんな UA にむけてデザインするのがウェブデザインじゃないの? 今のウェブデザイナーは殆どウェブデザイナーじゃないよね。そんなだから「ウェブデザイナー(笑)」みたいになるんだ。 しかし、ウェブデザイナーでもなんでもない自分がごたごたいうのもおかしいので、あれなんだけど、最近どうも甘く考え気味 (

  • 本物のリキッドレイアウト - 補足:Hatena::agenda

    Hatena::agenda - 物のリキッドレイアウトの続き。 リキッドなマルチカラムの実例 Hatena::agendaは実験場ではないけれども、CSS3 Columns - MDCで紹介されているmozilla独自拡張プロパティを使用してリキッドマルチカラムにしてみた。デメリットもかなりあってまだ改善の余地があり余っているものの、場合によっては低解像度から高解像度まで、シングルウィンドウから並行閲覧まで手広くカバーできる。 このプロパティを実装していないブラウザ向けに、一応スクリーンショットを用意してみた。 幅が小さいと1カラム(約50kb) ある程度広げると2カラム(約90kb) 充分広げると3カラム(約110kb) 念を押しておくが、-moz-で始まる独自拡張プロパティは、正しく使えば問題ない。これはCSS validatorを通らない。しかしCSS実装は、不明なプロパティは無

    本物のリキッドレイアウト - 補足:Hatena::agenda
  • ( ;^ω^)<へいわぼけ: FLASHのサイトは見やすいし内容が分かりやすいし好感が持てる

    1: 株価【4930】 ゴーストライター(長屋) 2007/08/27(月) 22:54:50 ID:MPPUwXXWP アイ・エム・ジェイのグループ会社、IMJモバイルは8月27日、「FLASHの携帯サ イトに関する調査」を実施、結果を発表した。 調査によると、HTMLサイトの印象は「見やすい(62%)」が最も高く、次いで 「サイトの内容がわかりやすい(61%)」、「操作しやすい(57%)」となり、全般 的に操作性に関して良いイメージを持っていることが分かった。 一方、FLASHのサイトの印象は「見やすい(74%)」が最も高く、次いで「好感 が持てる(72%)」、「サイトの内容が分かりやすい(59%)」となり、全般的にデ ザインに関して良いイメージを持っていることが分かった。 また、HTMLサイトとFLASHサイトのどちらが良いかを比較したところ、「情報を 見つけやすい」や「スム

  • eclucifer blog - FC2 BLOG パスワード認証

    管理人からのメッセージ 家の WordPress 化に伴い、当ブログは移転という形になりました。 ▼ eclucifer blog » 記事タイトル一覧 http://eclucifer.net/bloglist/

  • https://secure.formassembly.com/forms/45279

    This form is in test mode. Please login to access it.