[B! WEBåˆ¶ä½œ][background] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

WEBåˆ¶ä½œã¨backgroundã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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ã§å‡ã£ãŸèƒŒæ™¯ã‚’ä½œã‚‹ã‚µãƒ³ãƒ—ãƒ«é›† | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒCSS Gradients with background-blend-modeã€ã¯CSSã®ã€Œbackground-blend-modeã€ã‚’æ´»ç”¨ã—ãŸèƒŒæ™¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ãŸãã•ã‚“ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã„ã‚‹æ–¹ã«ã¯éžå¸¸ã«å‚è€ƒã«ãªã‚‹ã‚µãƒ³ãƒ—ãƒ«ã°ã‹ã‚Šã§ã™ã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã€€ã¾ãšCSS Gradients with background-blend-modeã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ ã“ã®ã‚ˆã†ã«ã€Œbackground-blend-modeã€ã‚’ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚CSSãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ãŒã€å€¤ã‚’å¤‰æ›´ã™ã‚‹ã¨ãã®å ´ã§é©ç”¨ã•ã‚ŒãŸèƒŒæ™¯ã‚’é–²è¦§ã§ãã¾ã™ã‚ˆã€‚ ã‚µãƒ³ãƒ—ãƒ«é›†ã®ä¸‹éƒ¨ã«ã¯ã€å®Ÿéš›ã«ç”»åƒã‚’ä½¿ç”¨ã—ãŸå ´åˆã¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®é•ã„ãŒæ¯”è¼ƒã•ã‚Œã¦ã„ã¾ã™ã€‚CSSã ã‘ã§å®Ÿç¾ã™ã‚‹ã»ã†ãŒåœ§å€’çš„ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒè»½ããªã‚Šã¾ã™ãã€‚ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã¯ãœã²å¦ç¿’ã®å‚è€ƒã«ä½¿ã£ã¦ã¿ã¦ãã ã•
kana321 2014/07/01
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã„ã‚‹æ–¹ã«ã¯éžå¸¸ã«å‚è€ƒã«ãªã‚‹ã‚µãƒ³ãƒ—ãƒ«ã°ã‹ã‚Š

css

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

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

èƒŒæ™¯

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

css

css3

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

background

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ©ãƒƒãƒ‘ãƒ¼ã«å«ã¾ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ˜ãƒƒãƒ€ã€ãƒ˜ãƒƒãƒ€ã®å¹…ã ã‘ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’è¶…ãˆã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
å…¨ä½“ã‚’ãƒ©ãƒƒãƒ‘ãƒ¼ã§åŒ…ã¿ã€ãƒ›ãƒ¯ã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒ©ãƒƒãƒ‘ãƒ¼ã§æŒ‡å®šã—ãŸå¹…ã ã‘ã©ã€ãƒ¬ãƒƒãƒ‰ã®ãƒ˜ãƒƒãƒ€ã¯è¡¨ç¤ºã‚µã‚¤ã‚ºãŒæŒ‡å®šã—ãŸå¹…ã‚ˆã‚Šåºƒã„æ™‚ã«ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’è¶…ãˆãŸå¹…ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã„ã‚„ãƒ¼ã€æ—¥æœ¬èªžãƒ ã‚ºã‚«ã‚·ã‚¤ã€ã€ã€ ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯æ§‹é€ çš„ã«ã¯ãƒ©ãƒƒãƒ‘ãƒ¼ã®ä¸ã«ä¸Šã‹ã‚‰ã€åŠé€æ˜Žã®ãƒ¬ãƒƒãƒ‰ã®ãƒ˜ãƒƒãƒ€ã€ãƒ›ãƒ¯ã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®2ã¤ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€è¡¨ç¤ºã‚µã‚¤ã‚ºãŒãƒ©ãƒƒãƒ‘ãƒ¼ã®å¹…960pxã‚’è¶…ãˆãŸæ™‚ã®è¡¨ç¤ºã€‚ Improved Full Width Browserï¼šå¹…1200px ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯å¹…960pxã§è¡¨ç¤ºã•ã‚Œã€ãƒ©ãƒƒãƒ‘ãƒ¼å†…ã«ãƒ˜ãƒƒãƒ€ãŒå«ã¾ã‚Œã¦ã„ã‚‹ã‘ã©ã€ãƒ˜ãƒƒãƒ€ã®å¹…ã¯ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’è¶…ãˆã¦ã„ã‚‹çŠ¶æ…‹ã§ã™ã€‚ è¡¨ç¤ºå¹…ãŒ960pxä»¥ä¸‹ã«ãªã‚‹ã¨ã€ãƒ˜ãƒƒãƒ€ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸Šéƒ¨ã«æˆã‚Šè¡Œãã§åŽã¾ã‚Šã¾ã™ã€‚ Improved Full Width Browserï¼šå¹…780px å®Ÿè£… HTML HTM
kana321 2013/06/25
**ã‚ã¨ã§èªã‚€

ã‚ã¨ã§è©¦ã™

css tips

css

tips

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

html

webåˆ¶ä½œ

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

background
ãƒªãƒ³ã‚¯
BigVideo.js
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ã¯å·¦ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€å‹•ç”»ã‚’å¤‰æ›´ã—ã¦å†ç”Ÿã§ãã¾ã™ã€‚ BigVideo.jsã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« BigVideo.jsã¯jQuery, jQuery UIã¨ã€å‹•ç”»å†ç”Ÿã«ã€Œvideo.jsã€ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰å…¨ã¦ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚  <script src="//ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide
kana321 2012/08/21
jQuery

plugin

jquery

å‹•ç”»

javascript

èƒŒæ™¯

Webåˆ¶ä½œ

video

background

js
ãƒªãƒ³ã‚¯
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ•ã‚šã‚¨ãƒ³ã‚·ã‚™ãƒ‹ã‚¢ ãŸã‚™ã‹ã‚‰ã†ã‚Œã—ã„ Fireworksã®ä½¿ã„æ–¹ã‚ã‚Œã“ã‚Œ
2. è‡ªå·±ç´¹ä»‹ â€¢ ã¾ã¼ã‚ã—ã®æ¾ç”°ã¨ç”³ã—ã¾ã™ â€¢ ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€JSerã€ ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°ãªã© â€¢ ä¸»ãªè‘—æ›¸ ã€ŽåŠ¹çŽ‡çš„ãªã‚µã‚¤ãƒˆåˆ¶ä½œã®ãŸã‚ã®Dreamweaverã®æ•™ç§‘æ›¸ ã€CS5.5å¯¾å¿œç‰ˆã€‘ã€ï¼ˆé·¹é‡Žã•ã‚“ã¨ã®å…±è‘—ã€ãƒžã‚¤ãƒŠãƒ“ï¼‰ 2
kana321 2012/07/06
background

*fireworks

*web

fireworks

webdesign

css

*software

Webåˆ¶ä½œ

CSS3
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
kana321 2012/07/05
jQuery

ã‚ã¨ã§èªã‚€

CSS3

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

javascript

webåˆ¶ä½œ

HTML5

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

css

html
ãƒªãƒ³ã‚¯
é¢å€’ãªCSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç”»åƒã‹ã‚‰ç°¡å˜ã«ç”Ÿæˆã™ã‚‹ãƒ„ãƒ¼ãƒ« -GradienFinder
Photoshopãªã©ã®ä½¿ã„æ…£ã‚ŒãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ä½œæˆã—ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã‹ã‚‰ã€CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ GradienFinder ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨ã€ã™ãã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒãŒåæ˜ ã•ã‚Œã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚ CSS: ç”Ÿæˆã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ background: -webkit-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,rgb(128, 128, 128) 100%); background: -o-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,r
kana321 2012/06/25
*webåˆ¶ä½œ

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

css3

Webåˆ¶ä½œ

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼

ç”»åƒ

background

css

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

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
1