๐ 2017 ๅนด HTML ใจ CSS ใฎๆ
ใใฎใใผใธใฏใGMO ใใใๆ ชๅผไผ็คพใฎ 2017 ๅนดๆฐๅ็ ไฟฎๅบงๅญฆใฎ่ณๆ๏ผๆ ใฎใใใ๏ผใงใใ
๐ Chapter 1: ใใญใญใผใฐ
๐ Chapter 2: HTML
๐ Chapter 3: CSS
๐ Chapter 4: ๆธใใฆใฟใใ
๐ Chapter 5: ใจใใญใผใฐ
HTML ใจ CSS ใฎๆ ใธใใใใ๏ผ
ใใฎๆ ใงใฏใๆฐๅ 7 ๆ็ใฎใฟใชใใใจใใฃใใใซใใใพ HTML ใจ CSS ใฎไธ็ใงใฏใใฃใใใชใซใ่ตทใใฃใฆใใใฎใใ่ฆณๅ ใใฆใฟใใใชใใฃใฆๆใใพใใ
โฆใงใใใใใฏๆ ใชใฎใงใ้ไธญใงใใฃใจใใ้ใใใใชใผใจๆใฃใใใใใใใใกใใๆ้ใซใชใฃใฆใใใใจๆใใพใใๆ ใฏๆฅฝใใใฎใใใกใฐใใใใฎใใใซใใใใใฏใใฟใใใใใ็จๆใใฆใใพใใใ
ใใฎๆ้ใฏใฟใชใใใฎๆ้ใงใใ่ณชๅใใใฃใใใใคใงใๆใใฆใใ ใใ๏ผ๏ผใใ็ญใใใใชใใฃใใใๆใกๅธฐใฃใฆ่ชฟในใใใฆใใ ใใโฆ๏ผ๏ผ
ใฏใใใซใขใณใฑใผใใงใใ
ใใใใ็ฎใ้ใใฆใใใไผ็คพใซใใฆใใฎๆ้ใ่ฟใใใพใงใใคใณใฟใผใใใใ่ฆใพใใใ๏ผ
ใใใฏใใฉใใชๅ ดๆใงใใใ๏ผ
ใตใใตใใ
ใใใงใฏ็ฌฌ 2 ๅใงใ๏ผ
ใใพใใ 10 ๅนดๅโฆ 2007 ๅนดใฃใฆใใชใซใใฆใพใใใ๏ผ ใใฎใจใใใฉใใชใคใณใฟใผใใใใใใฆใใ่ฆใใฆใพใใ๏ผ
๐ 2007ๅนดใฎๆฅๆฌ - Wikipedia
็ฅๅดๆญฃ่ฑใใฆใใใผใตใซHTML/XHTMLใ4ใใผใธใใ
1945ๅนด ใดใกใใดใกใผใปใใใทใฅใใใคใฏใญใใฃใซใ ใใชใณใฏใใใทในใใ ใ่ใใ
1989ๅนด ใใฃใ ใปใใผใใผใบ๏ผใชใผใใใฉใฆใถใจใใฃใฟ WorldWideWeb ใ้็บ
1993ๅนด ใฆใงใใใฉใฆใถ Mosaic ่ช็
ใใ Mac ใใๅฉ็จใงใใใใใใคใฏใใพใใใ็ฎใใคใใฃใฆใคใณใฟใผใใใใใใใจใใงใใพใใ
- ใพใใ Safari ใ็ซใกไธใใพใใ
- ใใใฆใ
Command
ใญใผใจF5
ใญใผใๅๆใซๆผใใพใใ - ใใฎใใจใ
Ctrl
ใญใผใจOption
ใญใผใจA
ใญใผใๅๆใซๆผใใพใใ
Mac OS X ใซใฏ VoiceOver ใจใใ้ณๅฃฐ่ชญใฟไธใๆฉ่ฝใๆญ่ผใใใฆใใฆใ่ฆ่ฆใซ้ๅฎณใๆใคๆนใฎใใฉใฆใธใณใฐใไฝ้จใใใใจใใงใใใใงใใญใ
่ชฐใใคใณใฟใผใใใใ่ฆใฆใใฎใ๏ผ
- ไบบ้
- ๆงๅฅ
- ไพ: ็ทๆง, ๅฅณๆง, โฆ
- ๅนด้ฝข
- ไพ: ใๅนด้ , ๅนผๅ , โฆ
- ใใจใฐ
- ไพ: ๆฅๆฌ่ช, ่ฑ่ช, โฆ
- ้ๅฎณ
- ไพ: ่ฆ่ฆ, ่ด่ฆ, โฆ
- ใใฎใปใใฎใใใใๅไบบใฎ้ใ
- ไพ: ๆงๆ ผ, ๅฅฝใฟ, โฆ
- ๆงๅฅ
- ใญใใใ
- Googlebot
- Twitter, Facebook, Slack
ใชใซใไฝฟใฃใฆใคใณใฟใผใใใใ่ฆใฆใใฎใ๏ผ
- ใใฝใณใณ
- ใฉใใช OS ใไฝฟใฃใฆใใฎใ๏ผ
- ไพ: Mac, Windows, Linux, ใฉใบใใชใผใใค, โฆ
- ใฉใใชใใฃในใใฌใคใไฝฟใฃใฆใใฎใ๏ผ
- ไพ: ๆถฒๆถ 24 ใคใณใ, ๆถฒๆถ 40 ใคใณใ, ใใฉใฆใณ็ฎก 17 ใคใณใ, โฆ
- ใฉใใช OS ใไฝฟใฃใฆใใฎใ๏ผ
- ในใใ
- ใฉใใช OS ใไฝฟใฃใฆใใฎใ๏ผ
- ไพ: iOS, Android, Firefox OS, BlackBerry, โฆ
- ใฉใใชใใฃในใใฌใคใไฝฟใฃใฆใใฎใ๏ผ
- ไพ: 4 ใคใณใ, 4.7 ใคใณใ, 5.5 ใคใณใ, โฆ
- ใฉใใช OS ใไฝฟใฃใฆใใฎใ๏ผ
- ๆ่จ
- ไพ: Apple Watch, Android Wear, Fitbit, โฆ
- ใใฌใ
- ่ปใฎใซใผใใ
- ่ปใฎ็ช
- ็ผ้ก
- โฆ
ใฉใใใฃใฆใคใณใฟใผใใใใ่ฆใฆใใฎใ๏ผ
- ๅบงใฃใฆ
- ใฉใใงๅบงใฃใฆใใฎใ๏ผ
- ไพ: ้จๅฑใฎใฝใใกใง, ไผ็คพใฎๆบใง, ๅ ฌๅใฎใใณใใง, ้ป่ปใฎๅบงๅธญใง, ่ปใฎๅฉๆๅธญใง, โฆ
- ใฉใใใฃใฆๅบงใฃใฆใใฎใ๏ผ
- ไพ: ่็ญใใฎใฐใใฆ, ใใใใใใ ใใ ใ, โฆ
- ใฉใใงๅบงใฃใฆใใฎใ๏ผ
- ็ซใฃใฆ
- ๅฏ่ปขใใฃใฆ
- ๆญฉใใชใใ (ใ ใ!)
- โฆ
ใใใใชไบบ๏ผไบบใซ้ใใชใ๏ผ ใใ ใใใใชๅ ดๆ ใใใ ใใใใช็ถๆณ ใงใ็งใใกใฎใฆใงใใใผใธใซใใฃใฆใใ๏ผ
ใใฝใณใณใง่ฆใๅฐ่ฑกใจในใใใง่ฆใๅฐ่ฑกใฏ้ใใใใฝใณใณใฏใใฝใณใณใซๆ้ฉใชใในใใใฏในใใใซๆ้ฉใชใใถใคใณใใใใ
๐ ใฌในใใณใทใ ใฆใงใใใถใคใณใฎๅบๆฌ | Web | Google Developers
ๆง้ ใๅฎ็พฉใใใฎใใใผใฏใขใใใใใผใฏใขใใใใใใใฎ่จ่ชใ HTML ใงใใ
่ฆใ็ฎใๅฎ็พฉใใใฎใในใฟใคใซใในใฟใคใซใๆๅฎใใใใใฎ่จ่ชใ CSS ใงใใ
@sizucca ใใใๅถไฝใใใ 2016 ๅนดๅบฆใณใผใใฃใณใฐ็ ไฟฎใฎ่ณๆใใ
<p>ใใใใฏๆใใใณใ้ฃในใพใใใ</p>
<p>็งใฏๆใ<strong>ใใณ</strong>ใ้ฃในใพใใใ</p>
<p>็งใฏ<strong>ๆ</strong>ใใใณใ้ฃในใพใใใ</p>
Google Chrome ใซใฏใ็ปๅใ่ชญใฟ่พผใใชใใฃใใจใใฎ่กจ็คบใ็ขบ่ชใใๆฉ่ฝใใใใพใใ
ใขใใฌในใใผใซ chrome://settings/content/images
ใจๅ
ฅๅใใฆ่กจ็คบใใใใใผใธใฎใใในใฆใ่กจ็คบ๏ผๆจๅฅจ๏ผใใฎใใฐใซใใฟใณใ OFF ใซใใฆใ Yahoo! ใ่ฆใฆใฟใพใใใใ
๐ Yahoo! JAPAN
็ปๅใใชใใฎใซใใชใใง Yahoo! JAPAN ใฃใฆๆธใใฆใใใใ ใใ๏ผ
<img src="https://s.yimg.jp/images/top/sp2/cmn/logo-170307.png" alt="Yahoo! JAPAN" height="55" width="213">
Yahoo! ใฎใฝใผในใณใผใใ่ฆใใจใ alt
ๅฑๆงใซใYahoo! JAPANใใฃใฆๆธใใฆใใใ
alt
ใใฎๅฑๆงใฏใ็ปๅใ่ชฌๆใใไปฃๆฟใใญในใใๅฎ็พฉใใพใใ็ปๅใฎ URL ใ้้ใฃใฆใใๅ ดๅใๆๅฎใใใ ็ปๅใฎๅฝขๅผ ใๆชๅฏพๅฟใฎใใฎใงใใฃใๅ ดๅใใพใใฏ็ปๅใใใฆใณใญใผใไธญใฎๅ ดๅใซใใฎใใญในใใ่กจ็คบใใพใใ
๐ img - HTML | MDN
Facebook ใฎๆ็จฟๆฌใซ URL ใๅ ฅๅใใใจใใฆใงใใใผใธใฎๅ ๅฎนใใใฌใใฅใผใใใพใใ
ใใฎๆ ๅ ฑใฏใฉใใใใใฃใฆใใฆใใใฎใงใใใใ๏ผ
<meta property="og:title" content="Yahoo! JAPAN">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.yahoo.co.jp/">
<meta property="og:image" content="https://s.yimg.jp/images/top/ogp/fb_y_1500px.png">
<meta property="og:description" content="ๆฅๆฌๆๅคง็ดใฎใใผใฟใซใตใคใใๆค็ดขใใชใผใฏใทใงใณใใใฅใผในใๅคฉๆฐใในใใผใใใกใผใซใใทใงใใใณใฐใชใฉๅคๆฐใฎใตใผใในใๅฑ้ใใใชใใฎ็ๆดปใใใ่ฑใใซใใใ่ชฒ้ก่งฃๆฑบใจใณใธใณใใ็ฎๆใใฆใใใพใใ">
<meta property="og:site_name" content="Yahoo! JAPAN">
Yahoo! ใฎใฝใผในใณใผใใ่ฆใใจใ Open Graph protocol ใฎๆธๅผใซๆฒฟใฃใฆๆ ๅ ฑใๆๅฎใใใฆใใพใใ
๐ HTML Reference - A free guide to all HTML elements and attributes.
<br>
ใจ <br />
HTML 4.01 | <br> |
---|---|
XHTML 1.0 | <br /> |
HTML5 | <br> ใงใ <br /> ใงใใฉใฃใกใงใใใ |
- HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- HTML5
<!DOCTYPE html>
HTML ใฎไปๆงใๆฑบใใฆใๅฃไฝใฏ 2 ใคใใใพ HTML ใฎไปๆงใฏ 2 ใคใใ็ถๆ ๏ผ
W3C HTML ใจ WHATWG HTML Living Standard
- 1999ๅนด W3C ใ HTML4.01 ๅงๅ
- 2004ๅนด Apple, Mozilla, Opera ใฎ 3 ็คพใง WHATWG ่จญ็ซ
- 2012ๅนด W3C ใจ WHATWG ใใฑใณใซๅฅใโฆ
- 2014ๅนด W3C ใ HTML5 ๅงๅใ WHATWG ใฏ้็บใ็ถ็ถ
ใงใใฉใฃใกใ่ฆใใใใใฎโฆ๏ผ
ๆฏๆฅใฎใใใซHTMLใๆดๆฐใใ็ถใใฆใใพใใๅฝ้ขใฏๅขใใฎใใHTML Living Standardใๅ็ งใใใใใซใใฆใฏใใใใงใใใใ
ๆฅๆฌ่ช่จณใง HTML ใฎไปๆงใ่ชญใใใตใคใ
๐ HTML Standard ๆฅๆฌ่ช่จณ
( ๐ Home ยท momdo/momdo.github.io Wiki )
๐ ใฆใงใ้ข้ฃไปๆง ๆฅๆฌ่ช่จณ - WHATWG HTML ๆจๆบ๏ผ โHTML5โ ๏ผ
๐ WAI-ARIA ใฎๅบ็ค็ฅ่ญ โ Website Usability Info
๐ 2015ๅนดๆซใซใใใWAI-ARIAใฎไปใใใฎใใใใใฃใใใจ - ๆฐดๅบใฎ่ก
๐ Microdata + schema.org ใๅฎ้ใซไฝฟใฃใฆใฟใ ยท terkel.jp
- Haml
- Ruby
- Slim
- Ruby
- EJS
- JavaScript
- Pug (Jade)
- JavaScript
- Smarty
- PHP
@sizucca ใใใๅถไฝใใใ 2016 ๅนดๅบฆใณใผใใฃใณใฐ็ ไฟฎใฎ่ณๆใใ
๐ ๆงๆ - CSS | MDN
๐ https://shop-pro.jp/
่ฐทๆๆจนใWebๅถไฝ่ ใฎใใใฎCSS่จญ่จใฎๆ็งๆธใ21ใใผใธใใ
ใฆใฉใผใฟใผใใฉใผใซใงใฏใชใใคใใฌใผใทใงใณใใณใผใใๅคใใ็ถใใใฎใใฆใงใใตใผใในใ
ๅคๆดใซ่ใใใใใจใใใใจใฏใใใใซๆจใฆใใใใใจใใใใจใ
ใชใๆจใฆใใใชใใฎใ๏ผ
๐ 100ๅนดๅพใๅดฉใใชใCSSๅๅผทไผ ยท ็ฌฌ1ๅใ่ฉณ็ดฐๅบฆใ
๐ 100ๅนดๅพใๅดฉใใชใCSSๅๅผทไผ ยท ็ฌฌ2ๅใใณใณใใผใใณใใ
- BEM (MindBEMding)
- FLOCSS
- ECSS
- LESS
- Sass (SCSS)
- cssnext (PostCSS)
- CSScomb
- stylelint
- stylefmt
- scssfmt
- Hologram
๐ Brand Style Guide Examples, Hand-picked by Saijo George
ใจใใฃใฟใงๆธใ
- Atom
- Brackets
- Sublime Text ๐ฐ ๆๆ
- WebStorm ๐ฐ ๆๆ
- Visual Studio Code - Code Editing. Redefined
ใฆใงใใตใผใในใงๆธใ
- CodePen ๐ฐ ๆๆ๏ผ็กๆใใฉใณใใ๏ผ
- jsbin.com ๐ฐ ๆๆ๏ผ็กๆใใฉใณใใ๏ผ
- jsfiddle.net
- liveweave.com
- Plunker
๐ Code Editing Tools ยท GitBook
- Google Chrome (webkit)
- Firefox
- Firefox ใฎใขใใฌในใใผใซ
resource://gre-resources/html.css
ใๅ ฅๅใใฆใขใฏใปใน
- Firefox ใฎใขใใฌในใใผใซ
* {
margin: 0;
padding: 0;
}
- ๅน
375px
- ้ซใ
48px
- ใใฟใณใฎ่ฒ
#fb8c00
- ใใญในใใใฉใผใ ใฎ็ทใฎๅคชใ
1px
- ใใญในใใใฉใผใ ใฎ็ทใฎ่ฒ
#ccc
- ใใฟใณใจใใญในใใใฉใผใ ใฎ้้
10px
- ใใฟใณใไฝใฃใฆใฟใฆใใ ใใ
- ใใฟใณใๆ ็ทใ ใใซใใฆใฟใฆใใ ใใ
- ใใญในใใใฉใผใ ใไฝใฃใฆใฟใฆใใ ใใ
- iPhone ใงใๅใ่ฆใ็ฎใซใใฆใใ ใใ
- ใใฟใณใจใใญในใใใฉใผใ ใๆจชใซไธฆในใฆใใ ใใ
๐ https://codepen.io/shikakun/pen/xrdMae
ใใพใใใใงใฏใใตใผใในใใใญใธใงใฏใใซใใใพใใใใฐใฉใใฃใใฏใ UI ใฎๆกใๆๆกใใฆใ HTML ใจ CSS ใๆธใใฆๅฝขใซใใใจใใใพใงใใใถใคใใผใฎไปไบใจใใฆๆใใใใฆใใพใใ
ใใใไปฅๅคใฎใฆใงใใฎๅถไฝไผ็คพใปไบๆฅญไผ็คพใงใฏใใใถใคใใผใฎไปไบใฏใใฃใจ็ดฐๅๅใใใฆใใฆใใฐใฉใใฃใใฏใ UI ใฎๆกใ่ใใใใถใคใใผใจใใใฎๅฎ่ฃ ใๆ ๅฝใใใใญใณใใจใณใใจใณใธใใขใใจใใฃใใใใซ่ท็จฎใๅใใใฆใใใใจใ็ใใใใใพใใใใใใฏใ้ซใใฆใผใถใผไฝ้จใๆไพใใใใใซๆฑใใใใใใญใณใใจใณใใฎๆ่กใฎ่ฆไปถใจใใใใๅฎ็พใใใใใซๅฟ ่ฆใช็ฅ่ญใใฉใใฉใ้ซๅบฆใซใชใฃใฆใใโฆ ใจใใ่ๆฏใใใใจๆใใพใใ
๐ ๆใชใใใฎใ็ๆ้ใซๆธใJavaScriptใใฎ้็ - mizchi's blog
ใ๏ผใฐใฉใใฃใใฏใ UI ใฎ๏ผใใถใคใณใใจใ๏ผHTML ใ CSS ใฎ๏ผใณใผใใฃใณใฐใใฏใๅฅใฎใใฎใชใฎใงใใใใ๏ผ
HTML ใฏๆง้ ใใ CSS ใฏ่ฆใ็ฎใๅฎ็พฉใใใใจใฐใงใใๅใฏใใใใใฎใใจใฐใฏใๆ ๅ ฑใๆด็ใใฆใใคใณใฟใผใใใใฎใใใใซใใไบบใธไผใใใใฎใซใใใใใซใใใใจ่ใใฆใใพใใใใฎ็ฎ็ใฏใใ๏ผใฐใฉใใฃใใฏใ UI ใฎ๏ผใใถใคใณใใจๅใใ ใจๆใใพใใ
HTML ใ CSS ใฎไปๆงใฏใใใใพใงใใใใใฎใฆใงใใใผใธใซ็ปๅ ดใใฆใใใใใถใคใณใฎใใฟใผใณใฎ้ๅคงๆใชใฎใงใฏใชใใงใใใใใ HTML ใ CSS ใ ใใงใฏใชใใใฉใใช่จ่ชใงใใ่ชๅใใกใฎใฆใงใใตใผใในใๅใใใฆใใๆ่กใปไปๆงใซ่งฆใใใจใใ๏ผใฐใฉใใฃใใฏใ UI ใฎ๏ผใใถใคใณใใง่ใใใใๅฐ็จใๅบใใใใใซๆใใพใใ
- Webๅถไฝ่ ใฎใใใฎCSS่จญ่จใฎๆ็งๆธ
- HTML5/CSS3ใขใใณใณใผใใฃใณใฐ
- ใณใผใใฃใณใฐWebใขใฏใปใทใใชใใฃ
- HTML ่ฆ็ด ใชใใกใฌใณใน - HTML | MDN
- CSS ใชใใกใฌใณใน - CSS | MDN
- ใชใใจใชใไฟก้ ผใ็ฝฎใใฆใใ MDN (Mpzilla Developer Network) ใ Google ๆค็ดข็ตๆใซ MDN ใใใฃใใใฉใฎใใผใธใใใๅ ใซ่ฆใพใใ
- HTML Reference - A free guide to all HTML elements and attributes.
- CSS Reference - A free visual guide to CSS
- HTML ่ฆ็ด ใจ CSS ใฎใใญใใใฃใไธ่ฆงใซใชใฃใฆใ Command + F ใญใผใง่ชฟในใใใใใใใชใตใคใใ
- hail2u/html-best-practices: For writing maintainable and scalable HTML documents
- HTML ใฎใๆญฃใใใ่จๆณใใพใจใพใฃใฆใใใใญใฅใกใณใใใพใจใใฆใไบบใฎๅไบบ็ใช่ถฃๅณใใกใใฃใจใใใใโฆ๏ผ ใงใใใจใฆใๅ่ใซใชใใพใใ
- CodeGrid - ใใญใณใใจใณใใซ้ขใใไบบใ
ใฎใฌใคใ
- ใใใซใใญใณใใจใณใใฎๆ่กใ็ดนไปใใฆใใใๆ้ก 800 ๅใฎๆๆใกใผใซใใฌใธใณใ z-index ใฎไปๆงใซใคใใฆ่ฉฑใใคใฅใใใฟใใใชๆธใ้ฃ่ผใใใฃใฆใใใใใใงใใ
- Bootstrap ยท The most popular HTML, CSS, and JS framework in the world.
- ไธ็ใงใใกใฐใไฝฟใใใฆใใ (?) CSS ใใฌใผใ ใฏใผใฏใฎ Twitter Bootstrap ใง็พๅจ้็บใใใฆใใๆๆฐใใผใธใงใณใใใใใ้็บ่ ใฎ้ๅ็ฅใ็ต้ใใฆใใฆใใณใผใใใใญใฅใกใณใใๅ่ใซใชใใพใใ
- Introduction - Material design - Material design guidelines
- Google ใฎ Material Design ใฎใฌใคใใฉใคใณใใณใณใใผใใณใใฎๅๅใๅฝขใๅ่ใซใชใใฎใงใใ่ฆใพใใ
- W3C CSS Module ไปๆงๆธใใใใไผ@ๆฑไบฌ - connpass
- ้ใพใฃใฆ W3C ใฎ CSS Module ใฎไปๆงๆธใ่ชญใฟใชใใใใใในใใใไผใๆใใฆใชใขใซไผๅ ดใซใฏ่กใฃใใใจใชใใใฉใ Slack ใงใชใขใผใๅๅ ใใงใใพใใ
- Frontrend powered by CyberAgent, Inc.
- ใตใคใใผใจใผใธใงใณใใฎใใญใณใใจใณใใจใณใธใใขใใกใไธปๅฌใใฆใใไผ่ชฌ (?) ใฎใคใใณใใใใฎใใใฎไบบใใกใฏ่พใใกใใฃใใใฉใๆ่ฟใพใๅพฉๆดปใใฆใใพใซ้ๅฌใใฆใใฎใง่ฆใใงใใฏใงใใ
- ็ฎใ่ฆใใชใใฆใในใ2ใฏใงใใใๅ
จ็ฒใฒใผใใผใจๅฏพๆฆ! - connpass
- ใขใฏใปใทใใชใใฃใญใฃใณใๆฑไบฌใจใใๅฃไฝใไธปๅฌใใใคใใณใใงใฏใ่ฆ่ฆใซ้ๅฎณใใใฃใๅฝไบ่ ใฎๆนใ่ฉฑใใใฆใใฆ่ฒด้ใช่ฉฑใ่ใใพใใ
- Website Usability Info
- ใฆใผใถใใชใใฃใปใขใฏใปใทใใชใใฃใซ้ขใใๆ ๅ ฑใฎใใญใฐใ
- Hail2u
- terkel.jp
- ๆตทๅคใง่ฉฑ้กใซใชใฃใ่จไบใ็ฟป่จณใใฆใใใฆใใพใใ
HTML ใจ CSS ใฎๆ ใฏใใใใงใใใ๏ผ
ไปๅพใฎๅ่ใฎใใใใใฒใขใณใฑใผใใซใๅๅใ้กใใใพใ๏ผ