[B! webデザイン] [4ページ] MIZのブックマーク

はてブのデザイン編集(css)で気づいたことのメモ :: ぼくはまちちゃん！

ちょっと前に、はてなブックマークのデザイン編集機能で遊んだんだけど… これ → はてなブックマーク - Hamachiya2のブックマークなんかまだtagリストまわりに問題点が残ってるけど、その時きづいたことをメモっときますね！ cssロールオーバー画像のプリロード cssでクリッカブルマップもどき・cssロールオーバー画像のプリロードふつうにcssでロールオーバーしただけだと、やっぱりチラついちゃうので以下のようにしてプリロードしたよ。 footerとか <div id="preLoad"> <img src="ロールオーバー時の画像1" width="1" height="1"> <img src="ロールオーバー時の画像2" width="1" height="1"> <img src="ロールオーバー時の画像3" width="1" height="1"> </div> c

MIZ 2006/02/17

画像のプリロードとロールオーバー

webデザイン

リンク

ikesai.com

イケてるWebサイト制作会社をお探しの方へイケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。オススメのサイトミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイトブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん

MIZ 2006/02/16

webデザイン

リンク

mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com

mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ

MIZ 2006/02/09

逆に「いい加減に横幅760ドット以内のデザイン制限はやめようよ」というデザイナーの強い意思表示を感じたのだけども。でもユーザーにその意図が明確に伝わっていなければ意味ないか。

webデザイン

リンク

Web Design Analyze

かなり古いものですので今は役に立たないでしょう。これを使うよりも、FirefoxのWeb Developerアドオンを使ったほうがいろいろできて便利です。 TABLEや画像でWebサイトのデザインをしていることが多いわけですが、それを具体的に見てみるというのがこれ。インストール Internet Explorerの右クリックメニューを拡張します。まずはWebAnalyzeをダウンロードしてください。解凍後、analyze.infファイルを右クリックし、インストールを選びましょう。Internet Explorerの右クリックメニューに「Web Design Analyze」が追加されます。インストールしたら、いったんブラウザをすべて終了してください。 Windows2000ではうまくインストールできません。また、すでに多くの拡張ツールを入れている場合は追加できないこともあります。 Ana

MIZ 2006/02/02

見えないTABLEを可視化

webデザイン

リンク

なんしゃましまし: Fireworks

■ Fireworks4 Pop-up Menu の表示位置自動計算 ( How to calculate the position of popup menu (for FW4 only)) ■ Fireworks MX パネル　(Feb.20.2004) ( SWF panels extending Fireworks MX/MX2004 ) ■ 図形描画コマンド(download FW commands (Japanese)) DOWNLOAD(ダウンロード)(2003/06/04) 解説 (Explanation) 図形描画コマンド(draw objects) fireworks でうずまきや星型を描きます。図形描画コマンド円 (draw circle) fireworks で同心円や歯車型を描きます。配置コマンド(align) オブジェクトを等間隔、