html/css Archive

htmlも。

HTML Elements Index – Jens Meiert
index of HTML5 elements
HTML5 Elements and Attributes
各HTMLバージョンのDOCTYPE宣言のサンプル集

最後の方、ちょっと投げました。

っていうかタグと属性識別すんの忘れた…orz
cssもプロパティとvalue一緒にしちゃったし…。

!--
!DOCTYPE
--
-//W3C//DTD HTML 4.01 Frameset//EN
-//W3C//DTD HTML 4.01 Transitional//EN
-//W3C//DTD HTML 4.01//EN
-//W3C//DTD XHTML 1.0 Frameset//EN
-//W3C//DTD XHTML 1.0 Strict//EN
-//W3C//DTD XHTML 1.0 Transitional//EN
-//W3C//DTD XHTML 1.1//EN
?xml
abbr
accept
accept-charset
access
accesskey
acronym
action
address
align
alink
alt
applet
archive
area
aria-
article
aside
audio
axis
background
base
basefont
bdo
bgcolor
big
blockcode
blockquote
body
border
br
button
canvas
caption
cellpadding
cellspacing
center
char
charoff
charset
checkbox
checked
cite
class
classid
clear
code
codebase
codetype
col
colgroup
color
cols
colspan
command
compact
content
contenteditable
contextmenu
coords
data
data-
datalist
date
datetime
datetime-local
dd
declare
defer
del
delete
details
dfn
di
dir
disabled
dispatch
div
dl
draggable
dt
em
email
embed
encoding
enctype
EUC-JP
ev:listener
face
fieldset
figure
file
font
footer
for
form
frame
frameborder
frameset
group
h1
h1, h2, h3, h4, h5, and h6
h2
h3
h4
h5
h6
handler
head
header
headers
height
hgroup
hidden
hr
href
hreflang
hspace
html
http-equiv
http://www.w3.org/1999/xhtml
http://www.w3.org/TR/html4/frameset.dtd
http://www.w3.org/TR/html4/loose.dtd">
http://www.w3.org/TR/html4/strict.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd
id
iframe
image
img
input
ins
insert
isindex
ismap
itemid
itemprop
itemref
itemscope
itemtype
ja
kbd
keygen
label
lang
language
legend
li
link
listing
load
longdesc
map
marginheight
marginwidth
mark
marquee
maxlength
media
menu
message
meta
meter
method
model
month
multiple
name
nav
nl
noframes
nohref
noresize
noscript
noshade
nowrap
number
object
ol
onabort
onblur
oncanplay
oncanplaythrough
onchange
onclick
oncontextmenu
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformchange
onforminput
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onreadystatechange
onreset
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
onunload
onvolumechange
onwaiting  
optgroup
option
output
param
password
plaintext
pre
profile
progress
prompt
PUBLIC
radio
range
rb
rbc
readonly
rebuild
recalculate
refresh
rel
repeat
reset
rev
revalidate
role
rows
rowspan
rp
rt
rtc
ruby
rules
samp
scheme
scope
script
scrolling
search
secret
section
select
select1
selected
send
separator
setfocus
setindex
setvalue
shape
Shift_JIS
size
small
source
span
spellcheck
src
standby
start
strike
strong
style
sub
sub and sup
submit
summary
sup
switch
tabindex
table
target
tbody
td
tel
text
textarea
tfoot
th
thead
time
title
tr
trigger
tt
type
ul
upload
url
usemap
UTF-8
valign
value
valuetype
var
version
video
vlink
vspace
week
width
xml:lang 
xmlns
xmp

前回に引き続いて、cssです。
jsに比べればリソースがたくさんあって楽でした。

hail2u.net - Weblog - CSSのプロパティをソートするPerlスクリプト
CSS Properties Index – Jens Meiert
プロパティはこの2つで完璧。

CSS HTML XHTML Reference Book
» 90 CSS Properties, Values and Browser Support :: CSS, JavaScript and XHTML Explained
@規則 一覧 - CSS Dencitie
valueとかはここらへんから頑張って（適当に）抽出。

できたのがこれ。
うん、自信ない。

-moz-appearance
-moz-background-clip
-moz-background-inline-policy
-moz-background-origin
-moz-background-size
-moz-binding
-moz-border-bottom-colors
-moz-border-bottom-right-radius
-moz-border-end
-moz-border-end-color
-moz-border-end-style
-moz-border-end-width
-moz-border-image
-moz-border-left-colors
-moz-border-radius
-moz-border-radius-bottomleft
-moz-border-radius-bottomright
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-right-colors
-moz-border-start
-moz-border-start-color
-moz-border-start-style
-moz-border-start-width
-moz-border-top-colors
-moz-border-top-left-radius
-moz-border-top-right-radius
-moz-box-align
-moz-box-direction
-moz-box-flex
-moz-box-flexgroup
-moz-box-ordinal-group
-moz-box-orient
-moz-box-pack
-moz-box-shadow
-moz-box-sizing
-moz-column-count
-moz-column-gap
-moz-column-rule
-moz-column-rule-color
-moz-column-rule-style
-moz-column-rule-width
-moz-column-width
-moz-float-edge
-moz-force-broken-image-icon
-moz-image-region
-moz-margin-end
-moz-margin-start
-moz-outline-radius
-moz-outline-radius-bottomleft
-moz-outline-radius-bottomright
-moz-outline-radius-topleft
-moz-outline-radius-topright
-moz-padding-end
-moz-padding-start
-moz-stack-sizing
-moz-transform
-moz-transform-origin
-moz-user-focus
-moz-user-input
-moz-user-modify
-moz-user-select
-moz-window-shadow
-ms-background-position-x
-ms-background-position-y
-ms-filter
-ms-ime-mode
-ms-interpolation-mode
-ms-layout-flow
-ms-layout-grid
-ms-layout-grid-char
-ms-layout-grid-line
-ms-layout-grid-mode
-ms-layout-grid-type
-ms-overflow-x
-ms-overflow-y
-ms-scrollbar-3dlight-color
-ms-scrollbar-arrow-color
-ms-scrollbar-base-color
-ms-scrollbar-darkshadow-color
-ms-scrollbar-face-color
-ms-scrollbar-highlight-color
-ms-scrollbar-shadow-color
-ms-text-align-last
-ms-text-autospace
-ms-text-justify
-ms-text-kashida-space
-ms-text-overflow
-ms-text-underline-position
-ms-word-break
-ms-word-wrap
-ms-writing-mode
-ms-zoom
-o-background-size
-o-table-baseline
-webkit-animation
-webkit-animation-delay
-webkit-animation-direction
-webkit-animation-duration
-webkit-animation-iteration-count
-webkit-animation-name
-webkit-animation-play-state
-webkit-animation-timing-function
-webkit-appearance
-webkit-backface-visibility
-webkit-background-clip
-webkit-background-composite
-webkit-background-origin
-webkit-background-size
-webkit-border-bottom-left-radius
-webkit-border-horizontal-spacing
-webkit-border-image
-webkit-border-radius
-webkit-border-vertical-spacing
-webkit-box-align
-webkit-box-direction
-webkit-box-flex
-webkit-box-flex-group
-webkit-box-lines
-webkit-box-ordinal-group
-webkit-box-orient
-webkit-box-pack
-webkit-box-reflect
-webkit-box-shadow
-webkit-box-sizing
-webkit-column-break-after
-webkit-column-break-before
-webkit-column-break-inside
-webkit-column-count
-webkit-column-gap
-webkit-column-rule
-webkit-column-rule-color
-webkit-column-rule-style
-webkit-column-rule-width
-webkit-column-width
-webkit-columns
-webkit-dashboard-region
-webkit-line-break
-webkit-margin-bottom-collapse
-webkit-margin-collapse
-webkit-margin-start
-webkit-margin-top-collapse
-webkit-marquee
-webkit-marquee-direction
-webkit-marquee-increment
-webkit-marquee-repetition
-webkit-marquee-speed
-webkit-marquee-style
-webkit-mask
-webkit-mask-attachment
-webkit-mask-box-image
-webkit-mask-clip
-webkit-mask-composite
-webkit-mask-image
-webkit-mask-origin
-webkit-mask-position
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat
-webkit-mask-size
-webkit-nbsp-mode
-webkit-padding-start
-webkit-perspective
-webkit-perspective-origin
-webkit-rtl-ordering
-webkit-tap-highlight-color
-webkit-text-fill-color
-webkit-text-security
-webkit-text-size-adjust
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-touch-callout
-webkit-transform
-webkit-transform-origin
-webkit-transform-origin-x
-webkit-transform-origin-y
-webkit-transform-origin-z
-webkit-transform-style
-webkit-transition
-webkit-transition-delay
-webkit-transition-duration
-webkit-transition-property
-webkit-transition-timing-function
-webkit-user-drag
-webkit-user-modify
-webkit-user-select
100
200
300
400
500
600
700
800
900
:active
:after
:before
:first
:first-child
:first-letter
:first-line
:focus
:hover
:lang
:left
:link
:right
:visited
@charset
@font-face
@import
@media
@page
above
absolute
alignment-adjust
alignment-baseline
always
angle
animation
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
appearance
armenian
attr
aural
auto
auto,
avoid
azimuth
backface-visibility
backgroun-position-y
background
background-attachment
background-break
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-repeat
background-size
baseline
baseline-shift
below
bidi-override
binding
blink
block
bold
bolder
bookmark-label
bookmark-level
bookmark-target
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-break
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-length
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
both
bottom
box-align
box-break
box-direction
box-flex
box-flex-group
box-lines
box-ordinal-group
box-orient
box-original-group
box-pack
box-shadow
box-sizing
braille
capitalize
caption
caption-side
center
circle
clear
clip
cm
code
collapse
color
color-profile
colorName
column-break-after
column-break-before
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
content
counter
counter-increment
counter-reset
counterName
crop
cross
crosshair
cue
cue-after
cue-before
cursor
dashed
decimal
decimal-leading-zero
default
deg
digits
direction
disc
display
display-model
display-role
dominant-baseline
dominate-baseline
dotted
double
drop-initial-after-adjust
drop-initial-after-align
drop-initial-before-adjust
drop-initial-before-align
drop-initial-size
drop-initial-value
e-resize
elevation
em
emboss
empty-cells
ex
expression
fast
faster
fit
fit-position
fixed
fixed,
float
float-offset
font
font-1
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
fStyle
georgian
grad
grid-columns
grid-rows
groove
handheld
hanging-punctuation
height
help
hidden
hide
hyphenate-after
hyphenate-before
hyphenate-character
hyphenate-lines
hyphenate-resource
hyphens
Hz
icon
identifier
image-orientation
image-rendering
image-resolution
ime-mode
in
inherit
inline
inline-block
inline-box-align
inline-table
inset
inside
integer
invert
italic
justify
kHz
landscape
large
larger
left
left-side
leftwards
length
letter-spacing
lighter
line-height
line-stacking
line-stacking-ruby
line-stacking-shift
line-stacking-strategy
line-through
list-item
list-style
list-style-image
list-style-position
list-style-type
local
loud
lower
lower-alpha
lower-greek
lower-latin
lower-roman
lowercase
ltr
margin
margin-bottom
margin-left
margin-right
margin-top
mark
mark-after
mark-before
marks
marquee-direction
marquee-loop
marquee-play-count
marquee-speed
marquee-style
max-height
max-width
medium
menu
middle
min-height
min-width
mm
move
move-to
ms
multiple
n-resize
nav-down
nav-index
nav-left
nav-right
nav-up
ne-resize
no-open-quote
no-repeat
none
normal
nowrap
number
nw-resize
oblique
once
opacity
open-quote
or
orphans
outline
outline-color
outline-offset
outline-style
outline-width
outset
outside
overflow
overflow-style
overflow-x
overflow-y
overline
padding
padding-bottom
padding-left
padding-right
padding-top
page
page-break-after
page-break-before
page-break-inside
page-policy
pause
pause-after
pause-before
pc
percent
percentage
perspective
perspective-origin
phonemes
pitch
pitch-range
play-during
pointer
pointer-events
portrait
position
pre
pre-line
pre-wrap
presentation-level
print
progress
projection
pt
punctuation-trim
px
quotes
rad
rect
relative
rendering-intent
repeat
repeat-x
repeat-y
resize
rest
rest-after
rest-before
rgb
rgba
richness
ridge
right
right-side
rotation
rotation-point
rtl
ruby-align
ruby-overhang
ruby-position
ruby-span
run-in
s-resize
screen
scroll
se-resize
separate
show
silent
singleFontFamily
size
slow
small
small-caps
small-caption
soft
solid
speak
speak-header
speak-numeral
speak-punctuation
specificVoice
speech-rate
spell-out
square
src
static
stress
string
string-set
sub
super
sw-resize
tab-side
table
table-caption
table-cell
table-column
table-column-group
table-header-group
table-layout
table-row
target
target-name
target-new
target-position
text
text-align
text-align-last
text-bottom
text-decoration
text-emphasis
text-height
text-indent
text-justify
text-outline
text-rendering
text-replace
text-shadow
text-top
text-transform
text-wrap
thick
thin
time
top
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
transparent
tty
tv
type
underline
unicode-bidi
unicode-range
upper-alpha
upper-latin
upper-roman
uppercase
url
vertical-align
visibility
visible
voice-balance
voice-duration
voice-family
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
volume
w-resize
wait
white-space
white-space-collapse
widows
width
word-break
word-spacing
word-wrap
x-high
x-loud
x-low
xx-large
xx-small
z-index

"IE textarea height 100%"とかで検索するといっぱい出てくるから、
かなり今さらなんだろうけど…。
日本語の情報なさそうだったから、まぁいいや。

タイトルの通り、
IE6,IE7の標準モードでtextareaの高さ100%指定とついでにborder:noneが効かないという話。

サンプル

• 標準（strict）モード
• 互換（quirks）モード

サンプルを見ればわかると思いますが、単純な対策はIE6,7を互換モードで動作させること。

ご存知、IE6はXML宣言があれば互換モードに。
さらにIE7はXML宣言の<?xmlの次をタブ（半角スペース以外の空白文字）にすればよい。
（drry+@-> IE7 Beta 2 における XHTML の標準準拠モード切替えについて）

ってことで、HTMLの先頭を下のようにすればOKです。

<?xml	version="1.0" charset="UTF-8"?>

MOONGIFT: ? Webシステム開発者に送る便利なテンプレート「Web App Theme」:オープンソースを毎日紹介

これは良いかもということで、早速置いてみました。
動いてるのをすぐ見たいという人はどうぞ。

一番上にテーマを切り替えるリンクをつけてます。
（Xreaの広告含め、せっかくの洗練されたデザインを壊してますが･･･）

Web App Theme Test - Born Neet

うーん。これは使いやすそうだ。
新しくなったVicunaとどっちを使うか迷いどころ。

（会社の福利厚生制度で）定期購読してる、

Web Designing (ウェブデザイニング) 2009年 06月号 [雑誌]

毎日コミュニケーションズ 2009-05-18

by G-Tools , 2009/05/17

が届いたので、参考にしてブログのCSSを（ほんのちょっとだけ）修正してみた。

まず、line-height。
狭いと見づらいということで、150%にしようとしたら元からなってた。
もうちょっと広げたほうがいい気がしたので175%に変更。

次に、記事にサマリをつけるようにしました。
1回目から既に要約とは言えなくなってますが…。
まぁないよりはマシかな、と。
（無駄に点線引いてますが、せっかく知ったテクニックなのでw）

おまけ。
紹介されてたこれ、便利です↓
日本語文章校正ツール - フリーで使える表現チェック・文字校正支援ツール