Author: Mist twitter: Mist note: Mist diaries: 或るロリータ ロリータ速報 ＶＩＰ TOP絵簡易まとめ pass: steam つ最近人気あるスレ ↑イミフのパクリです！
2008年08月07日 何故、フルFLASHのサイトばっかりになってきたのか。 カテゴリ：役立ち・知識 最近、フルFLASHのサイトが増えてきました。カッコいい反面、ユーザとしては使いづらい、ユーザビリティの悪いサイトという欠点もあります。しかしそれに反しどんどんフルFLASHサイトができていくのはなぜでしょうか。 フルFLASHサイトのあれこれ ■多田屋 ■黒川温泉 お宿 野の花 ■N706i ■BEYES ■Firefox3の灯 ここのサイトの調査によるとざっと1000以上のフルFLASHサイトが では何故、こんなサイトが増えてきたのか ◆ブロードバンドになってきたから フルFLASHサイトはそれなりに、容量を食います。しかし、ADSLや光回線が普及してから、そんなに読み込みに時間がかからない為、心置きなく作れる。という建前。 しかし、実際は重い！ なぜなら、容量などよりも、
今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。 あなたのサイトでは、本文の基本文字サイズを何ピクセルにしていますか？ その文字サイズは、訪問者にとって見やすいサイズですか？ 二昔前は、小さな文字のオシャレなページが流行っていましたが、ここ数年は「見やすい文字サイズ」を選ぶようになっていますね。ヤフーやアサヒコムなどの代表的なサイトでは、本文16ピクセルを基本としているようです。 実はこの「ピクセル」というサイズ指定は、絶対サイズではありません。というのも、どんなディスプレイでどう表示されるかによって、実際の表示サイズが変わるからです。 ちなみに、16ピクセルの文字は、XGA（1024×768ピクセル）の15インチ液晶では4.8mmの大きさになります。手元にあった新聞の本文文字サイズを測ってみると1
いらっしゃい。ここは武器屋だ。 じゃなくて、、Internet Explorer SP2以降から採用されたスクリプト実行のセキュリティー対策のせいで、JavaScriptを使ってFlash(swf)を埋め込んだWebページで警告が出てしまう場合の対策について説明します。 IE7でも出てますから、この先ずっと採用されていくのでしょうかねぇ… Mark of the Web (MOTW) を埋め込みましょう いきなり結論ですが、Mark of the Web(MOTW)コードをWebページ内に埋め込みます。 以下の記述をDOCTYPE宣言の下に追加してください。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
IE6,7,8の確認ツールの決定版!?Microsoft Expression Web SuperPreview マイクロソフトのWEBオーサリングツール「Microsoft Expression Web 2」の次期バージョンに含まれる新機能Microsoft Expression Web SuperPreviewがベータ版として公開されました。 このSuperPreviewを利用すればIE6,7,8での検証作業が可能です。(製品版にはFirefox、Safariなども搭載予定) 公式ブログよりダウンロード可能で、インストールには.Net 3.5 frameworkが必要なので結構時間がかかります。 (インストーラーを実行すると最初に.Net 3.5 frameworkをインストールし再起動、次にインストーラーを実行するとSuperPreviewがインストールされる) 検証ブラウザの切り替
TOP > WebDesign > ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」 WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions to common CSS problems」を紹介したいと思います。 透過pngによる背景の問題だったり、カラム間の高さの問題などなど、レイアウトに関して起こりうる問題を簡単なjavascriptで回避する方法を示しています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
プロに任せる。ジンドゥーに精通した制作のプロが、 あなたの代わりにホームページをお作りします。 全てを安心してお任せください。
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
Picasa download button - design winner rather than link Official Google Blog - Make sense of your site: tips for webpage designにおいてWebサイトのデザインを選ぶ方法が紹介されている。Webサイトデザインは販売目的であったり情報の収集であったり、そのサイトの目的の実現に直結する要因のひとつだ。デザインがよければ目的を実現しやすくなり、誤ればユーザはすぐにどこかに消えてしまう。 サイトのデザインはアイコンや写真の入れ替えといった小さい変更から、全体のレイアウト変更やカラースキーマの変更まで多種多様といえる。多くの指針があるが、Make sense of your site: tips for webpage designではサイトをおとずれたユーザの反応を分析するこ
3月 18日 at 5:30 pm by ジョナサン ベイリー - ブロガーならいずれは抱えることになる問題である。ブロガー達は、ブログのコンポジションパネルを使い、細かいところまで気を配り、美しいエントリをデザインする。そして、投稿した後、RSSリーダーを開き、醜い惨状を目にすることになるのだ。 これは単純な問題である。RSSフィードは、ウェブページの進んだデザイン技術および位置調整技術を受け入れていない。RSSフィードは、CSSもJavaScript（例外はある）にも対応せず、作品のフォーマットを基本的なHTMLに頼っている。 そのため、デザイナーがウェブページとエントリを最新のブラウザーに合わせて作成しても、RSSリーダーは必要最低限の装備しか持たないため、台無しにされてしまうのだ。 どうすればこの問題を解決することが出来るのだろうか？そこで今回は、頻繁に発生する問題の幾つかを乗り切
◆ お知らせ：2008年9月27日(土) 『ぴあの好きの集い 第9回演奏会』◆ 上野旧奏楽堂。入場無料。 私は、アルベニス晩年の傑作ラ・ベーガを演奏します フリーソフトウェアのタグ挿入型HTMLエディタの機能比較をまとめたページです。普通のエディタと共に優れたフリーウェアソフトが乱立するこの分野。有っても良さそうな比較記事を載せたページが意外に見付からないので、意を決して自分で比較し、箇条書きにまとめてみました。といっても、ほんのメモ程度です。私が日々のHP書きに使用する中で、使えるか使えないか、だけが採用不採用の基準です。不採用のソフトは、1つ2つの致命的な欠損機能を指摘するのみです。 なお、比較検討をしたサンプルソフトは、窓の杜、VectorのPickUpで紹介されていたタグ挿入型HTMLエディタのみです。それ以外のエディタは含んでいません(一部例外あり)。これ以外に優れたHTMLエデ
ウェブ業界、特に中規模以上の組織におけるSEO部門やマーケティング部門では、自分たちのWebサイトから他のWebサイトへ外部向けリンクを張ることの是非について、多くの議論が行われている。 外部向けリンクを敬遠する人も多い。それは、次のような懸念を抱いているからだ。 自分たちの評判が傷つく検索エンジンにおける順位が下がるPageRankが下がるユーザーが逃げ出すような出口ができる僕の意見では、こういった懸念には大体において根拠がない。具体的に1つずつ説明してみよう ×外部向けリンクを張ると自分たちの評判が傷つく？外部向けリンクを張るという行為はウェブ上で一般的に行われており、あらゆる種類のユーザーによって期待され尊重されている。したがって、企業の評判が傷つくという可能性はきわめて低い。たとえ君のリンクしたサイトやページが、後になってドメインスクワッター（類似ドメイン占拠者）や野心的なアダルト
「AREA 1」で、60 Layout design tutorialsと題してレイアウトデザインを学ぶためのチュートリアルが紹介されています。 12ページあって見るのは大変ですが、WordPressデザインやポートフォリオサイト、コーポレートサイトなど、クールなデザインレイアウトのチュートリアルがたくさん見られます。 以下にざっとご紹介。 ↑はGreenPress WordPress Theme Design。 Website Gallery Layout Design Tutorial Site Blog Design Chocolate Pro WordPress Style Layout Portfolio Web Layout #5 Tutorial Wedding Layout その他は以下からどうぞ。 » 60 Layout design tutorials デザインに迷った
「Friendpaste」はソースコードを色んな人と共有し、編集し合えるサイトです。 ソースコードを入力し保存すると、オリジナルのURLを生成してくれ、そこにアクセスした人が自由に編集などができます。 編集にパスワードを設定することもできるし、古いバージョンに戻すことも可能です。 友達とプログラミングなどを一緒にするときに利用してみると便利かも！ 以下に、使い方を載せておきます。
ライフハッカーみたいなサイトを運営していると、各所からさまざまなプレッシャーをかけられるんです。 たとえば、社長から携帯サイト化しろだとか、もしくは社長から携帯サイト化しろだとか、はたまた社長から携帯サイト化しろだとか...。ま、こうなると、「やったことないしなー」とか、「お金かかるし...」とか、「ぶっちゃけ面倒」などという「いいわけ」をグッと押し込み、形だけでも進めている素振りを見せなきゃいけないわけですな。でも、経験がないから、どこから手をつけて良いのやら、さっぱりわからない。そんなときに、とっても役立つサイトが「モバイルデザインアーカイブ」なんです。 アーカイブされているのは、その名の通り、各種企業の携帯サイトのデザインばかり。BMWやH＆Mなど、超有名企業の超優良デザインを山ほど閲覧できちゃうわけですよ。さらに便利なのは、一部のサイトだけですが、実際にPC上で体験できること。3G
自分のブログやWEBサイトを持っていると、フリーのソフトやリソースがこれだけあっても、やっぱりどこかでお金が掛かったり、何かしら面倒な作業があったりするものです。そこで、ブログやWEBサイトの立ち上げからメンテナンスまで、誰もが使えそうなツールをご紹介します。 【10】『.htaccess Editor』で簡単アクセス管理 進行中のプロジェクトがあって、途中経過を友だちには見せたいけど、ネット上にはまだ公開したくない、もちろん検索で引っ掛かるのもマズいという場合。『.htaccess Editor』を使えば、ベーシック認証やアクセス制限など、個人的にちょっと使いたい程度のことは簡単にできます。こういう類いのアプリは他にも色々あるけど、これはアクセス制限と許可に関する設定を、1つずつ順を追ってすることができるのがいいです。あと、いくつもあるサブドメインの設定をする時も便利（参考記事：「.ht
25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く