[B! javascript][css] kk6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kk6 id:kk6

javascriptã¨cssã«é–¢ã™ã‚‹kk6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

flippant.js
Flippant.js A mini js+css library for flipping things over. Try it out on the buttons below Get the code at github.com/mintchaos/flippant.js Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Modal Â» Card Â» Head
kk6 2013/06/18
javascript

css
ãƒªãƒ³ã‚¯
http://cssrefresh.frebsite.nl/
kk6 2012/01/16
css

javascript
ãƒªãƒ³ã‚¯
Sign PDF Documents | DocHub
kk6 2011/12/07
è¦‹ã‚„ã™ãã¦ã„ã„ãï¼

css

html

javascript

dom
ãƒªãƒ³ã‚¯
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! ðŸ†• Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
kk6 2011/11/12
css

javascript
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã«ç¾Žã—ã„è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•
imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’ä¸¸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“ã‚Œã‚’è§£æ¶ˆã™ã‚‹CSSã®Trickã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Firefoxã¨Webkitãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariï¼‰ã®ãã‚Œãžã‚Œã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ å·¦ï¼šè§’ä¸¸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’ä¸¸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’ä¸¸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚
kk6 2010/07/02
javascript

css
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã•ã‚“ã®ãŸã‚ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã«å½¹ç«‹ã¤ãƒªãƒ³ã‚¯é›†
2017å¹´6æœˆ29æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ ã€ŒWebã‚µã‚¤ãƒˆå‹‰å¼·ã™ã‚‹ã®ã«ãŠã™ã™ã‚ã®ã‚µã‚¤ãƒˆã‚’æ•™ãˆã¦ãã ã•ã„ï¼ã€ã¨ã®å£°ãŒå¤šã„ã®ã§ã™ãŒã€æ—¥æœ¬ã®Webé–¢é€£ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã‚’ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ä»Šã¾ã§ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã§ã—ãŸâ€¦ã€‚ã¨ã„ã†ã“ã¨ã§ã¡ã‚‡ã£ã¨ã‚°ã‚°ã£ã¦åˆå¿ƒè€…ã•ã‚“ã«ã‚ˆã•ãã†ãªã‚µã‚¤ãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚å°é›£ã—ã„å˜èªžãŒä¸¦ã‚“ã§ã‚ã‚‹ã‚ˆã†ãªã‚µã‚¤ãƒˆã¯é¿ã‘ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã™ãŒã€ã‚ã‹ã‚Šã«ãã‹ã£ãŸã‚‰ã™ã¿ã¾ã›ã‚“ã€‚ä»–ã«ã‚‚ãŠã™ã™ã‚ã‚µã‚¤ãƒˆãŒã‚ã‚Œã°ãœã²ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦æ•™ãˆã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æµã‚Œ ã¾ãšã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ç›®çš„ã‚’è€ƒãˆã‚‹ èª°ã®ãŸã‚ï¼Ÿä½•ã®ãŸã‚ï¼ŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚Šå§‹ã‚ã‚‹å‰ã«ã€‚ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã¨å‘¼ã°ã‚Œã‚‹æ§‹æˆå›³ã‚’ä½œæˆ Webã‚µã‚¤ãƒˆã®æ§‹æˆå›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆWebã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ã‚’ä½œæˆ Webã‚µã‚¤ãƒˆã®éª¨çµ„ã¿: ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ç´ æ—©ããƒ»
kk6 2010/05/26
*ã¾ã¨ã‚

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

*webåˆ¶ä½œ

javascript

jQuery

css

html
ãƒªãƒ³ã‚¯
[CSS]HTML5, CSS3, jQueryã‚’ä½¿ç”¨ã—ã¦å®Ÿè£…ã™ã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼
HTML5ã§å®Ÿè£…ã—ã€CSS3ã‚’ä½¿ç”¨ã—ã¦é¢ç™½ã„åŠ¹æžœã‚’ã¤ã‘ã€jQueryã§æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’CSS-Tricksã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Editable CSS3 Image Gallery demo ãƒ‡ãƒ¢ã¯Safariã‚„Chromeã§è¦‹ã‚‹ã¨ã€å„ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒãŒãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦è§’åº¦ã‚’å¤‰åŒ–ã•ã›ã¾ã™ã€‚ éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯è§’åº¦å¤‰æ›´ã®ã¿ã‚„åž‚ç›´ã«è¡¨ç¤ºã•ã‚ŒãŸçŠ¶æ…‹ã§ã™ã€‚ å„ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€æ‹¡å¤§è¡¨ç¤ºã—ã¾ã™ã€‚ æ‹¡å¤§ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€å½“ã‚µã‚¤ãƒˆã§ã‚‚ç´¹ä»‹ã—ãŸã€ŒFancyZoomã€ã§ã™ã€‚
kk6 2009/12/26
css

html

javascript

jQuery
ãƒªãƒ³ã‚¯
[CSS]ãƒãƒƒã‚¯ç„¡ã—ã§ã€ä¸é€æ˜Žãªãƒ‘ãƒãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
IEã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ä¸é€æ˜Žãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³åž‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ IE6ã§ã®ã‚ãƒ£ãƒ—ãƒãƒ£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¯JavaScriptã‚„tableã¯ä½¿ç”¨ã—ã¦ãŠã‚‰ãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ãƒãƒƒã‚¯ã‚„æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã¯ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE5.5/6/7/8, Fx, Op, Safari(Win), Chromeã¨ã®ã“ã¨ã§ã™ã€‚ ã¾ãŸã€åŒæ§˜ã«åž‚ç›´åž‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
kk6 2009/12/23
javascript

css
ãƒªãƒ³ã‚¯
JavaScriptãªã—ã§CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
JavaScriptãªã—ã§CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€æ˜Žã‚‰ã‹ã«JavaScript ä½¿ã£ã¦ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ï¼Ÿã¨æ€ã†ã®ã§ã™ãŒã€CSSã®ã¿ã§element:hoverã‚’ä½¿ã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚è§£èª¬ã•ã‚Œã¦ã„ã‚‹ã®ã§ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã•ãã†ã€‚ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Incredible Drop Down Menu Solution With CSS Only | AEXT.NET é–¢é€£ã‚¨ãƒ³ãƒˆãƒª jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«
kk6 2009/12/09
css

javascript
ãƒªãƒ³ã‚¯
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå†é…ç½®ã•ã‚Œã‚‹å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹æƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã¨ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆè¨˜äº‹ç‰ï¼‰ãŒå†é…ç½®ã•ã‚Œã‚‹ å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚„WPãƒ†ãƒ¼ãƒžã€ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã®æƒ…å ±ã®ã¾ã¨ã‚ã§ã™ã€‚ è©³ã—ã„æ–¹ã«ã¯å‚è€ƒã«ãªã‚‰ãªã„ã£ã½ã„ã§ã™ã€‚ ã„ã‚ã„ã‚æ„è¦‹ã¯åˆ†ã‹ã‚Œãã†ã§ã™ãŒã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ãªãã¨æ€ã„ã¾ã™ã®ã§ãƒ¡ãƒ¢ã€‚ å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚µã‚¤ãƒˆ å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½¿ç”¨ã—ãŸã‚µã‚¤ãƒˆã®ä¾‹ã€‚ D&DEPARTMENT PROJECT ECã‚µã‚¤ãƒˆã€‚ç¶ºéº—ã«ã¾ã¨ã¾ã£ã¦ã¾ã™ã€‚MTä½¿ç”¨ã€‚ D&DEPARTMENT PROJECT daily vitamins æš‡ã¤ã¶ã—ãŒå‡ºæ¥ã‚‹ã‚µã‚¤ãƒˆï¼Ÿã©ã†ã„ã†è¶£æ—¨ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ã€‚WPã§ã™ã€‚ daily vitamins å°æž—è¡ç¾Ž.jp å°æž—è¡ç¾Žã•ã‚“ã®ã‚µã‚¤ãƒˆã€‚å‡„ãè¦‹ã‚„ã™ã„ã§ã™ã€‚MTä½¿ç”¨ã€‚ å°æž—è¡ç¾Ž.jp Marunouchi.com ä¸¸ã®å†…ã®æƒ…å ±ã‚µã‚¤ãƒˆã€‚ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã§ã™ã€‚å†™çœŸã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯
kk6 2009/10/22
jQuery

css

tutorial

javascript

wordpress
ãƒªãƒ³ã‚¯
ã‚¿ãƒ–UIè©³è§£
ã‚¿ãƒ–UIã®æ§‹é€ ã‚„ç‰¹é•·ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„æ©Ÿèƒ½ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…ä¾‹ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆä¾‹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ â€»åŽŸæ–‡ã§ã¯ã€Œã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„ã‚¿ãƒ–UIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ ã‚¿ãƒ–ã®ã¿ã‚’æŒ‡ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. ã‚¿ãƒ–ã®æ§‹é€ 2. ã‚¿ãƒ–ã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. ã‚¿ãƒ–ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ 4. ã‚¿ãƒ–ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ 5. ã‚¿ãƒ–ã®æ‹¡å¼µ 6. ã‚¿ãƒ–ã®å®Ÿè£…é›† 7. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆé›† ã¯ã˜ã‚ã« ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ãƒ‘ãƒãƒ«
kk6 2009/09/09
*webãƒ‡ã‚¶ã‚¤ãƒ³

css

UI

javascript
ãƒªãƒ³ã‚¯
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã™ã”ã„å½¢ã«ã‚«ãƒƒã‚³ã‚ˆãã—ã¡ã‚ƒã†æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã™ã”ã„å½¢ã«ã‚«ãƒƒã‚³ã‚ˆãã—ã¡ã‚ƒã†æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ å…·ä½“çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä»¥ä¸‹ã€‚ã‚‚ã†ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®åŽŸåž‹ãŒãªã„ã¨ã„ã†ã€é¢ç™½ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ï¼µï¼©ã«èª¿æ•´ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¸Šã‚‚ã€æ¬¡ã®ã‚ˆã†ã«ç¶ºéº—ã«ãªã£ã¦ã„ã¾ã™ã€‚ å®Ÿéš›ã®ã‚¿ã‚°ã¯ã€ä¸å¯è¦–ã«ã—ã¡ã‚ƒã£ã¦ã€jqueryã«ã‚ˆã£ã¦ã€on/off ã‚’åˆ‡ã‚Šæ›¿ãˆã‚Œã°ã„ã„ã‚ã‘ã§ã™ã‹ã‚‰ã€ã¾ã•ã«ä½•ã§ã‚‚ã‚ã‚Šã§ã€å‚è€ƒã«ã—ã¦ä»–ã«ã‚‚é¢ç™½ãã€ä½¿ã„ã‚„ã™ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã„ãã‚‰ã§ã‚‚ä½œã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ jQueryã«ã‚ˆã‚‹ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œãŒå‡ºæ¥ã‚‹ã®ã§ã€æ˜”ã®ã‚ˆã†ã«ç¥žçµŒè³ªã«ãªã‚‹å¿…è¦ã‚‚ãªã„ã§ã™ãã€‚ è©³ç´°ã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰å‚ç…§ã€‚ Pretty checkboxes with jQuery | Aaron Weyenberg
kk6 2009/08/28
ã“ã‚Œã¯ã™ã”ã„

javascript

jQuery

UI

css
ãƒªãƒ³ã‚¯
å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦Webãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸ - latest log
uuCSSBoost.js ã¯ uuAltCSS.js ã«åå‰ãŒå¤‰æ›´ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€éƒ¨ã®èª¬æ˜ŽãŒè¨˜äº‹ã‚’æ›¸ã„ãŸå½“æ™‚ã®å¤ã„åå‰ã®ã¾ã¾ã«ãªã£ã¦ã„ã¾ã™ã€‚æœ€æ–°ç‰ˆã§ã¯ã€uuCSSBoost.revalidate() ã¯å»ƒæ¢ã•ã‚Œ uuAltCSS() ã‚’å‘¼ã³å‡ºã™ã‚ˆã†ã«å¤‰æ›´ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã®è§£èª¬ã‚’è¿½è¨˜ã—ã¾ã—ãŸã€‚ ã€Œæœ€æ–°ã®è¦æ ¼ã‚’å®Ÿè£…ã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ãŒç™»å ´ã—ã¦ã‚‚ã€IE6 ã®ã›ã„ã§è«¦ã‚ã‚‹ã—ã‹ãªã„ã®ã‹ã€ ã€ŒCSS3ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä½¿ã„ãŸã„!ã€ ã¨ã„ã£ãŸç¾å ´ã®å£°ã«ãŠå¿œãˆã—ã¦ã€ã»ã¼å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ CSS3 ã‚»ãƒ¬ã‚¯ã‚¿ã‚’åˆ©ç”¨ã—ãŸãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ã«ãªã‚‹JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ç‰¹å¾´ è»½ã„ã‚ˆ ã„ã‚ã‚“ãªãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãã‚ˆ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%ã€œ98%ãã‚‰ã„ã®ã‚·ã‚§ã‚¢ã‚’ã‚«ãƒãƒ¼ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„
kk6 2009/06/26
css

javascript
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«è¦‹ã‚‹ã¹ãã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚
Form Design ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ ã•ã¦ã•ã¦ã€æœ€è¿‘ã®webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯æœ¬å½“ã«å‡ã£ã¦ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ãŸã ãŸã é–¢å¿ƒã™ã‚‹ã°ã‹ã‚Šã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯ã€ç„¦ç‚¹ã‚’ã€Žãƒ•ã‚©ãƒ¼ãƒ ã€ã«é™å®šã—ã€ã‚¹ã‚¿ã‚¤ãƒ«æŠœç¾¤ãªãƒ•ã‚©ãƒ¼ãƒ UIã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„ã€‚ æµã‚Œçš„ã«ã¯ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›†CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´æ–¹æ³•JavaScriptã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†æ„Ÿã˜ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã€‚ ã“ã‚Œã‚‰ã¯ã€webãƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ãŒãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã‚‹ã¾ã¨ã‚ã§ã™ã€‚ ã¾ã•ã«ãƒã‚¤ãƒ³ãƒ€ãƒ¼ã€‚ webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡—é ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆç”¨ç´™ã®ã‚ˆã†ã«ä»•ä¸Šã’ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‹ã£ã“ã„ã„ã€‚ ãã—ã‚ƒãã—ã‚ƒã£ã¨ã—ãŸã‚ˆã†ãªç´™ã®ä¸€éƒ¨ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã¡ã‚‰ã‚‚ãƒ¡ãƒ¢ã«åå‰ã‚’æ›¸ãã‹ã®ã”ã¨ãã€‚ æ·±æµ·ã«å…‰ãŒã•ã™æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã‚¤ã‚ºãƒ™ã‚¹ãƒˆãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆãŒãªã•ã‚Œã¦ã„ã‚‹ã€‚ ï¼‘ï¼Œï¼’ï¼Œï¼“ï¼Œ
kk6 2009/06/26
*ã¾ã¨ã‚

javascript

UI

jQuery

css
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½©ã‚Šã‚’ä¸Žãˆã‚‹CSSãƒ»jQueryã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³21 â€“ creamu
SmashingAppsã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½©ã‚Šã‚’ä¸Žãˆã‚‹CSSãƒ»jQueryã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã„ãã¤ã‹ã”ç´¹ä»‹ã€‚ Â» Fancy Thumbnail Hover Effect w/ jQuery ç”»åƒã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã‚¹ãƒ ãƒ¼ã‚ºã«æ‹¡å¤§ã—ã¦ãã‚Œã‚‹jQuery Â» Create a jQuery Graph Plugin æ£’ã‚°ãƒ©ãƒ•ã‚’ç”Ÿæˆã§ãã‚‹ Â» Animated Menus Using jQuery ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã€ãµã‚ãƒ¼ã£ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ Â» Improve form usability with auto messages ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã™ã‚‹ã¨ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³&ã‚¢ã‚¦ãƒˆã™ã‚‹ Â» Control.Tabs ã‚µãƒ ãƒã‚¤ãƒ«ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã€ã•ã•ã£ã¨ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¦ãã‚Œã‚‹ ã™ã”ãã„ã„æ„Ÿã˜ã®ãŒæƒã£ã¦ã„ã¾ã™ãã€‚ ãã®ä»–ã®ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚
kk6 2009/06/08
*ã¾ã¨ã‚

css

*webåˆ¶ä½œ

javascript

jQuery
ãƒªãƒ³ã‚¯
[CSS]è¦ç´ ã‚’ãƒœã‚¿ãƒ³é¢¨ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
Speckyboyã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€buttonè¦ç´ ã‚„spanè¦ç´ ãªã©ã‚’ãƒœã‚¿ãƒ³é¢¨ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ 22 CSS Button Styling Tutorials and Techniques
kk6 2009/05/29
*ã¾ã¨ã‚

design

javascript

UI

css
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ™ã‚¹ãƒˆã‚¨ãƒ³ãƒˆãƒª51å€‹ã¾ã¨ã‚ã€Ž2007å¹´8æœˆã€*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
kk6 2007/09/05
*webãƒ‡ã‚¶ã‚¤ãƒ³

css

icon

generator

javascript

photoshop
ãƒªãƒ³ã‚¯
1