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

drumsco id:drumsco

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

${{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ã§å®Ÿç¾ã™ã‚‹ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ22 CSS Button Styling Tutorials and Techniquesã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â CSSã§å®Ÿç¾ã™ã‚‹ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ22 CSS Button Styling Tutorials and Techniquesã€ Designdevelopã§ã¯ä»Šã¾ã§æ§˜ã€…ãªCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŠä¼ãˆã—ã¦ãã¾ã—ãŸãŒã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã€Œ22 CSS Button Styling Tutorials and Techniquesã€ã¯ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã§ã™ã€‚ Beautiful CSS buttons with icon set ç«‹ä½“çš„ãªãƒœã‚¿ãƒ³ã‹ã‚‰ã€è§’ä¸¸ã¯ã‚‚ã¡ã‚ã‚“å½±ãŒã¤ã„ãŸã‚‚ã®ãªã©ãªã©CSSã§ä½œã‚‹æ‰‹ã®ã“ã‚“ã ãƒœã‚¿ãƒ³ã®ãƒ†ãƒƒãƒ—ã‚¹ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒåŽéŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– How to make sexy buttons with CSS ç«‹ä½“çš„ã§è§’ä¸¸ã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªãƒœã‚¿ãƒ³ã€‚
drumsco 2010/02/18
web-design

CSS

è§’ä¸¸
ãƒªãƒ³ã‚¯
Do You Need A Blog Afterall? - Blue Anvil
Unless you have been under a rock these past 3 or 4 years than you absolutely have heard about how critical a blog is to your website and your business. Youâ€™ve heard that it will pull in targeted, interested traffic that converts. Youâ€™ve heard that it will help you build a brand and a reputation for yourself that is unparalleled and more importantly, irreplaceable. Youâ€™ve heard that it is the key
drumsco 2010/01/24
JavaScript

jQuery

plugin

è§’ä¸¸
ãƒªãƒ³ã‚¯
Make fancy buttons using CSS sliding doors technique : Janko Jovanovic
This article will show you how to create fancy buttons using CSS sliding doors technique. It is much better to use this technique than to use image buttons because you can apply the style to any link and at the same time you donâ€™t have to create an image for each button. I posted this one on Morning Break weblog but due to its popularity I decided to publish it here. What is sliding doors techniqu
drumsco 2009/10/06
æ°´å¹³æ–¹å‘ã«å¯å¤‰é•·ãªãƒœã‚¿ãƒ³ã‚’ä½œã‚‹

web-design

è§’ä¸¸

CSS
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç”»åƒã‚’è§’ä¸¸ã«å‡ºæ¥ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒRoundPicã€:phpspoté–‹ç™ºæ—¥èªŒ
RoundPic - rounded corners for avatars and images [web 2.0 design] ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç”»åƒã‚’è§’ä¸¸ã«å‡ºæ¥ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒRoundPicã€ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰orï¼µï¼²ï¼¬æŒ‡å®šã§ç”»åƒã‚’è§’ä¸¸ã«å‡ºæ¥ã¾ã™ã€‚ è§’ä¸¸ã®åº¦åˆã„ã€èƒŒæ™¯è‰²ã€ã‚µã‚¤ã‚ºãªã©ã‚‚æŒ‡å®šã§ãã¾ã™ã€‚ ç”»åƒã‚’è§’ä¸¸ã«ç´ æ—©ãè¡Œã„ãŸã„ã¨ã„ã†å ´åˆã¯ã¨ã¦ã‚‚ä¾¿åˆ©ãªã‚µãƒ¼ãƒ“ã‚¹ã§ã™ãã€‚
drumsco 2008/08/07
imaging

graphic

è§’ä¸¸
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã£ãŸé€æ˜Žè§’ä¸¸ãƒ–ãƒãƒƒã‚¯è¡¨ç¾ã€ŒEven More Rounded Cornersã€:phpspoté–‹ç™ºæ—¥èªŒ
Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with various visual effects. CSSã‚’ä½¿ã£ãŸé€æ˜Žè§’ä¸¸ãƒ–ãƒãƒƒã‚¯è¡¨ç¾ã€ŒEven More Rounded Cornersã€ æ¬¡ã®ã‚ˆã†ãªè§’ä¸¸ã‹ã¤ã€å…‰å½©ã‹ã¤ã€åŠé€æ˜Žãªãƒ–ãƒãƒƒã‚¯ã‚’ä½œæˆã—ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ ï¼ªï½ï½–ï½ï¼³ï½ƒï½’ï½‰ï½ï½”ã¯ä½¿ã£ã¦ãŠã‚‰ãšã€ã¾ãŸã€1å€‹ã®ï¼°ï¼®ï¼§ç”»åƒã§è¡¨ç¾ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ ãªã‹ãªã‹ç¾Žã—ã„è¡¨ç¾ãªã®ã§ã€ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã©ã“ã‹ã«ä½¿ãˆã‚‹ã‹ã‚‚ã€‚ å°šã€IE6ã§ã¯å‹•ã‹ãªã„ã‚ˆã†ãªã®ã§ã€æ³¨æ„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Wii
drumsco 2008/08/07
CSS

è§’ä¸¸
ãƒªãƒ³ã‚¯
CSSã§è§’ä¸¸ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼’ï¼•:phpspoté–‹ç™ºæ—¥èªŒ
CSS Juice - Design, Tutorial, Showcase and more 25 Rounded Corners Techniques with CSS Rounded corners is one of the most popular and frequently requested CSS techniques even the father of internet Google also launch the rounded corners style markup with her Google Adsense and let users to custom their ads recently. CSSã§è§’ä¸¸ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼’ï¼•ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ æ§˜ã€…ãªã‚µã‚¤ãƒˆã«ã§ã®è§’ä¸¸å®Ÿè£…ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ã¾ã¨ã‚ã§ã™ã€‚ Sliding Doors Even More Round
drumsco 2008/08/07
CSS

è§’ä¸¸
ãƒªãƒ³ã‚¯
1å€‹ã®ç”»åƒã§ã‚·ãƒ³ãƒ—ãƒ«ã«è§’ä¸¸ã‚’å®Ÿè£…ã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Simple Round Corners in CSS (revisited) We are going to use a single image (20px x 20px) to provide our rounded corners and to save on using different images we will use one image only and simply place each corner into place using the background-position property. 1å€‹ã®ç”»åƒã§ã‚·ãƒ³ãƒ—ãƒ«ã«è§’ä¸¸ã‚’å®Ÿè£…ã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ«ã€‚ ä½¿ã†ã®ã¯æ¬¡ã®1æžšã®300ãƒã‚¤ãƒˆã®ç”»åƒã€‚ ãªã‚‹ã»ã©ã€ã“ã‚Œã§ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’ãšã‚‰ã—ã¦ã‚ã’ã‚Œã°ã€ç”»åƒã¯1æžšã§ã‚·ãƒ³ãƒ—ãƒ«ã«å®Ÿè£…ã§ãã‚‹ã‚ã‘ã§ã™ãã€‚ HTMLãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨CSSã®ç´¹ä»‹ã¨è§£èª¬ãŒã•ã‚Œã¦ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSSã§è§’ä¸¸ãƒ†
drumsco 2008/08/07
CSS

è§’ä¸¸

tips
ãƒªãƒ³ã‚¯
Javascriptã§å‹•çš„ã«ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãªè§’ä¸¸ã‚’è¨å®šã™ã‚‹:phpspoté–‹ç™ºæ—¥èªŒ
More Nifty Corners | Web Design | PRO.HTML.IT Nifty Corners are a combination of CSS and Javascript to get rounded corners without images. The technique is made up of four essential parts: ã€ŒJavascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹æ–¹æ³•ã€ã§ç´¹ä»‹ã—ãŸNiftyCornersã§ã™ãŒã€ã“ã®ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹æ–¹æ³•ã‚’ä½¿ãˆã°ã€ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãªè§’ä¸¸ã‚’è¨å®šã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã€‚ ä½¿ã„æ–¹ã¯ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ã¦ã€ Rounded("div#nifty","all","#FFF","#D4DDFF","smooth"); ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ç¬¬äºŒå¼•æ•°ã¨ç¬¬äº”å¼•æ•°ãŒè¿½åŠ ã•ã‚Œã‚‹å½¢ã«ãªã£ã¦ã„ã¾ã™ã€‚
drumsco 2008/08/07
CSS

JavaScript

è§’ä¸¸
ãƒªãƒ³ã‚¯
CSSã§ã®è§’ä¸¸ãƒ–ãƒãƒƒã‚¯ç°¡å˜ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒCSSROUNDã€:phpspoté–‹ç™ºæ—¥èªŒ
CSSROUND - Create round corner with css CSSã§ã®è§’ä¸¸ãƒ–ãƒãƒƒã‚¯ç°¡å˜ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒCSSROUNDã€ èƒŒæ™¯è‰²ã€å‰æ™¯è‰²ã€è§’ä¸¸ã‚µã‚¤ã‚ºã®è¨å®šã‚’ã—ã¦Generateã™ã‚‹ã¨è§’ä¸¸ãŒå‡ºæ¥ã¾ã™ã€‚ HTMLã¨PNGç”»åƒã®ã‚»ãƒƒãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã€ã‚³ãƒ”ãƒšã§ã™ãã«ä½¿ãˆã¾ã™ã€‚ JavaScriptã§ä¸€æ‰‹ã«å¯¾å¿œã¨ã„ã†æ‰‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»–ã«ä½•ã‚‚ä¾å˜ã—ãªã„ã¨ã„ã†ã“ã¨ã§ã€ã“ã‚Œã¯ã“ã‚Œã§ä½¿ãˆãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª 1å€‹ã®ç”»åƒã§ã‚·ãƒ³ãƒ—ãƒ«ã«è§’ä¸¸ã‚’å®Ÿè£…ã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ« Javascriptã§å‹•çš„ã«ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãªè§’ä¸¸ã‚’è¨å®šã™ã‚‹ LightBoxé¢¨ã«è§’ä¸¸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€ŒFaceboxã€
drumsco 2008/08/07
CSS

è§’ä¸¸
ãƒªãƒ³ã‚¯
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
drumsco 2007/04/27
classå±žæ€§åã§effectã‚’æŒ‡å®šã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

JavaScript

è§’ä¸¸

web-design
ãƒªãƒ³ã‚¯
CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The probl em now is there are so many choices itâ€™s hard to know which one to choose. To that end Iâ€™ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
drumsco 2007/03/06
è§’ä¸¸å®Ÿç¾æ–¹æ³•ã®ä¸€è¦§

CSS

web-design

è§’ä¸¸
ãƒªãƒ³ã‚¯
GIGAZINE - CSSã§è§’ã‚’ã‚‚ã£ã¨ä¸¸ãã™ã‚‹æ–¹æ³•ã„ã‚ã„ã‚
ã€Œã‚¹ãƒ©ã‚¤ãƒ‡ã‚£ãƒ³ã‚°ãƒ‰ã‚¢ã€ã¨å‘¼ã¶æ–¹æ³•ã§å…¨ä½“ã‚’ãƒ˜ãƒƒãƒ€ãƒ¼ã€ãƒœãƒ‡ã‚£ã€ãƒ•ãƒƒã‚¿ãƒ¼ã®3ã¤ã«åˆ†å‰²ã—ã¦ã€ã‚³ãƒ¼ãƒŠãƒ¼éƒ¨åˆ†ãªã©ã¯ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ã‹ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€ã¨ã„ã†æ–¹æ³•ã€‚ Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚³ãƒ¼ãƒ‰ã¨ç”»åƒã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ http://www.schillmania.com/projects/dialog/dialog.zip ã¾ãŸã€ã“ã¡ã‚‰ã«é€éŽPNGã‚’åˆ©ç”¨ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s
drumsco 2006/05/25
CSS

*web

design

web-design

è§’ä¸¸
ãƒªãƒ³ã‚¯
Nifty Corners
Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. The final version is Niftycube. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of
drumsco 2005/11/12
CSS

design

JavaScript

è§’ä¸¸
ãƒªãƒ³ã‚¯
1