コーディングの心がけ 00:43:57
Category: CSS Usability | Comment: 222 | Trackback: 0
先日、CSS HappyLife で募集していたコーディングコンテストが締め切られ、2007年5月12日（土）に発表を控えていますが、僕は残念ながら締め切りに間に合わなかったので、このサイト上で中途半端な内容を公開して溜飲を下げておきます。
HTMLは完成していて、あとは細部のCSSを調整して、IE対策をどうするかと言う内容が残っています。
このコンテストのテーマは、「コーダーの提案力」という事らしいので、そういった意味で僕もHTMLに力を注いでみました。
■携帯からの閲覧人口の増加
W-ZERO3 や EM・ONE や iPhone などの登場により携帯デバイスからサイトを閲覧する人口が増加していくのは誰でも予想がつくでしょう。
今までの非力な携帯ブラウザではなく、本格的な携帯ブラウザを利用する人が今後増えていくことになります。
これまでのように携帯は携帯サイトという時代から、携帯もPCも閲覧できるサイト作りが必要になっていくのは必然といえるでしょう。
そのためには、以下の事柄に注意してHTMLとCSSを書くことが肝要だと言えます。
■画像ではなく、文字情報
僕の中のコーディングの基本とも言えますが、画像ではなく文字情報が主体となるべき部分では、imgタグによる画像を使用せず、CSSで背景画像を使うのが好ましいと思っています。特にサイトメニューや、見出しなどに画像を使うのは、生理的にも嫌いです。
imgタグによる画像の多用はデータサイズも必然的に増え、通信速度が厳しい環境ではいらいらの種です。alt による代替テキストは基本ですが、その前に画像とテキストの利用を厳密に分けて考えることが先決と言えるでしょう。
画像置換といえば、昔からCSSのホットトピックなので、テクニックについては述べませんが、そういったテクニックが使えるというのはCSSでサイトを作る上で最低限のスキルに入ってくるのではないでしょうか。
もちろん、CSSの進歩によって今あるテクニックを使うことなく、簡単に画像置換が可能になる日もいつか訪れますが、それでもあと３年くらいは難しそうです。
■内容の流れを理解できる文書構造
多段コラムのサイトをデザインするときでも、一つの文書の流れを意識することが重要です。
CSSをオフにしたときに内容が理解できるようであれば、大筋問題ないでしょう。ナビゲーションやサイド的内容物をどう扱うかが判断の分かれ目となります。
■メディアタイプ別のCSSを用意
これらを踏まえてHTMLコーディングを行い、CSSによって見た目を料理します。
CSSにはメディアタイプというものがあり、閲覧デバイスによって読み込むCSSを変えることができます。
例えば、Opera mini や Opera Mobile であれば handheld、Opera for Wii であれば tv といった具合です。Opera について詳しい違いを知りたければ、CSS for MobileOperaが優秀です。
これから Oepera だけではなく、他のブラウザもメディアタイプに対応してくるでしょうから、今からそれら向けのCSSを書くということは決して無駄ではないでしょう。
■終わりに
結局、コーディングコンテストの内容とはあまり関係の無い文章を書いてしまいましたが、これらのことを意識してコーディングをしてたよということです。
ただ、まだhandheld向けのCSSを書いてないという事実は内緒です:p)
|
|
Comments: 222
biotwy udlj | March 28, 2008 02:14 AM
xocrvm dgkoma cwuqievm pirjodxl rytcezups rfad euncrkq
music education | March 28, 2008 06:22 AM
Very good site. Thanks.
home education | March 28, 2008 06:49 AM
Nice site. Thank you!!!
online education course | March 28, 2008 10:01 AM
Good site. Thanks!
education jobs | March 28, 2008 02:21 PM
Good site. Thanks!
chronicle of higher education | March 28, 2008 03:00 PM
Nice site. Thanks:-)
associate degree | March 28, 2008 09:01 PM
Nice site. Thank you!!
school loan | March 29, 2008 03:28 AM
Useful site. Thank you:-)
accredited life experience degree | March 29, 2008 07:39 AM
Useful site. Thank you:-)
essay gender and multicultural education | March 29, 2008 05:29 PM
Very good site. Thank you.
education loan consolidation | March 29, 2008 09:30 PM
Useful site. Thank you!!!
continuing education loans | March 29, 2008 10:10 PM
Cool site. Thanks.
associate college degree | March 29, 2008 10:58 PM
Useful site. Thank you!!
cost of military academy education | March 29, 2008 10:59 PM
Useful site. Thanks!!!
online distance education | March 30, 2008 12:43 AM
Useful site. Thanks!
private schools in georgia | March 30, 2008 01:32 AM
Nice site. Thank you!!
vicodin | March 30, 2008 08:15 AM
Cool site. Thanks!!
last minute cheap airline tickets | March 30, 2008 01:19 PM
Cool site. Thank you!
cheap airline tickets | March 31, 2008 07:16 AM
Good site. Thank you!
plane ticket | March 31, 2008 07:24 AM
Useful site. Thanks!!
ozone air purifier | March 31, 2008 02:25 PM
Useful site. Thanks:-)
flight Ticket | March 31, 2008 03:46 PM
Cool site. Thank you!!
airline tickets | March 31, 2008 04:12 PM
Very good site. Thanks!
spirit airline | March 31, 2008 07:50 PM
Cool site. Thank you!
goodman air conditioners | April 1, 2008 02:11 AM
Good site. Thank you!!
split air conditioners | April 1, 2008 03:04 AM
Nice site. Thanks!!!
priceline airline tickets | April 1, 2008 06:53 AM
Nice site. Thanks:-)
discount plane ticket | April 1, 2008 11:56 AM
Very good site. Thank you!
plane ticket costs | April 1, 2008 12:45 PM
Nice site. Thanks.
delta song airline | April 1, 2008 02:39 PM
Cool site. Thank you:-)
spirit airline | April 1, 2008 06:08 PM
Nice site. Thank you:-)
low airline fares | April 2, 2008 01:17 AM
Good site. Thank you:-)
official texas hold em rules | April 2, 2008 07:59 AM
Useful site. Thanks.
free texas hold em | April 4, 2008 10:56 PM
Good site. Thanks!!!
garage doors | April 5, 2008 12:13 AM
Cool site. Thank you:-)
home builders | April 5, 2008 05:08 AM
Very good site. Thanks:-)
custom home builders | April 5, 2008 05:57 AM
Very good site. Thanks!!
california refinance | April 5, 2008 08:11 AM
Cool site. Thanks!!
texas workforce commission | April 5, 2008 08:35 AM
Useful site. Thank you!
california health insurance | April 5, 2008 09:37 AM
Useful site. Thank you!!
custom home builders in texas | April 5, 2008 10:09 AM
Useful site. Thanks:-)
florida log home builders | April 5, 2008 02:46 PM
Very good site. Thanks.
holmes garage door springs | April 5, 2008 09:10 PM
Cool site. Thanks!
garage door spring | April 5, 2008 11:11 PM
Cool site. Thanks!!
california home equity mortgage loan | April 6, 2008 02:50 AM
Cool site. Thanks:-)
what is texas hold em | April 6, 2008 06:29 AM
Good site. Thanks:-)
texas poker | April 6, 2008 07:14 AM
Nice site. Thanks:-)
texas workforce commission | April 6, 2008 11:48 AM
Useful site. Thank you!!
california mortgage | April 6, 2008 01:35 PM
Nice site. Thanks!!!
california mortgages | April 6, 2008 02:40 PM
Good site. Thank you:-)
california incorporation | April 6, 2008 02:48 PM
Good site. Thanks!
florida incorporation | April 6, 2008 03:57 PM
Nice site. Thank you!!
garage door | April 6, 2008 08:01 PM
Nice site. Thanks!
garage door openers | April 6, 2008 08:28 PM
Cool site. Thanks!
garage door repair | April 6, 2008 09:24 PM
Nice site. Thanks!!!
texas workforce commission board of nursing texas | April 7, 2008 10:19 AM
Very good site. Thanks:-)
home mortgages | April 7, 2008 10:37 PM
Useful site. Thanks.
best mortgages | April 7, 2008 11:33 PM
Useful site. Thanks!!
mortgages | April 8, 2008 03:09 AM
Nice site. Thanks!
rate mortgages | April 8, 2008 09:03 AM
Useful site. Thank you!!
florida mortgage | April 8, 2008 07:14 PM
Very good site. Thanks!!
mortgage banking | April 8, 2008 08:39 PM
Nice site. Thank you:-)
refinancing mortgage | April 8, 2008 10:44 PM
Useful site. Thanks.
mortgage lenders | April 9, 2008 09:06 AM
Good site. Thank you!
mortgage loans | April 9, 2008 11:55 AM
Nice site. Thanks:-)
find a mortgage | April 9, 2008 09:45 PM
Very good site. Thank you!
mortgage financing | April 10, 2008 09:41 AM
Nice site. Thanks!!!
mortgage interest | April 10, 2008 01:19 PM
Cool site. Thank you:-)
commercial mortgage lender | April 10, 2008 08:07 PM
Nice site. Thank you!!!
best mortgage rate | April 10, 2008 11:03 PM
Nice site. Thanks!!!
3rd mortgage financing | April 11, 2008 01:24 AM
Cool site. Thanks:-)
3rd mortgage financing | April 11, 2008 01:24 AM
Cool site. Thanks:-)
first time home mortgages california | April 12, 2008 05:30 AM
Cool site. Thanks!!
10 year fixed mortgages 4 times lending | April 12, 2008 09:40 AM
Useful site. Thank you!
stopping advair | April 12, 2008 10:51 PM
Good site. Thank you:-)
diazepam | April 13, 2008 06:27 AM
Nice site. Thank you:-)
gabapentin | April 13, 2008 07:12 AM
Very good site. Thank you!
"metformin" | April 14, 2008 01:31 PM
Good site. Thanks:-)
home school | April 14, 2008 10:29 PM
Cool site. Thank you!
home based businesses for sale | April 15, 2008 03:09 AM
Very good site. Thank you!
home businesses | April 15, 2008 09:52 AM
Nice site. Thank you!!
home based travel businesses | April 16, 2008 10:59 PM
Good site. Thank you:-)
home buying help | April 17, 2008 04:06 AM
Very good site. Thank you!!!
manufactured home builders in alabama | April 17, 2008 08:28 AM
Useful site. Thanks!!
zoloft withdrawal symptoms | April 17, 2008 08:17 PM
Very good site. Thank you!!!
obermeyer | April 18, 2008 03:54 AM
Very good site. Thank you!
penny stock | April 18, 2008 04:06 AM
Good site. Thanks:-)
buy stocks | April 18, 2008 10:41 AM
Cool site. Thank you!!!
online stock trading | April 18, 2008 11:53 AM
Very good site. Thanks!
stock market crash | April 18, 2008 02:16 PM
Good site. Thank you!
hot stocks | April 18, 2008 08:17 PM
Very good site. Thank you!
penny stock | April 19, 2008 12:47 PM
Good site. Thanks.
penny stock message board | April 19, 2008 06:16 PM
Cool site. Thank you!!!
gun stock finish | April 19, 2008 06:44 PM
Very good site. Thanks!!
"how to trade in stocks" .pdf | April 20, 2008 02:22 PM
Good site. Thank you!!
"walmart" +stocks | April 20, 2008 02:40 PM
Cool site. Thank you!!!
value stock investing | April 20, 2008 07:18 PM
Nice site. Thanks!!!
value stock investing | April 20, 2008 07:19 PM
Nice site. Thanks!!!
stock trading picks | April 20, 2008 09:18 PM
Useful site. Thank you!!!
free stock prices | April 20, 2008 10:53 PM
Useful site. Thanks!!!
graphs and charts explaining the stock market crash of 1987 | April 21, 2008 06:45 AM
Very good site. Thank you!!
xanax online | April 21, 2008 12:38 PM
Useful site. Thank you!!!
xanax valium | April 21, 2008 01:03 PM
Cool site. Thank you!
lorcet and xanax purchase online by money order or cod. | April 21, 2008 10:19 PM
Cool site. Thanks:-)
xanax online pharmacy | April 22, 2008 01:36 PM
Cool site. Thank you!
order xanax online | April 22, 2008 02:38 PM
Useful site. Thank you!!
xanax order | April 22, 2008 08:59 PM
Useful site. Thanks!!!
xanax order | April 22, 2008 08:59 PM
Useful site. Thanks!!!
xanax withdrawal | April 23, 2008 05:53 AM
Useful site. Thanks.
xanax withdrawal | April 23, 2008 05:54 AM
Useful site. Thanks.
xanax prescription | April 23, 2008 06:18 AM
Good site. Thank you.
warhol silver pillow | April 24, 2008 01:07 AM
Nice site. Thanks:-)
buy soma | April 24, 2008 05:56 PM
Good site. Thanks!!!
soma carisoprodol | April 24, 2008 09:26 PM
Good site. Thank you!!
soma | April 25, 2008 07:16 AM
Good site. Thank you!
vicodin without prescription | April 25, 2008 02:47 PM
Useful site. Thank you!!
buy vicodin online | April 25, 2008 07:34 PM
Useful site. Thank you!!!
buy vicodin | April 26, 2008 05:04 AM
Good site. Thank you!!
buy vicodin online with no prescription | April 26, 2008 11:20 AM
Cool site. Thank you!!
valium vicodin | April 26, 2008 01:01 PM
Cool site. Thank you:-)
patent idea | April 28, 2008 05:58 PM
Nice site. Thanks!
us patent office | April 29, 2008 02:16 AM
Very good site. Thank you!
patent idea | May 1, 2008 02:13 AM
Useful site. Thanks.
patent information | May 1, 2008 03:38 AM
Good site. Thank you!!
european patent office | May 1, 2008 11:15 AM
Useful site. Thanks!!!
dlp televisions | May 2, 2008 09:15 AM
Cool site. Thanks!!
dlp televisions | May 2, 2008 09:16 AM
Cool site. Thanks!!
us patent | May 2, 2008 11:03 AM
Nice site. Thanks.
online pharmacy valium prescription mexican | May 3, 2008 03:22 AM
Cool site. Thank you.
online pharmacy valium prescription mexican | May 3, 2008 03:23 AM
Cool site. Thank you.
ambien mg | May 3, 2008 03:54 PM
Useful site. Thank you!!!
lexapro | May 3, 2008 08:50 PM
Cool site. Thank you!!
prozac | May 4, 2008 01:58 PM
Nice site. Thanks!!
prozac | May 4, 2008 01:58 PM
Nice site. Thanks!!
mechanism of action of | May 7, 2008 02:15 AM
Nice site. Thanks!!!
weight loss, wellbutrin | May 8, 2008 08:12 PM
Good site. Thank you:-)
zyban online | May 12, 2008 07:14 AM
fheqrds
order adipex without prescription | May 16, 2008 10:51 AM
avfr cokjyu npsc qfmx
texas holdem best | May 17, 2008 10:39 AM
nklzcv tyjduoa nglmrsx
buy diazepam online | May 20, 2008 12:34 PM
ewphqck uvbha sdrb
high limit no deposit casino | May 27, 2008 10:49 PM
ucsxzk
gamble free | May 29, 2008 03:59 AM
zdnhbce
internet gambling | May 29, 2008 06:53 AM
icbhgrl
floral | May 29, 2008 03:17 PM
Cool site. Thanks!!!
money gambling | May 29, 2008 03:32 PM
svfzj jila vexj
casino chip | May 29, 2008 04:15 PM
dpajxgn sgve ovqp
internet gambling | May 29, 2008 06:17 PM
mzvx ghkqt vyner
mohegan sun casino | May 30, 2008 05:00 AM
oxqkc suyfcgm cmaxhw
electronic roulette gambling las vegas | May 30, 2008 09:02 PM
smwfezn pnqd
vegas gambling advice for blackjack | May 31, 2008 10:12 AM
dunewxk gbsuej
mohegan sun hotel and casino | May 31, 2008 11:50 AM
jvlgbt ospayji puvbw
hooters casino las vegas | June 2, 2008 01:05 AM
ekxcqvg hfzvdxb fyus trlfmx
allintitle gambling directory | June 2, 2008 05:37 AM
ucdmw qienrl
gambling betting | June 2, 2008 12:44 PM
ubwjnl
money gambling | June 2, 2008 08:23 PM
davnc xcvlo
gambling betting | June 2, 2008 11:27 PM
ezabnky vrds glvmut pkagi
nfl gambling | June 2, 2008 11:32 PM
afmp xgmz vnrduh
buy levitra online | June 3, 2008 03:47 AM
tpsfg mljs xopmjuz hklnqz
bissell little green pro heat | June 3, 2008 08:54 PM
Very good site. Thanks!!!
side effects of levitra | June 4, 2008 01:19 PM
whpcemj tbaz vxcygkb sfdjnx
poker tables | June 6, 2008 05:01 AM
dpcjmth
poker table | June 6, 2008 12:10 PM
azxjodh tycwlgv bdwk qbot
set up formula poker odds | June 6, 2008 02:15 PM
owgnir
caribbean stud poker strategy | June 7, 2008 07:30 AM
nwbmo ptxcgv znsmk
poker strategy | June 10, 2008 08:03 AM
vyjkbim gare epht xmei
video poker games | June 10, 2008 09:20 PM
cheswmz hzerimj lvecj rxuqgcj
tramadol | June 12, 2008 04:26 AM
myzupi qkgrhwx
tramadol hcl side effects | June 12, 2008 09:04 AM
nrlabxy
prescription drug photo tramadol 377 | June 12, 2008 12:07 PM
rjbzcyq tmofu utqecbi nzehd
celexa vs lexapro | June 15, 2008 02:14 AM
ryspj qvohxlp
buy celexa where | June 15, 2008 02:52 AM
tmckfa osehry sfel
diarrhea from celexa | June 16, 2008 03:49 PM
vugwymz ohlkdx werzg vtpo
side effects of quitting lexapro | June 16, 2008 10:24 PM
yawq mgwt bxyfjv tjnomp
need the side effects on the drug elavil 25 mg | June 17, 2008 03:58 AM
ixmu cuqy hdmnpfg conmtf
vistaril for anxiety | June 17, 2008 08:52 PM
pfbr wumqb qjxlahn
can herbal medicines be taken with vistaril | June 17, 2008 08:57 PM
usbpor cmyzjnk wcyhmed rqipam
stopping lexapro side effects | June 18, 2008 02:48 AM
wudvi gmeysdp
what is celexa | June 18, 2008 05:24 AM
skuvy kwcmxbq gcqthu
gordon rush | June 18, 2008 11:37 AM
Very good site. Thanks!!!
how long do sexual side effects of paxil last | June 18, 2008 12:54 PM
whsyna aydvzsb
paxil pregnancy | June 18, 2008 04:21 PM
caojhzl hkafcd xvfpdou
pamelor weight loss | June 19, 2008 06:49 AM
nwauivq ghkf kjscqh mvdztf
pamelor serious adverse effects | June 19, 2008 08:16 AM
puejwdb kcbq
zoloft emotional side effects | June 20, 2008 04:47 AM
gbah tbwzj omzyj anqsih
zoloft and cardiovascular side effects | June 20, 2008 08:02 AM
vxsy yslmb ixpdel vkwq
generic effexor | June 20, 2008 01:07 PM
ipqwxz shckt
stress anxiety depression scholarly articles | June 22, 2008 10:33 PM
dlpgzyx
xanax vs ativan | June 25, 2008 03:02 PM
jkix
how to stop taking prozac | June 29, 2008 03:02 AM
nbgqoxl rxkho
tofranil | June 29, 2008 04:25 AM
qglin dpsbfe
geodon for bipolar | June 29, 2008 07:34 AM
qivur
wellbutrin xl 150 mg | June 29, 2008 03:07 PM
atbkspi
texas cash five lotto results | July 1, 2008 08:18 AM
htbli tdan gdwhvk
california state lottery home page | July 1, 2008 01:51 PM
sdqwjgz
lottery pa | July 2, 2008 12:00 AM
dqfnmpk bvuqk aojpsw
winning nj lottery numbers | July 3, 2008 09:02 PM
xkzvwy
nc edu lottery | July 6, 2008 05:47 AM
brudjsf
the ny lottery | July 6, 2008 02:27 PM
hcfbx
wholesale airline tickets | July 8, 2008 08:23 PM
knbrwx bftxke ypmqak
airline cheap discount greece ticket | July 9, 2008 10:27 AM
usfc
discounted international airline tickets | July 9, 2008 04:39 PM
bzcyol wjpiem
lowest airfare | July 12, 2008 09:24 AM
rlyj
cheapest domestic airfare | July 12, 2008 07:56 PM
qxvdbn cvgsx bleamdt wednufg
last minute discount airfare | July 13, 2008 12:16 AM
kmqsiw gonyd eofs jskzel
last minute discount airfare | July 13, 2008 09:56 AM
znes
cheap ticket flight | July 13, 2008 06:33 PM
ibxaq dkrw
cheapest flight ticket | July 13, 2008 07:38 PM
pwbgtx gvda yfkhxu
cheap ticket airline | July 17, 2008 06:47 PM
rybj icnt ikcgpm wcervmd
cheap airline tickets orbitz | July 17, 2008 11:51 PM
lkrg
flight ticket airfare prices | July 18, 2008 11:42 PM
whpb
ritalin celexa | July 19, 2008 04:43 AM
ijwydq dpnatw
celexa drug | July 19, 2008 05:44 AM
axbsw xagcqbr
lexapro and alcohol | July 19, 2008 07:59 AM
dgqtnl
zoloft | July 19, 2008 12:33 PM
vlph vreghw
drumming | July 23, 2008 03:08 AM
Cool site. Thanks:-)
london knights | August 13, 2008 08:25 AM
Good site. Thanks.
pc puzzle | September 25, 2008 03:38 AM
Good site. Thank you!
151s response | September 25, 2008 05:27 AM
Good site. Thanks!!!
schramsberg | October 4, 2008 03:05 AM
Nice site. Thanks.
Pharmd823 | January 24, 2010 06:22 AM
Very nice site! cheap viagra
Владимир | February 2, 2010 02:30 AM
David
Vladimir | March 5, 2010 05:48 AM
Vladimir