[B! è§’ä¸¸] wackyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wacky id:wacky

è§’ä¸¸ã«é–¢ã™ã‚‹wackyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (35)

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

1pxæ¬ ã‘ã®è§’ä¸¸ãƒœãƒƒã‚¯ã‚¹ã‚’CSSã ã‘ã§ä½œã‚‹æ–¹æ³•ï½œweb bibo
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§1pxæ¬ ã‘ã®è§’ä¸¸ã‚’ä½œã‚‹æ–¹æ³•ã§ã™ã€‚ã“ã®è§’ä¸¸ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã‚·ãƒ£ãƒ¼ãƒ—ã™ãŽã‚‹ãƒœãƒƒã‚¯ã‚¹ã‚’å°‘ã—æŸ”ã‚‰ã‹ã„å°è±¡ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTML ä¸‹è¨˜ã®é€šã‚ŠHTMLã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <div class="outer"> <div class="inner">1px rounded corners</div> </div> ãƒœãƒƒã‚¯ã‚¹ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ä»˜ã‘ãªã„å ´åˆ .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ãƒœãƒƒã‚¯ã‚¹ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ä»˜ã‘ã‚‹å ´åˆ .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
wacky 2009/12/22
è§’ã®æ¬ ã‘ãŸãƒœãƒƒã‚¯ã‚¹ã‚’CSSã§ä½œã‚‹æ–¹æ³•ã€‚å†…å´divã‚’å¤–å´divã®å·¦å³ã«ã¯ã¿å‡ºã•ã›ã¦åå—çŠ¶ã«ã™ã‚‹ã€‚borderã‚ã‚Šã¨borderãªã—ã€‚

CSS

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

è§’ä¸¸

Tips
ãƒªãƒ³ã‚¯
ppBlog official
ã“ã‚“ã«ã¡ã¯ã€martinã§ã™ã€‚æ—¥æœ¬ã«å¸°å›½ã—ã¦1å¹´ãŒçµŒã¡ã¾ã—ãŸã€‚æ˜¨å¹´ã¯ï¼’æœˆã‹ã‚‰æ–°ã—ã„è·å ´ã§åƒãå§‹ã‚ãŸã‚Šã€9æœˆï¼–æ—¥ã«ç¬¬ï¼‘åãŒç”Ÿã¾ã‚ŒãŸã‚Šã¨ãƒã‚¿ãƒã‚¿ãªä¸€å¹´ã§ã—ã¦ã€ã¾ã‚‹ã§ppBlogã®é–‹ç™ºãƒ»ã‚µãƒãƒ¼ãƒˆãŒå‡ºæ¥ã¾ã›ã‚“ã§ã—ãŸãŒã€ä»Šå¹´ã¯ãªã‚‹ã¹ãæ™‚é–“ã‚’ä½œã£ã¦ppBlogã‚’ã„ã˜ã‚ŒãŸã‚‰ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ä¸–ç•Œä¸ã®çš†ã•ã‚“ã«ã¨ã£ã¦ã€è‰¯ã„å¹´ã§ã‚ã‚Šã¾ã™ã‚ˆã†ã«ã€‚ ä¹…ã—ã¶ã‚Šã®ã‚«ã‚ã‚³ã€‚ é™çš„ãƒªãƒ³ã‚¯ã§ã®æŒ™å‹•ã‚’å¤‰ãˆã¦ã„ã¾ã™ã€‚URLã®ãƒ‘ã‚¹ã«æ—¥ä»˜æƒ…å ±ãªã©ã‚’å«ã¾ã›ã‚‹ã‚ˆã†ã«ã€‚ã¾ã ã€ã„ã˜ã£ã¦ã„ã‚‹æ®µéšŽãªã®ã§ã€è‰²ã€…ã¨ä¸å…·åˆãŒã‚ã‚‹ã ã‚ã†ã‘ã‚Œã©ã€ã¾ãæ°—ã«ã—ãªã„ã¨ã€‚ æ—¥ä»˜æƒ…å ±ãŒã‚ã‚‹ä»¥å¤–ã«ã¯ã€ç¾çŠ¶ã€PermaLinkç”¨ã®è‹±æ•°æ–‡å—ã‹ã‚‰ãªã‚‹è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚’åˆ¥ã«æŒ‡å®šã§ããŸã®ã§ã™ãŒã€ã“ã‚Œã¯ãã®ã¾ã¾å–ã£ã¦ãŠãã¨ã—ã¦ã€ãã†ã§ãªã„å ´åˆã¯ã€è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ãŒãã®ã¾ã¾ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ãªæ„Ÿã˜ã«ã—ã¦ã¾ã™ï¼ˆé™çš„ãƒªãƒ³ã‚¯ãŒæœ‰åŠ¹ãªå ´åˆã§ã™ãŒï¼‰ã€‚ä»Šæ™‚ã®ãƒ–ãƒ©ã‚¦ã‚¶ãªã‚‰ã‚¨ãƒ³ã‚³
wacky 2009/04/09
è§’ä¸¸ã‚³ãƒ¼ãƒŠãƒ¼ã®JavaScriptå®Ÿè£…ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã€‚IEã¯VMLã§ã€Operaã¯SVGã§ã€Firefoxã‚„WebKitç³»ã¯å°‚ç”¨ãƒ¡ã‚½ãƒƒãƒ‰ã§ã€‚

JavaScript

è§’ä¸¸

SVG

Tips
ãƒªãƒ³ã‚¯
DD_roundies: Code-only rounded HTML boxes
DD_roundies is free software under the MIT License. Please familiarize yourself with known issues. You might also enjoy DD_belatedPNG. 2011/4/8: It is high time I update the documentation here. This plugin got as far as supporting IE8 Release Candidate 1. That was a while ago. Things have changed. I spent some time away from the project before IE8 final was released. When I came back to it, much h
wacky 2008/12/05
ä»»æ„ã®è¦ç´ ã‚’è§’ä¸¸åŒ–ã™ã‚‹è»½é‡ï¼ˆç´„4KBï¼‰ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚CSSã§èƒŒæ™¯ç”»åƒãŒè¨å®šã•ã‚ŒãŸè¦ç´ ã«ã‚‚å¯¾å¿œã€‚IEã§ã¯VMLã‚’åˆ©ç”¨ã€‚ç¾æ™‚ç‚¹ã§IE8ã€Operaã¯æœªã‚µãƒãƒ¼ãƒˆã€‚MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚

JavaScript

library

è§’ä¸¸
ãƒªãƒ³ã‚¯
Scalable Content Box Using Only One Background Image
A colleague of mine was recently trying to cut down on image usage when working on a web design project. He asked me whether it was possible to use one image for a vertically scala ble content box that had both, a unique heading background, a border along the sides and a rounded off border in the footer. I didnâ€™t think about it very much and dismissed it as impossible or too fiddly. Iâ€™ve been think
wacky 2008/12/02
ç¸¦ã«é•·ã„1æžšã®ç”»åƒã¨CSSã‚’ä½¿ã£ã¦è§’ä¸¸ãƒ‘ãƒãƒ«ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ã€‚ãƒ‘ãƒãƒ«ã®å¹…ã€ãƒ˜ãƒƒãƒ€ãƒ¼ã®é«˜ã•ã¯å›ºå®šã€‚

CSS

è§’ä¸¸

Tips
ãƒªãƒ³ã‚¯
border-radius.js - Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª - HTML5.JP
border-radius.js ã¯ã€classå±žæ€§ã«å€¤ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ãƒ–ãƒãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®è§’ã‚’ä¸¸ãã™ã‚‹ãƒ©ã‚¤ãƒˆã‚¦ã‚§ã‚¤ãƒˆãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ CSSã§borderã¨marginã‚’æŒ‡å®šã—ã€classå±žæ€§ã« "html5jp-border-radius" ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€è§’ãŒä¸¸ããªã‚Šã¾ã™ã€‚JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ä¸€åˆ‡å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ã¾ãŸã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¯å˜ç‹¬ã§å‹•ä½œã™ã‚‹ãŸã‚ã€ä»–ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ç‰ã‚’èªã¿è¾¼ã‚€å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¯ã€æŒ‡å®šã®ãƒ–ãƒãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸Šä¸‹ã«è§’ã‚’è¿½åŠ ã—ã¾ã™ã€‚Internet Explorerã®å ´åˆã¯VMLã‚’ã€ãã‚Œä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯Canvasï¼ˆCanvasãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚Œã°ï¼‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Release Date Size (byte) Download
wacky 2008/12/01
ä»»æ„ã®è¦ç´ ã‚’è§’ä¸¸åŒ–ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚4ã¤ã®è§’ã®ãã‚Œãžã‚Œã«åŠå¾„ã‚’æŒ‡å®šã§ãã€ç‰¹å®šã®è§’ã ã‘ä¸¸ãã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¯classå±žæ€§ã§æŒ‡å®šã€‚Apache License 2.0ã€‚

JavaScript

library

è§’ä¸¸
ãƒªãƒ³ã‚¯
The Best Tech Blog | Chin Pokomon
What is the Stash app for Android and who should download it? What are the benefits of using it and how does it work? Before you decide whether or â€¦ [Read more...] about Stash App: What Is It And The Benefits Of Using It Motorola MG7310 Review The Motorola MG7310 is a somewhat controversial DOCSIS 3.0 cable modem / WiFi router combo. The DOCSIS 3.0 increased transfer â€¦ [Read more...] about Motorol
wacky 2008/11/16
æŒ‡å®šè¦ç´ ã‚’è§’ä¸¸ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã«å¯¾å¿œï¼ˆèƒŒæ™¯ã®é€éŽæ™‚ã¯ç„¡åŠ¹ï¼‰ã€‚MIT/GPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚

JavaScript

library

plugin

è§’ä¸¸
ãƒªãƒ³ã‚¯
jQuery Rounded Corners with Canvas element
jQuery Plug-in to make rounded corners on your DOM objects using <canvas> element Tested in IE7 and FF3
wacky 2008/10/14
Canvasã‚’ä½¿ã£ã¦è¦ç´ ã‚’æ»‘ã‚‰ã‹ã«è§’ä¸¸åŒ–ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚IEã«ã¯åŒæ¢±ã®æ´¾ç”Ÿç‰ˆexcnavasã§å¯¾å¿œã€‚LGPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚

JavaScript

library

plugin

è§’ä¸¸
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ‘æ´»ã€ä¸€ç·’ã«é£Ÿäº‹ã‚’ã—ã¦ãŠå°é£ã„ã‚²ãƒƒãƒˆï¼
ãƒ‘ãƒ‘æ´»ã‚¢ãƒ—ãƒªã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹å¥³æ€§ã®é–“ã§ã€æœ€è¿‘äººæ°—ã«ãªã£ã¦ã„ã‚‹ã®ãŒã€ãŠé£Ÿäº‹ã‚’ä¸€ç·’ã«ã™ã‚‹ã ã‘ã§ãŠé‡‘ã‚’ãã‚Œã‚‹ã€ã”ã¯ã‚“ãƒ‘ãƒ‘ã§ã™ã€‚ ã”ã¯ã‚“ãƒ‘ãƒ‘â€¦ã¤ã¾ã‚Šã€èº«ä½“ã®é–¢ä¿‚ã‚’ã‚‚ãŸãªãã¦ã‚‚ã€ç´ æ•µãªãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ãªã©ã§ã”é£¯ã‚’é£Ÿã¹ã‚‹ã ã‘ã§ã€ãŠã“ãšã‹ã„ã‚’ãã‚Œã‚‹ãƒ‘ãƒ‘ã®ã“ã¨ã§ã™ãã€‚ ãã‚“ãªã€ä¾¿åˆ©å±‹ã•ã‚“ã¿ãŸã„ãªãƒ‘ãƒ‘ãŒæœ¬å½“ã«ã„ã‚‹ã®ï¼Ÿã¨æ€ã‚ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿéš›ã€å¥³æ€§ã¨ä¸€ç·’ã«é£Ÿäº‹ãŒã§ãã‚‹ã ã‘ã§ã‚‚å¬‰ã—ã„ï¼ ã ã‹ã‚‰ã€ãŠã“ãšã‹ã„ã‚’ã‚ã’ã¦ã‚‚è‰¯ã„ï¼ã¨ã„ã†ç”·æ€§ã‚‚ã„ã‚‰ã£ã—ã‚ƒã„ã¾ã™ã€‚ ãƒ‘ãƒ‘æ´»ã‚¢ãƒ—ãƒªã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹å¥³æ€§ã®é–“ã§äººæ°—ã®ã”ã¯ã‚“ãƒ‘ãƒ‘ã§ã™ãŒã€ç›¸å ´ã‚„å‡ºä¼šã£ã¦é£Ÿäº‹ã‚’ã™ã‚‹ã¾ã§ã®æµã‚Œã¯ä¸€ä½“ã©ã‚“ãªã‚‚ã®ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ å¥½æ¡ä»¶ã®ã”ã¯ã‚“ãƒ‘ãƒ‘ã‚’ãƒ‘ãƒ‘æ´»ã‚¢ãƒ—ãƒªã§æŽ¢ã™ãŸã‚ã«ã€å¤§åˆ‡ãªã“ã¨ãªã©ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â—ãƒ¡ã‚¤ãƒ³ã¯é£Ÿäº‹ã ã¨è€ƒãˆã¾ã—ã‚‡ã† ãƒ‘ãƒ‘æ´»ã‚¢ãƒ—ãƒªã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹å¥³æ€§ã®ä¸ã«ã¯ã€ã‚„ã¯ã‚Šç¾é‡‘åŽå…¥ã‚’å¸Œæœ›ã—ã¦ã„ã‚‹æ–¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ãã†è€ƒãˆã‚‹ã¨ã€å¥³æ€§ã®å¸Œæœ›ã¨ã—
wacky 2008/09/09
ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸç”»åƒã‚’è§’ä¸¸åŠ å·¥ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€‚è§’ä¸¸ã‚µã‚¤ã‚ºãƒ»èƒŒæ™¯è‰²ãƒ»å‡ºåŠ›å½¢å¼ã‚’æŒ‡å®šã§ãã‚‹ã»ã‹ã€é¡é¢åŠ¹æžœã‚’ã‹ã‘ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚

Webãƒ„ãƒ¼ãƒ«

ç”»åƒå‡¦ç†

è§’ä¸¸
ãƒªãƒ³ã‚¯
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the it em to be cornered and sets a solid
wacky 2008/08/27
ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®å››éš…ãƒ»ãƒœãƒ¼ãƒ€ãƒ¼ã«å¯¾ã—ã¦ã€è§’ä¸¸ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹æ§˜ã€…ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚MIT/GPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚ï¼ˆâ†’ ã‚ªãƒªã‚¸ãƒŠãƒ«ï¼š http://methvin.com/jquery/jq-corner.html ï¼‰

JavaScript

library

plugin

è§’ä¸¸
ãƒªãƒ³ã‚¯
Loading...
wacky 2008/08/08
è§’ä¸¸ç”»åƒã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€‚è‰²ã‚„åŠå¾„ã‚’æŒ‡å®šã™ã‚‹ã¨è§’ä¸¸ç”»åƒã‚’ç”Ÿæˆã€‚HTMLã‚‚å«ã‚ãŸä¸€å¼ã‚’ZIPå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚

Webãƒ„ãƒ¼ãƒ«

ç”»åƒå‡¦ç†

è§’ä¸¸

ç´ æ
ãƒªãƒ³ã‚¯
:: Ganato.com :: FREE Stuff for Web Design :: CSS Borders
Border Effects (no images) All free stuff on my website is completely free for use in your own creations. You cannot make it available as a direct download from your website, re-distribute with software or sell them as is (e.g. icon packages, templates).
wacky 2008/04/23
ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®ãƒœãƒ¼ãƒ€ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«é›†ã€‚è§’ä¸¸ã¨ã‹ã€‚ç„¡é§„ã«bè¦ç´ å¤šã‚ã€‚

CSS

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

è§’ä¸¸

Tips
ãƒªãƒ³ã‚¯
Meerbox.nl - Start
Meerbox Selfstorage Boxmeer beschikt over meerdere parkeergelegenheden en heeft een gunstige ligging aan bedrijventerrein 't Leucker. Op de plattegrond kunt u gemakkelijk zien welke opslagruimtes er in Boxmeer nog beschikbaar zijn voor verhuur en tegen welk tarief. Wij staan u ten alle tijden graag te woord, mocht u nog graag meer willen weten dan kunt u vrijblijvend contact opnemen. nu huren! Mee
wacky 2008/03/10
Canvas/VMLã‚’åˆ©ç”¨ã—ã¦è¦ç´ ã‚’è§’ä¸¸è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚4éš…ã®ã©ã“ã«é©ç”¨ã™ã‚‹ã‹ã€ã‚µã‚¤ã‚ºã€è‰²ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©æŒ‡å®šå¯èƒ½ã€‚ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã«ã‚‚å¯¾å¿œã€‚excanvasã«ã‚ˆã‚ŠIEã‚’ã‚µãƒãƒ¼ãƒˆã€‚

JavaScript

library

plugin

è§’ä¸¸
ãƒªãƒ³ã‚¯
BittBox Â» Free Fading Corner Images
I see more and more fading corners every day, so I decided to put together some freebies, since they are becoming popular. You will notice that all of these are white, but I included a Photoshop source file in each download so you can customize them. It seems to me that a lot of people are looking for these so, I thought I would do a good deed and help everyone out. I tried to mix up the sizes a b
wacky 2008/02/27
ãƒ©ã‚¤ãƒ³ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹è§’ä¸¸ç”»åƒãŒ9ç¨®é¡žã€‚ãã‚Œãžã‚ŒGIF / JPEG / PNG / PSDå½¢å¼ã‚’åŒæ¢±ã€‚

ç”»åƒ

ç´ æ

è§’ä¸¸

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/
wacky 2007/12/10
Sliding Doorsæ‰‹æ³•ã‚’ç”¨ã„ãŸè§’ä¸¸ãƒªãƒ³ã‚¯ãƒœã‚¿ãƒ³ã®CSSã‚µãƒ³ãƒ—ãƒ«ã€‚ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚‚ã‚ã‚Šã€‚

CSS

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

è§’ä¸¸

Tips
ãƒªãƒ³ã‚¯
RoundPic - ç”»åƒã®è§’ã‚’ä¸¸ã‚ã‚‹
Online tool for making anti-aliased rounded corners (very Web 2.0!) for avatars and images
wacky 2007/11/26
ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸç”»åƒã‚’è§’ä¸¸åŠ å·¥ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€‚ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã®æŒ‡å®šãªã©ã¯ä¸€åˆ‡ã§ããªã„ã€‚

Webãƒ„ãƒ¼ãƒ«

ç”»åƒå‡¦ç†

è§’ä¸¸
ãƒªãƒ³ã‚¯
corner.js (with IE 6/7 support)
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
wacky 2007/06/25
ç”»åƒã«è§’ä¸¸ã‚„ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ãƒ¼ã€è¼ªéƒã¼ã‹ã—ãªã©æ§˜ã€…ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹è¦–è¦šåŠ¹æžœãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚imgè¦ç´ ã®classå±žæ€§ã§åŠ¹æžœã‚’æŒ‡å®šã™ã‚‹ã€‚Canvas/VMLã‚’ä½¿ç”¨ã€‚

JavaScript

library

ç”»åƒå‡¦ç†

è§’ä¸¸
ãƒªãƒ³ã‚¯
ruzee.com - Steffen Rusitschka Â» ShadedBorder - JavaScript Round Corners with Drop Shadow
Coding, Consulting, DevOps Web, Cloud, Scalability You should also check out my script Liquid Canvas which uses HTML canvas to render rounded corners with drop shadows. Rounding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. RUZEE.ShadedBorder itself is the successor of RUZEE.Borders, which was the most feat
wacky 2007/03/27
ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã®åŠ¹æžœã‚’ã‹ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹é«˜æ©Ÿèƒ½ãªè§’ä¸¸ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚

JavaScript

library

è§’ä¸¸
ãƒªãƒ³ã‚¯
Even More Rounded Corners[è§’ä¸¸][css]
Even More Rounded Corners With CSS (Another technique for the pile.) 2009 update: CSS 3 and border-radius can do rounded corners without any images, and support for RGB/alpha opacity and gradients with opacity is also on the way. Check out CSS 3 and the future for newer, shinier examples! There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with variou
wacky 2007/02/18
CSSã¨é€éŽPNG1æžšã ã‘ã§é€æ˜Žæ„Ÿã®ã‚ã‚‹è§’ä¸¸ãƒ–ãƒãƒƒã‚¯ã‚’ä½œã‚‹ã€‚ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¯¾å¿œã€‚IE6ã¯é€éŽGIFã§ã€‚

CSS

è§’ä¸¸

Tips
ãƒªãƒ³ã‚¯
Simple Round CSS Links ( Wii Buttons )
Now you can style both <a /> and <button /> in this super easy and light-weight solution Hedger Wang You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file . At least it's tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9. HTML For Anchor : <a class="button" href="?d=-1"><span>yout text</span></a> For Form Button : (yo
wacky 2007/02/15
ã‚·ãƒ³ãƒ—ãƒ«ãªWiié¢¨ã®è§’ä¸¸ãƒœã‚¿ãƒ³ã‚’CSSã§ç°¡å˜ã«ä½œæˆã™ã‚‹ã€‚IE5.5ã€IE6ã€IE7ã€Firefox2ã€Opera9ã€Safari2ã«å¯¾å¿œã€‚

CSS

Wii

UI

è§’ä¸¸

Tips
ãƒªãƒ³ã‚¯
willmayo.com Â» CSS Speech Bubbles
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
wacky 2007/02/12
æŒ‡å®šè¦ç´ ã‚’è§’ä¸¸ã®å¹ãå‡ºã—ã‚¹ã‚¿ã‚¤ãƒ«ã«ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚LGPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚

JavaScript

library

CSS

è§’ä¸¸
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸