[B! html] KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

KAZUMA87 id:KAZUMA87

htmlã«é–¢ã™ã‚‹KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{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}}

[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é‡ã‚’å°‘ã—æ¸›ã‚‰ã—ãŸã€æ–°ã—ã„clearfix -micro clearfix
A new micro clearfix hack ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ã€Œclearfixã€ã¯ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ãŒè¦ªè¦ç´ ã‹ã‚‰ã¯ã¿å‡ºã—ã¦ã—ã¾ã†ã®ã‚’å›žé¿ã™ã‚‹ã‚‚ã®ã§ã€å½“ã‚µã‚¤ãƒˆã§ã‚‚ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é‡ã‚’æ›´ã«æ¸›ã‚‰ã—ï¼ˆclassåã‚‚çŸãï¼‰ã—ãŸã€Œmicro clearfixã€ã§ã™ã€‚ ã“ã®æ–°ã—ã„clearfixã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE Mac IE6 ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã¯å¬‰ã—ã„ã¨ã“ã‚ã§ã™ã€‚
KAZUMA87 2011/04/27
webdesign

tips

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

html

*css

web design

css
ãƒªãƒ³ã‚¯
ã‚‚ã†CSSãƒãƒƒã‚¯ã¯å¿…è¦ãªã—!? ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€Œcssuseragentã€ | Webæ´»ãƒ¡ãƒ¢å¸³
CSSã§ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®é•ã„ã£ã¦æœ¬å½“ã«å«Œã§ã™ã‚ˆãã€‚ CSSãƒãƒƒã‚¯ã§å¯¾å¿œã™ã‚‹æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€Œcss useragentã€ã‚’ä½¿ã†ã¨classã®ä½œã‚Šæ–¹ã‚’å°‘ã—å·¥å¤«ã™ã‚‹ã ã‘ã§ã‚ˆã‚ŠæŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ è¨å®šæ–¹æ³•ã¯JavaScriptã‚’ä¸€ã¤èªã¿è¾¼ã‚€ã ã‘ã«ãªã‚Šã¾ã™ã€‚ <scriptÂ src="cssua.min.js"Â type="text/javascript"></script> ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ã€ãƒšãƒ¼ã‚¸ã®htmlå±žæ€§ã«å‹•çš„ã«classå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã§ã™ãŒã€IE6ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã«ã¯ ua-ie-6ã¨ã„ã†classåãŒè¿½åŠ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <htmlÂ class="ua-ie-6"> <head>â€¦</head> <body>â€¦</body> </html> iPhoneã®å ´åˆã¯ua-
KAZUMA87 2011/01/06
ãƒ–ãƒ©ã‚¦ã‚¶

html

css

iphone

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

js

Javascript

CSSãƒãƒƒã‚¯
ãƒªãƒ³ã‚¯
Less Framework
An adaptive CSS grid system. What It Is Less Framework is a CSS grid system for designing adaptive webÂsites. It contains 4 layouts and 3 sets of typography presets, all based on a singleÂ grid. Default Layout 10 columns at 992Â px. For deskÂtops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width
KAZUMA87 2011/01/06
ã‚¹ãƒžãƒ›ãªã©ã«ã‚‚å¯¾å¿œå¯èƒ½ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

framework

webdesign

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

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html5

iphone

HTML

ipad

media query
ãƒªãƒ³ã‚¯
Using CSS Text-Shadow to Create Cool Text Effects
Learn how to use the CSS text-shadow to create cool text effects, by following this easy, step by step tutorial. Check it out and start learning! The CSS3 text-shadow property has been around for some time now and is commonly used to recreate Photoshopâ€™s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. This isnâ€™t all the text-shad
KAZUMA87 2010/12/29
JavaScript

webdesign

library

css3

html

*css

css
ãƒªãƒ³ã‚¯
Quick Tip â€“ Resizing Images Based On Browser Window Size Â« Build Internet
How Is This Useful? In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm uses this technique on their artist
KAZUMA87 2010/12/12
html

css

javascript

jquery
ãƒªãƒ³ã‚¯
HTML4ã‹ã‚‰å¤‰åŒ–ã—ãŸHTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€€ã“ã“ãŒé•ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã§è¦‹ã‚‹HTML5ï¼ˆ2ï¼‰
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
KAZUMA87 2010/12/03
html

HTML5

tips

webåˆ¶ä½œ

CSS

markup
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠã¯è¦æ³¨ç›®ï¼ æ˜Žæ—¥ã‹ã‚‰èªžã‚Œã‚‹HTML5ï¼†CSS3ï¼ˆ1/4ï¼‰- ï¼ IT
ãƒ‡ã‚¶ã‚¤ãƒŠã¯è¦æ³¨ç›®ï¼ æ˜Žæ—¥ã‹ã‚‰èªžã‚Œã‚‹HTML5ï¼†CSS3ï¼šä¸€æ’ƒãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¨®æ˜Žã‹ã—ï¼ˆ13ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ â€»æœ¬ç¨¿ã§ã¯ç‰¹ã«æ–ã‚ŠãŒãªã„å ´åˆã€Firefoxã€Google Chromeã€Operaã€Safariã¯2010å¹´7æœˆæ™‚ç‚¹ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€IEã¯Internet Explorer 6/7/8ã®ç·ç§°ã§ã™ã€‚ ã„ã¾ä¸–ç•Œã§ä¸€ç•ªç†±ã„ã€ŒHTML5ã€ã€ŒCSS3ã€ã¨ã¯ï¼Ÿ æœ€è¿‘ã€ã€ŒHTML5ã€ã€ŒCSS3ã€ã¨ã„ã£ãŸè¨€è‘‰ã‚’ã‚ˆãè€³ã«ã—ã¾ã›ã‚“ã‹ï¼Ÿ ã“ã‚Œã‚‰ã¯Webã®è¡¨ç¾ã‚’ã‚‚ã£ã¨è±Šã‹ã«ã™ã‚‹ãŸã‚ã«ç–å®šä¸ã®è¨€èªžã§ã™ã€‚ã„ã¾ã¾ã§ã®HTML 4.01ã‚„XHTMLã§ã¯å®Ÿç¾ã§ããªã‹ã£ãŸã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã€CSS3ã¯CSS 2.1ã‚ˆã‚Šã•ã‚‰ã«ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªéƒ¨åˆ†ã¾ã§è¡¨ç¾ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Firefoxã‚„Operaã€Safariã€Chromeã¨ã„ã£ãŸHTML5ï¼‹CSS3ã«å¯¾å¿œã™ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ãŒå¢—ãˆã¦ããŸã“ã¨ã§ã€HTML5
KAZUMA87 2010/09/30
HTML5

css3

Web

css

*webåˆ¶ä½œ

WEBãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

html
ãƒªãƒ³ã‚¯
é›‘èªŒã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã„ -Flipping Book | ã‚³ãƒªã‚¹
Flipping Bookã¯ã€é›‘èªŒã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸ãŒã‚ãã‚Œã€æ‹¡å¤§è¡¨ç¤ºãƒ»å°åˆ·ãƒ»PDFä¿å˜ãªã©ã®æ©Ÿèƒ½ã‚’å‚™ãˆãŸFlashã®ãƒ“ãƒ¥ãƒ¼ã‚¢ãƒ¼ã§ã™ã€‚ Flash page flip engine -FlippingBook ãƒ‡ãƒ¢ Flipping Bookã¯ã€ç”»åƒã‚’ãƒ•ã‚©ãƒ«ãƒ€ã«å…¥ã‚Œã‚‹ã ã‘ã§è¨å®šã§ãã‚‹ã€ŒHTMLã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ç‰ˆã€ã‚„ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®å¤‰æ›´ã‚‚å¯èƒ½ãªFlashã®æ©Ÿèƒ½æ‹¡å¼µã®ã€ŒFlashã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç‰ˆã€ãªã©è¤‡æ•°ã®å½¢æ…‹ã§é…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å¤‰æ›´ã—ãŸFlipping Bookã®ãƒ‡ãƒ¢ Flipping Bookã¯HTMLã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ç‰ˆãƒ»Flashã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç‰ˆãªã©æœ‰å„Ÿã§ã™ãŒã€HTMLã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ç‰ˆï¼ˆ10ãƒšãƒ¼ã‚¸ï¼‰ã¯ãƒ•ãƒªãƒ¼ã§åˆ©ç”¨ã§ãã¾ã™ï¼ˆå•†ç”¨åˆ©ç”¨ã¯ä¸å¯ï¼‰ã€‚ FlippingBook HTML Edition (Free Version) HTMLã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ç‰ˆã¯ã€è¡¨ç¤ºã™ã‚‹ç”»åƒï¼ˆæ‹¡å¤§ç”»åƒã¨ã‚µãƒ ãƒ
KAZUMA87 2010/08/14
html

flash

webdesign

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

webåˆ¶ä½œ

book
ãƒªãƒ³ã‚¯
æ—¥è¨˜ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
blogç§»è¡Œã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ XMLã‚§â€¦ text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLã‚§â€¦ æ—¥ã€…ã®å‡ºæ¥äº‹2012å¹´7æœˆ8æ—¥æ—¥æ›œæ—¥ ãƒ–ãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webã‚µã‚¤ãƒˆ ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–ãƒªãƒ³ã‚³ã‚¢ (RDF) ã‚’æ··åœ¨ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–ã‚Šå‡ºã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ãã€‚ Web ãƒšãƒ¼ã‚¸ã¯ XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚ç…§å…ˆã®ãªã„æ•°å€¤å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML ãƒ‘ãƒ¼ã‚¹ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãã‚‰ã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG æ··åœ¨ã§ã
KAZUMA87 2010/04/25
SVGã‚’åˆ©ç”¨ã—ãŸHTML5ã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¢

html5

svg

css

html

video

Canvas
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§HTMLã‚’PDFã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ã€Žhtml2pdfã€ | IDEA*IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
KAZUMA87 2008/03/12
HTMLã‚’PDFã«å¤‰æ›ã€‚ãŸã ã—æ—¥æœ¬èªžä¸å¯

*webã‚µãƒ¼ãƒ“ã‚¹

html

pdf

webã‚µãƒ¼ãƒ“ã‚¹

å¤‰æ›
ãƒªãƒ³ã‚¯
1