無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
真面目にエロサイトを作ってみた【デザイナー編】 - BLOG｜ASTRODEO
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」 - Feel Like A Fallinstar
”Don't Make Me Think” 訳すと、「いちいち私に考えさせるな！ボケ！」といったところでしょうか。 これは、2001年にSteve Krugが出した書籍の名前なのですが、この「ユーザにいちいち考えさせない」ことを忘れているか、いないかがソフトウェア・Webサイトの勝負を分ける最も大きな分岐点の1つです。 人間は日々の生活の中で、いちいち物を操作したり情報を見るたびにあれこれ考えたくなんてありません。 ユーザをつまらない操作やナビゲーションで考えされればさせるほどストレスは増大し、企業への信用は急激に失われます。 今日は、この”Don't Make Me Think”について、 如何にユーザが考えることを嫌うか 「考えさせない」とはどういうことか を、これまで見てきたユーザ検証の結果なども交えて、少しばかり書いてみようと思います。 あらゆる「無駄な」思考が、ユーザを苛立たせ、
nabokov7; rehash : 「次のページ」は右か左か (いわゆる「前次問題」?)
January 08, 200923:46 カテゴリイントラブログよりサービス作りの話 「次のページ」は右か左か (いわゆる「前次問題」?) 「前次問題」というのがたまにブックマークで話題に上ってくるのだけど，自分の中ではこれは「横書きか縦書きか」「昇順か降順か」のたった二つのファクターのみに依存する問題として整理できてるつもりなので，この機会にまとめてみる。 (以前，マリオは左から右へ進むので云々といった話にまで拡大してたこともあるみたいだけど，本当はもっとシンプルな話のはず。) I. 第一の要素: 横書きか縦書きか I-a. 横書きの場合 文章の流れは左上から右下。 複数ページが横に並ぶ場合は，ページは左から右へ進む。(左開き) I-b. 縦書きの場合 文章の流れは右上から左下。 ページが横に並ぶ場合は，ページは右から左へ進む。(右開き) ここで原則1。 webは基本的に横書きなので，
中文有码无码人妻在线短视频,宝贝把腿张开我要添你下边,胸前两只兔子从衣服里蹦出来,国产小嫩模无套中出视频
中文有码无码人妻在线短视频,宝贝把腿张开我要添你下边,胸前两只兔子从衣服里蹦出来,国产小嫩模无套中出视频,婷婷激情丁香六月开心五月,粗大交换好大好爽小静,它想你了给我我就放一会
サイトの階層構造を理解させるためにコンテンツ直接参照をさせないなど不案内にする必要はないのです
サイトの階層構造を理解させるためにコンテンツ直接参照をさせないなど不案内にする必要はないのです スポンサードリンク Tweet せうぞーさんのエントリにて、 行末の全角スペース（まとめメモ） - 名もないテクノ手 [d.hatena.ne.jp] *1：リダイレクトを提案して得意になっている人もいるようだけれど、階層構造を示すことの重要性がわかっていないのだと思う。苦笑 とあった件について。 この話しは、おそらくこの前書いた M.C.P.C.: DTP WORLD 2008.7月号：Webとの連携 に関しての感想だと思います。違ったらごめんなさい。 それで、僕のエントリでは、冊子で紹介したWebのコンテンツに直行できるようなリダイレクタを設置したらどうか、と言う提案をしたのですが、それに対するせうぞーさんの意見は、階層構造を示すことの重要性がわかっていないのだと思う。ということになり、目指
チェック必須！GUIインタフェースを作るようにWebインタフェースを作成できる·Sigma Visual Ajax GUI Builder MOONGIFT
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
はぁ、またか、とFlashがダメだなと思う一瞬
先に補足を追記します： 僕のスタンスをはっきりしておかないとFlashという単語などの想定しないところで思考がひっかかる人が出てきそうなので書いておくと、 ・これから以下に書くようなFlashを作っていた人でもあります。 ・FlashやAdobe(Macromedia)プロダクトが大好きです。 ・現状の環境で素晴らしいUIを実現するにはFlashとJavaScript(Ajax）の適材適所での利用は不可欠だと思っています。 以上のことを踏まえた上で読んでいただけるとありがたいです。 こんな記事を見つけた。 次世代画像クルージング技術「ImageCruiser」、楽天市場で実験開始 :: SEM R 色検索とか地図検索とか作っていろいろ思うところが多い者としては、行く末が気になります。 予想を裏切って欲しいという意味で、成果があがることを期待しつつ。 が、どうしても気になっていて、これ画面ね
マックOSのドック風のメニューが作れる『MacStyleDock.js』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
入力フォームのユーザビリティ&アクセシビリティ！
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Product Video Tour
http://www.designwalker.com/2009/07/photoshop-scratch.html
http://www.designwalker.com/2009/02/clone-webdesign.html
http://www.newsgator.com/individuals/topstyle/default.aspx
AIRTIGHT - SimpleViewer flashno
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス![[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)