Webデザインってなんでしょうね？（笑） | gaspanik weblog
なんかこちらの記事が燃えあがるほど人気のようです。なにやらマーケティング専門の方が Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！ と豪語されていたことに対する反論のようですが…。 んと、人間っていうのは、自分の置かれてる立場や得意とする分野を中心として（良きものとして）考える癖がありますからね。おそらく皆さんそうではないでしょうか。自分の意見と反対のことを言われると「カチン」ときてしまう。 そこで「脊髄反射的に反応する＝どうしても自分の視点からの意見だけを述べてしまう」のであまり良くありません。むかつきながら書いたメールは一晩おいて読み直しましょう、ってよく言いますね。 まぁまぁ短絡的に反論するのはあまり良くないです（笑）。 なぜWebサイトの視覚表現が必要なのか？Webデザイナーさんの中には見た目を作ることが仕事の方もいらっしゃるでしょうし、そ
「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは？
2017年7月14日 Webデザイン マーケティング専門の人が「Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！」と豪語していたのでそれに反論を。もちろん彼の言っている事はWebサイトを世に広めるためにはとても大切な要素です。でもだからといってデザインが全く関係ないというのは極論すぎます。という事でWebデザインの重要性について考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ なぜWebデザインは重要なのか？ 以前「ECサイトの色やデザインと購買意欲の関係」という記事で触れたとおり、ECサイトにおける約半数のオンライン消費者が、全体のデザインを理由にそのサイトを再訪問しないようです。この結果から、多くのユーザーがWebサイト上のデザインを重要視している事がわかります。では具体的にWebデザインはどのような役割があるのでしょうか？ ユ
ウェブサイトの横幅
ウェブサイトの横幅ついては過去に「固定派」「リキッド派」により幾度となく繰り返され、おそらく未だ「どちらが適当か」という結論には至っていない。ちなみに俺は元リキッド派で現在は丁度その中間とも言える「max-width派」なんだが固定派の言い分もよくわかる。例えば次の「固定派」の意見。 現実問題として、「多くの閲覧者が特に設定などをしないで見たときに、サイト公開側の意図に沿ったウェブデザインで見せたい」という要請は多いし、またその要請をかなえてこそウェブデザイナーと言えると思う。見せる側の意図を完全に排除し、閲覧者の自由度のみを主張するのは極めて偏った見方だと思うし、また現実問題として、ウェブブラウザーの操作において文字サイズ等を自在に設定できるユーザーは案外少ないものである（こんなページを見ている人なら当然できるような操作でも、ネットやパソコンになじんでいない一般の人たちには極めて高度な作
[CSS]横スクロール時にヘッダやフッタが切れてしまう時の解決方法
ヘッダやフッタがブラウザの横幅より広い際に、横スクロールするとヘッダとフッタが切れてしまうのを解決する方法を紹介します。 これはIE6などの旧式のブラウザだけでなく、Firefox3.6やChromeでも起きる現象です。 How to Resolve a Fluid Header/Footer Problem When the Window is Resized デモページ（不具合版） ※キャプチャはFirefox3.6（不具合の確認は横幅を小さくして） この現象が起きる条件は下記のようになります。 ヘッダとフッタのサイズは指定されていない。 →横いっぱいに広がる。 コンテンツエリアのサイズは指定されており、「margin:auto;」で中央に配置。 ブラウザのサイズはコンテンツエリアのサイズより小さい。 →ブラウザに横スクロールバーがでる。 期待される表示は、下記のようにコンテンツが中央
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた : らばQ
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた 仕事となるとどんな職業にも、相応の苦労はあることでしょう。 しかしながら今時のWEBデザインには独特の苦労ポイントがあるようで、Webデザインを分析した円グラフが人気となっていました。 今時のWEBデザインについての分析 ブラウザごとに表示のされ方が微妙に違うため、WEBデザインをしている人なら思うところはいろいろあるようです。 海外サイトのコメントも沢山集まっていましたので、一部抜粋してご紹介します。 ・「こんなのはたくさんだ、IE6もたくさんだ、というわけでXBOXで遊んでやる」と言う時間：95％ ・オレにとってはこのCSSのみでってのは本当だよ。よくそうやってテーブルを解決している。 ・IEが好きだってやつがいたら、そいつはスタイルシートを作ったことの無いやつだろうよ。 ・そうだな、あの古いフォーマット。
2009年、ウェブデザインに役立つまとめのまとめ
Web Design Trends For 2009 邦訳：2009年、押さえておきたいウェブデザインの10のトレンド 2009年に流行るであろうとされた10のトレンドです。確かに、これらのものが使用されたサイトは多く見かけました。
twitlogo.com -
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.
愛生会病院
小坂町へアカシアドライブ 先日、小坂康楽館通りにあるアカシアを見に行ってきました。風が少し強い日でしたが満開のアカシアが花吹雪となり綺麗に舞っていました。噴水の音を聞きながら「風が気持ちいいなぁ」と、景色を眺め、花壇の...
タグのインデント
インデントとは インデントとは様々なアプリケーションにおいて、文字を入力する際に行頭の文字下げを指定するものです。 文章を改行すると初期設定では左側が各行において揃いますが、インデントを指定することで文字をずらし、見やすさを調整することが出来ます。 HTMLにおけるタグのインデント HTMLの記述内容は、すべて文字で表されているので、行を重ねるごとに改行を伴います。 タグ打ちと呼ばれ、タグを手入力で行う場合は特にインデントを組むことは稀です。 しかし、多くの制作ソフトによって生成されるHTMLのタグはデフォルトの状態ではインデントが指定されていることがあります。 例えば、制作ソフトの代表「IBM ホームページビルダー」の場合、初期設定でのインデントによる文字下げは「2文字」とされています。 従って、特に設定を変えることなく、このソフトで制作した場合、階層が深くなるタグ（テーブルなど）ほどイ
HTMLソースのインデントについて - HTMLソースを書くとき、開始タグと終了タグの関係性を明確にするため、インデントを付けているサイ... - Yahoo!知恵袋
私はインデントを付けていない部分が多いHTMLソースを書いています。 理由は、インデントを付けていないと読みにくいソースなんて、HTMLでは複雑すぎるもっと整理できるソースではないかと考えるからです。まぁいろいろな言語のソースを読む事になれている事と、読みやすさや管理の為に趣味のHTMLにも内部規約を作っているという事も関係しますが。 ＞インデントを付ける・付けないって、どっちがいいんでしょう？ インデントを付けた事で可読性が悪くなったと感じたソースがあったとしたら、それはインデントの問題ではなくソースの内容の複雑さが問題なのではないでしょうか。 管理効率はたしかにインデントを付けるとそれも含めて管理する必要が発生してしまいますが インデントはあくまでソースの視覚的なもの。自主的な規則を考える事で効率の悪化は軽減します。 そしてなによりファイルを軽くという事ですが、 ファイルの容量を気にす
PHPを使って更新をラクにする - ネットマニア
ネットマニア全ページがPHPです！ PHPって難しく考える人もいるかもしれないですが、一度マスターしたらとても便利です。 現にネットマニアの全ページがPHPです。 なぜPHPを使っているのか？ 以前はhtmlを使用していました。 htmlでページ数が増えていった場合の難点と言えばまずメニューです。 例えば、最初はメニュー項目が5つだったが、その後6つに増えました。 しかし、それまでに同様のページを10ページ作っておりメニュー項目を変更するには、10ページ全部を更新する必要があります。 これが面倒であり、htmlの弱点でした。かと言ってフレームにするのは何かとイヤです。 そんな悩みに応えてくれるのがPHPなのです。 PHPはメニュー項目を外部ファイルから呼び出すことが可能であり、何百ページあっても１つのファイルを変更するだけでメニュー項目の変更ができるのです。 つまり、各ページでメニュー外部
cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas
これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssとHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったｃｓｓスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssとHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ：CSS 3D Meninas)
[CSS]さまざまな指定方法によるフォントの見え方を比較 -メイリオ・ＭＳ Ｐゴシック・ヒラギノ角ゴシック | コリス
スタイルシートを使用してフォントサイズの指定を行う場合、いくつかの方法があります。 absolute size キーワードで指定、フォントサイズはUAに依存 ex.)small, medium relative size 親要素に対しての相対指定 ex.)smaller, larger length 正数で指定、使用できる単位は「in, cm, mm, pt, pc, em, ex, px」 ex.)10pt, 1em percentage 親要素に対してのパーセント(%)指定 ex.)100%, 120% この中から、キーワード、em、pt、px、パーセントで指定をし、主要フォントでどのように表示されるかを比較しました。 フォントスタイルは、上から「メイリオ」「ＭＳ Ｐゴシック」「ヒラギノ角ゴシックW3」「Osaka」の順番で、「メイリオ」はWindows Vista、「ＭＳ Ｐゴシック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.interactive-salaryman.com/pieces/invisible_j/main.htm
IDEA * IDEA
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど
2010年になる前に、見ておきたい15のウェブサイトのデザイン
http://hadalove.com/marumaru/index.html
NEO HIMEISM
PEEWEE 【CSSテンプレート・APESKIN】