[B! css][HTML] massavaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

massava id:massava

cssã¨HTMLã«é–¢ã™ã‚‹massavaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ä»¤å’Œã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸
Webåˆ¶ä½œã®æŠ€è¡“ã¯æ—¥ã€…é€²åŒ–ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æ™‚æŠ˜è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Webåˆ¶ä½œã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è³ªã‚ˆã‚Šé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯å‚è€ƒè¨˜äº‹ã‚’èªã‚“ã ã‚Šã”è‡ªèº«ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ä½µã›ã¦ç†è§£ã—ã¦ãŠããŸã„å†…å®¹ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"å±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨ç”»åƒãŒé…å»¶èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
massava 2024/05/14
html

web

javascript

css
ãƒªãƒ³ã‚¯
ã„ã–ã¨ã„ã†æ™‚ã«ä½¿ãˆã‚‹13ã®HTML&CSS Tipsé›† | BUILD Journal
ã„ã–ã¨ã„ã†æ™‚ã«ä½¿ãˆã‚‹13ã®HTML&CSS Tipsé›†Update2023.05.12Release2023.04.13Coding Hatenaã«ã‚·ã‚§ã‚¢ã™ã‚‹Twitterã«ãƒ„ã‚¤ãƒ¼ãƒˆã™ã‚‹Pocketã«ã‚¹ãƒˆãƒƒã‚¯ã™ã‚‹Feedlyã«ç™»éŒ²ã™ã‚‹ ã„ã–ã¨ã„ã†æ™‚ã®ãŸã‚ã«è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªHTMLï¼†CSSã®Tipsã‚’13å€‹ç´¹ä»‹ã—ã¾ã™ã€‚ä½•ã‹ã§å›°ã£ãŸæ™‚ã«èªã¿è¿”ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ä½•ã‹ã§ãŠå½¹ã«ãŸã¦ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®å††å½¢å›žã‚Šè¾¼ã¿ See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. å††å½¢ã®ç”»åƒã®ç¸ã«æ²¿ã£ã¦ãƒ†ã‚ã‚¹ãƒˆã‚’å›žã‚Šè¾¼ã¾ã›ã‚‹CSS Tipsã€‚å®Ÿéš›ã«ã¯ç”»åƒã®ç¸ã‚’åˆ¤å®šã—ã¦å›žã‚Šè¾¼ã‚“ã§ã„ã‚‹ã®ã§ã¯ãªãã€shape-outsideãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ç”¨ã—ã€circle(50%)ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã®å›žã‚Šè¾¼ã¿ã®å½¢çŠ¶ã‚’å††å½¢ã«ã—ã¦ã„ã¾ã™ã€‚ CS
massava 2022/05/10
css

html
ãƒªãƒ³ã‚¯
40 Best Free HTML5 & CSS3 Contact Form Templates 2024
Colorlib content is free. When you buy through links on our site, we may earn an affiliate commission. Learn More In this comprehensive collection, you will find some of our best contact form designs based on HTML and CSS. We invested countless hours in bringing forth these versatile designs. You can now GRAB THEM simply by hitting the download button. Blogging platforms like Drupal and WordPress
massava 2019/11/17
html

css
ãƒªãƒ³ã‚¯
HTMLã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ç”»åƒã®ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹CSSã®è¶…è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Izmir
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ç”»åƒã®ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹CSSã®è¶…è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã¯ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã—ã¦ã€ã‚¹ãƒžãƒ›ã§ã¯ãƒ•ã‚©ãƒ¼ã‚«ã‚¹æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã—ã¦é©ç”¨ã•ã‚Œã‚‹ã®ã§ã€ã©ã¡ã‚‰ã§ã‚‚æ¥½ã—ã‚ã¾ã™ã€‚ Izmir Izmir -GitHub Izmirã®ç‰¹å¾´ Izmirã®ãƒ‡ãƒ¢ Izmirã®ä½¿ã„æ–¹ Izmirã®ç‰¹å¾´ ç”»åƒã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é©ç”¨ã—ã¾ã™ã€‚ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€2000é€šã‚Šä»¥ä¸Šã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ç”¨å¯èƒ½ã€‚ 20ç¨®é¡žã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€9ç¨®é¡žã®ç”»åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€12ç¨®é¡žã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€‚ ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é…å»¶ã€ãƒ†ã‚ã‚¹ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€classã‚‚è±Šå¯Œã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ï¼ˆãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¯ãƒ›ãƒãƒ¼ã€ã‚¹ãƒžãƒ›ã¯ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ï¼‰ã€‚ 2Kbã®è¶…è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ å®Ÿè£…ãƒ»ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºç”¨ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆå®Œå‚™
massava 2019/11/11
html

CSS
ãƒªãƒ³ã‚¯
ãŠã˜ã•ã‚“ãŒè‹¥è€…ãŸã¡ã«ãƒ¢ãƒ†ã‚‹ãŸã‚ã®ãƒ¢ãƒ€ãƒ³ãªHTML/CSSãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—
ã‚¿ã‚¤ãƒˆãƒ«ã«å«ã¾ã‚Œã‚‹èªžã«é–¢ã™ã‚‹è£œè¶³ ãŠã˜ã•ã‚“ï¼š ç†è€…ã®ä¾¿å®œä¸Šã€30æ³å‰å¾Œã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç‰ã‚’æŒ‡ã™ã€‚æ€§åˆ¥ã¯å•ã‚ãªã„ã€‚ ãªãœã€Œãƒ¢ãƒ†ã€ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã‹ ã€Œãƒ¢ãƒ†ã‚‹ã€ã¨ã¯ã€æœ€å…ˆç«¯ã®æµè¡Œã‚’çŸ¥ã‚Šå–æ¨é¸æŠžã™ã‚‹ã“ã¨ã§ã€è‡ªç”±æ„å¿—ã‚’è¬³æŒã™ã‚‹ã“ã¨ã§å®Ÿç¾ã™ã‚‹ã€‚ PHPã¨jQueryã®æ™‚ä»£ã¯å»ƒã‚Œå§‹ã‚ã€Angularã‚„Reactã«ä»£è¡¨ã•ã‚Œã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ES2015ã‚„TypeScriptã‚’æµæš¢ã«æ‰±ãˆã‚‹ã“ã¨ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è²¬å‹™ã¨ãªã‚Šã€HTMLã‚„CSSã‚‚ã€EJSã‚„Pugãƒ»Sassã‚„PostCSSãªã©ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«è¨€èªžã‚’ä»‹ã™ã“ã¨ãŒã»ã¼å¸¸è˜ã«ãªã£ã¦ããŸï¼ˆã¨æ€ã†ï¼‰ã€‚ ã¨ã“ã‚ãŒã€HTMLã‚„CSSã‚’ä½•ã®è¨€èªžã§æ›¸ãã‹ä»¥å‰ã«ã€ä¸èº«ã‚’ã©ã†ã™ã‚‹ã¹ãã‹ã¯ã‚ã¾ã‚Šè°è«–ã•ã‚Œã¦ã„ãªã„ã®ã§ã€ã€Œãƒ¢ãƒ†ã‚‹ã€ãŸã‚ã®æ–¹æ³•ã‚’ã„ãã¤ã‹ã‹ã„ã¤ã¾ã‚“ã§ã¾ã¨ã‚ã¦ã¿ãŸã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã€é–‹ç™ºè€…ã®èª²é¡Œç†è§£åº¦ã‚’å›³ã‚Šã€æ„
massava 2017/05/21
css

html
ãƒªãƒ³ã‚¯
Emmet â€” the essential toolkit for web-developers
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> @@@ tooltip: Type CSS-like abbreviation type: ul#nav>li.it em$*4>a{It em $} wait: 1000 tooltip: Run â€œExpand Abbreviationâ€ action to expand it into HTML wait: 600 run: emmet.expand_abbreviation wait: 1000 tooltip: Trav
massava 2015/09/28
html

css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
GoogleãŒæŽ¨è–¦ã™ã‚‹HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•
2012å¹´7æœˆ12æ—¥ã®Google ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼å‘ã‘å…¬å¼ãƒ–ãƒã‚°ã®è¨˜äº‹ã€ŒHTML ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã€ŒGoogle HTML/CSS Style Guideã€ã«æ›¸ã„ã¦ã‚ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã¨æ„Ÿæƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Google HTML/CSS Style Guideã®æ—¥æœ¬èªžç¿»è¨³ Google HTML/CSS Style Guideã¯è‹±èªžãªã®ã§Google Chromeã§ç¿»è¨³ã—ã¦ç¢ºèªã—ã¦ã„ãŸã‚“ã§ã™ãŒã€ã™ã§ã«ç¿»è¨³ã—ã¦ã‚ã‚‹ã‚µã‚¤ãƒˆãŒã‚ã£ãŸã®ã§ã“ã¡ã‚‰ã‚‚å‚è€ƒã«ä¸¡æ–¹ã‚’è¦‹ã¦ç¢ºèªã—ã¦ã„ãã¾ã—ãŸã€‚ Google HTML/CSS Style Guideã‚’ç¿»è¨³ã—ã¦ã‚ã‚‹è¨˜äº‹ã€ŒGoogle HTML/CSS Style Guideã€ã‚’é©å½“ã«å’Œè¨³ã—ã¦ã¿ãŸã¯ã€ã‹ãªã‚ŠåŠ©ã‹ã‚Šå‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚Œã§ã¯Google HTML/CSS Style Guideã«æ›¸ã„ã¦ã‚ã‚‹HTMLã¨CSSã®ã‚³
massava 2015/08/02
css

html

google

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚‚çŸ¥ã£ã¦ãŠããŸã„ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–ã®åŸºæœ¬
ã‚¹ãƒžãƒ›ã‹ã‚‰ã‚¦ã‚§ãƒ–ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãŒå¢—ãˆã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–ãŒã‚ˆã‚Šé‡è¦ãªåˆ¶ä½œã®èª²é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚1ãƒšãƒ¼ã‚¸ã‚‚ã®ã®ã‚µã‚¤ãƒˆãªã‚‰ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä¸€äººã§å®Ÿè£…ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚„ã‚µã‚¤ãƒˆå…¨ä½“ã®è¨è¨ˆã«ã‚‚é–¢ã‚ã£ã¦ãã¾ã™ã€‚ã¾ãŸã€è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–ã®æ–¹æ³•ã‚’çŸ¥ã‚‰ãªã‘ã‚Œã°ã€æœ€é©åŒ–ã—ã‚„ã™ã„ã€ã‚ˆã‚Šé«˜åº¦ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯å®Ÿç¾ã§ããªã„ã§ã—ã‚‡ã†ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒã“ã†ã„ã£ãŸæƒ…å ±ã‚’çŸ¥ã£ã¦ã„ã‚Œã°ã€ã‚ˆã‚Šã‚¹ãƒ ãƒ¼ã‚ºã«çµæžœã‚’å‡ºã›ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œãŒã§ãã‚‹ã¯ãšã§ã™ã€‚ ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã®æ”¹å–„ã«ã¯ã„ã‚ã„ã‚ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯ä¸€ç•ªåŠ¹æžœãŒã‚ã‚Šãã†ãªã¨ã“ã‚ã‹ã‚‰æ”»ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚è‡ªåˆ†ã‚‚ã¾ã ã¾ã å‹‰å¼·ä¸ãªã®ã§ã€ã¾ãšã¯filament groupã®Scottã•ã‚“ã®è¨˜äº‹ ã‚„Clearleftã®Jeremyã•ã‚“ã®è¨˜äº‹ ã‚’å‚è€ƒã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
massava 2015/05/06
webåˆ¶ä½œ

é«˜é€ŸåŒ–

CSS

HTML
ãƒªãƒ³ã‚¯
CSS Reset - 2019's most common CSS Resets to copy/paste, with documentation / tutorials
In this competitive world, brand awareness has been an integral factor in businesses wanting to cement their place in the future. An effective and frequently neglected form for elevating brand awareness is employee uniforms. Worn as part of an employee [â€¦] Read Article Building financial tools has never been more accessible. With the rise of web techno logies, developers can create powerful market
massava 2014/01/24
css

html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã—ãŸæ–°ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ†ã‚ã‚¹ãƒˆã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px æ”¹å–„ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxã‚’ä½¿ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">è¦‹å‡ºã—ã®ãƒ†ã‚ã‚¹ãƒˆ</h3> ã€Œtext-indent:-9999px;ã€ã§ãƒ†ã‚ã‚¹ãƒˆã‚’è¦‹ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’èƒŒæ™¯ç”»åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
massava 2012/04/17
webåˆ¶ä½œ

HTML

CSS
ãƒªãƒ³ã‚¯
CSS3ã€HTML5ã€jQueryã€ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã‚¦ã‚§ãƒ–åˆ¶ä½œã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå‹•ç”»ã§å¦ã¹ã‚‹ã‚µã‚¤ãƒˆ
CSS3ã€HTML5ã€jQueryã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã€ã‚¦ã‚§ãƒ–åˆ¶ä½œã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå‹•ç”»ã§å¦ã¹ã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Learn Web Design! HTML 5 & CSS3 Video Tutorials & Training Resource [ad#ad-2] å‹•ç”»ã¯æœ‰æ–™ä¼šå“¡å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ãŒã€ç„¡æ–™ã§ã‚‚æ•°å¤šãã®å‹•ç”»ã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç„¡æ–™ã§è¦‹ã‚‹ã¨ãã«ã€ç™»éŒ²ãªã©ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ å‹•ç”»ã¯ã™ã¹ã¦è‹±èªžã§ã€è‹±èªžãŒè‹¦æ‰‹ãªäººã§ã‚‚ã‚³ãƒ¼ãƒ‰ã‚„æˆæžœç‰©ã‚’è¦‹ã‚‹ã ã‘ã§ã‚‚å‹‰å¼·ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ä¸‹è¨˜ã«ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
massava 2011/07/01
html

css

å‹•ç”»

å‹‰å¼·

tutorial
ãƒªãƒ³ã‚¯
Zen-Codingã§ã§ãã‚‹ã‚ã‚“ãªã“ã¨ã“ã‚“ãªã“ã¨ | gaspanik weblog
å…ˆæ—¥è¶…é€Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼Ÿã¨ã—ã¦TextMateã«Zen-Codingã‚’è¿½åŠ ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ‰‹æ³•ã®æ¦‚è¦ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ã§ã€å®Ÿã¯Zen-Codingã€å‰å›žç´¹ä»‹ã—ãŸå…¥åŠ›æ–¹æ³•ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ HTMLã®ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£çš„ãªã‚‚ã®ãŒã‚ã‹ã£ã¦ã„ã‚Œã°ã€ç‰¹å®šã®è¨˜è¿°ã‚’ã—ã¦å±•é–‹ã™ã‚‹ã¨ä¸€æ°—ã«ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã¡ã‚ƒã£ãŸã‚Šã—ã¾ã™ï¼ˆã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ã€ã“ã£ã¡ãŒæœ¬å½“ã®Zen-Codingãªã‚“ã§ã—ã‚‡ã†ï¼‰ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ãã®ç‰¹å®šã®è¨˜è¿°ã¨ã‚„ã‚‰ã®è©±ã‚’ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã“ã“ã¾ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãã‚‹ã¨å®Ÿã«é€Ÿã„â€¦ï¼ˆã¯ãš ç¬‘ï¼‰ã€‚ æ–‡æ›¸æ§‹é€ ãŒã‚ã‹ã£ã¦ã‚Œã°ã€1è¡Œæ›¸ã„ã¦ä¸€æ°—ã«å±•é–‹ã§ãã‚‹Zen-Codingã¯ã€å‰å›žç´¹ä»‹ã—ãŸã‚ˆã†ãªç™»éŒ²ã•ã‚ŒãŸç•¥èªžã‚’ä½¿ã£ã¦HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‰ã‚’å±•é–‹ã™ã‚‹ä½¿ã„æ–¹ã ã‘ã§ãªãã€ç‰¹å®šã®è¨˜è¿°ã‚’ä½¿ã£ã¦æ§‹é€ ã‚’æ›¸ãä¸Šã’ã¦ä¸€æ°—ã«å±•é–‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚TextMateã‚’ä½¿ã£ã¦ã„ã‚‹æ–¹ã¯ã“ã¡ã‚‰ã®ãƒªã‚¹ãƒˆã«ã‚ã‚‹ã€ŒZen.Coding-Text
massava 2010/02/18
webåˆ¶ä½œ

css

html
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
massava 2010/01/21
webåˆ¶ä½œ

HTML

css
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã®ãƒœãƒ¼ãƒ€ãƒ¼ã«ä½™ç™½ãŒã‚ã‚‹å ´åˆã®ã‚µãƒ³ãƒ—ãƒ«
çš„ç¢ºãªã‚¿ã‚¤ãƒˆãƒ«ãŒæµ®ã‹ã³ã¾ã›ã‚“ã§ã—ãŸãŒã€å³ã«ã‚ã‚‹ã‚ãƒ£ãƒ—ãƒãƒ£ã¿ãŸã„ã«thã‚„tdã«æŒ‡å®šã•ã‚Œã¦ã„ã‚‹ç·šãŒé–‹ã„ã¦ã„ã‚‹å ´åˆã®ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ã‚µãƒ³ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼ˆzipï¼š15kbãã‚‰ã„ï¼‰ ä»Šã¾ã§ã€ãã‚Œãªã‚Šã«ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ããŸã¤ã‚‚ã‚Šã§ã¯ã„ã¾ã™ãŒã€ä»Šå›žã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã¯ã˜ã‚ã¦ã ã£ãŸã®ã§ã€æœ€åˆã«è¦‹ãŸæ™‚ã©ã†ã‚„ã£ã¦çµ„ã‚€ã®ã‹åˆ†ã‹ã‚‰ãªã‹ã£ãŸã£ã¦ã®ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã‚‹ãã£ã‹ã‘ã«ãªã‚Šã¾ã—ãŸã€‚ ã±ã£ã¨è¦‹ãŸã¨ãã¯ã€border-collapseã¨ã‹border-spacingã‚„ã‚‰ã‚’ã”ã«ã‚‡ã”ã«ã‚‡ã‚„ã£ã¦ã‚Œã°ã„ã‘ã‚‹ã‹ãªãƒ¼ã£ã¦æ€ã£ã¦ãŸã‚“ã§ã™ãŒã€ä¸ã€…ä¸Šæ‰‹ãã„ã‹ãšã€‚ è©¦è¡ŒéŒ¯èª¤ã—ãŸçµæžœã€èƒŒæ™¯ã§ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã‚‰ã†ã¾ãè¡Œãã¾ã—ãŸã€‚ ãŸã ã€èƒŒæ™¯ã§ã‚„ã‚‹ã«ã—ã¦ã‚‚ãã®åˆ‡ã‚Šæ–¹ãŒã¡ã‚‡ã£ã¨ã ã‘ã€å·¥å¤«ï¼Ÿã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ è©²å½“ç”»åƒã¯ã€å¾Œã»ã©ã€‚ CSSã¯ã€ã“ã‚“ãªæ„Ÿã˜ã«ãªã£ã¦ã¾ã™ã€‚ #main table { border-coll
massava 2008/05/19
tools

ã‚ã¨ã§è©¦ã™

css

html
ãƒªãƒ³ã‚¯
http://ima.pandach.com/cgi-bin/mt/2006/09/firefoxoperalink.php
massava 2008/03/25
css

ã‚ã¨ã§èªã‚€

ã‚ã¨ã§è©¦ã™

html
ãƒªãƒ³ã‚¯
Tableã¨CSSã„ã‚ã„ã‚ - DesignWalker
massava 2008/03/11
css

html

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
1