我的春秋: niftycube.js - 角丸効果 JavaScript ライブラリ
先日ã€"Nifty Corners Cube" ã¨ã„ã†ã€ãƒœãƒƒã‚¯ã‚¹ã®å¤–æž ã«è§’丸効果を出ã™ãŸã‚ã® JavaScript ライブラリを知りã¾ã—ãŸã€‚「ãˆï¼Ÿä»Šé ƒçŸ¥ã£ãŸã®ï¼Ÿã€ã£ã¦æ–¹ã¯ã¨ã‚‚ã‹ãã€ã€Œä½•ã§ã„ã¾ã•ã‚‰è§’丸効果を JavaScript ã§å‡ºã™å¿…è¦ãªã‚“ã‹ã‚ã‚‹ã®ï¼Ÿï¼ãã‚“ãªã®ã€CSS ã§ã§ãã‚‹ã˜ã‚ƒãªã„？ã€ã¨æ€ªè¨ã«æ€ã‚れる方もã„ã‚‹ã§ã—ょã†ãŒã€ã¾ãšã¯ã“ã® niftycube.js ã®ç‰¹å¾´ã‚’ã”覧ã‚れ。 主è¦æ©Ÿèƒ½ æ–‡æ›¸æ§‹é€ ä¸Šã€ç„¡æ„味ãªãƒ–ãƒãƒƒã‚¯è¦ç´ （div ãªã©ï¼‰ã‚’ HTML 上ã«è¨˜è¿°ã™ã‚‹ã“ã¨ãªãã€å˜ä¸€ã® div è¦ç´ ã«å¯¾ã—ã¦ã§ã‚‚角丸効果を出ã™ã“ã¨ãŒã§ãる。 （以å‰ã«ç´¹ä»‹ã—㟠behaviour.js ã®ã‚ˆã†ã«ï¼‰è§’丸効果をé©ç”¨ã™ã‚‹å ´æ‰€ã‚’ CSS セレクタã§æŒ‡å®šã§ãる。 CSS ã®èƒŒæ™¯è‰²ã‚„背景画åƒãªã©ã‚’ niftycube.js ãŒè‡ªå‹•çš„ã«æ¤œå‡ºã—ã¦ãれるãŸã‚ã€JavaScript ã®è¨˜è¿°é‡ãŒéžå¸¸ã«çŸã„。（JavaS
Tangerine UK Ltd - Kent Based Design and New Media Agency
Tangerine re-brands KABTangerine has recently been involved in the re-branding of... Welcome to Tangerine UK We are a fast-growing company specialising in providing design solutions that will help your business stand out from the crowd. Established in 2001, we have quickly earned our place as one of the leading design and new media agencies in Kent. We provide high quality services to a wide r
ã¦ã£ã煮ブãƒã‚° - JavaScript ã®è§’丸ライブラリã¾ã¨ã‚
JavaScriptJavaScript ã®è§’丸ライブラリã«ã¤ã„ã¦èª¿ã¹ã¦ã„ãŸã‚‰ã€RUZEE.Borders ã¨ã„ã†ã®ã‚’見ã¤ã‘ã¾ã—ãŸã€‚ã“ã„ã¤ãŒã‹ãªã‚Šã™ã”ã‹ã£ãŸã®ã§ã™ãŒã€ã¤ã„ã§ã«ä»–ã®è§’丸ライブラリã¨ã‚‚比較ã—ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ã©ã‚Œã‚‚ç”»åƒã¯ä½¿ç”¨ã›ãšã€div ã‚¿ã‚°ãªã©ã‚’ã„ã£ã±ã„作æˆã—ã¦ä¸¸ã見ã›ã¦ã„る力技ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ä»–ã«ã‚‚ã„ã„ã®ãŒã‚ã£ãŸã‚‰æ•™ãˆã¦ãã ã•ã„。Nifty Cube→サンプルNifty Corners ã®å¾Œç¶™ã€‚9KB (+CSS 2KB)角ã®ã‚µã‚¤ã‚ºã¯ 10px, 5px, 2px ã®ï¼“ã¤ã‹ã‚‰æŒ‡å®šborder ã¯æŒ‡å®šä¸å¯èƒ½ (div ã®å…¥ã‚Œåã«ã‚ˆã‚Š border ã£ã½ã見ã›ã‚‹ã“ã¨ã¯ã§ãã‚‹)背景画åƒã¸ã®å¯¾å¿œä¸æ˜ŽCSS セレクタ(一部)ã§æŒ‡å®šå¯èƒ½transcorners→サンプル㯠transcorners ã®ã‚µã‚¤ãƒˆä¸Šéƒ¨mootools å¿…é ˆã€‚prototype.js ã¨ã®çµ„ã¿åˆã‚ã›ãƒ リ（ãŸ
jmblog.jp - 角丸ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ - JavaScriptç·¨
今回ã¯ã€ç”»åƒã‚’使ã‚ãšã« JavaScript ã ã‘ã§è§’丸を実ç¾ã•ã›ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 角丸を表示ã™ã‚‹ãŸã‚ã® JavaScript ライブラリã¯æ•°å¤šãå˜åœ¨ã—ã¾ã™ã€‚ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ãƒ”ックアップã—ã¦ã¿ã¾ã—ãŸã€‚ » Nifty Corners Cube 有å㪠Nifty Corners ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã™ã€‚æらãã€ã“ã‚ŒãŒè§’丸用ライブラリã®å…ƒç¥–ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚åˆã‚ã¦è¦‹ãŸã¨ãã¯ã€ã€Œã“ã‚“ãªã“ã¨ãŒç”»åƒãªã—ã§ã§ãã¦ã—ã¾ã†ã®ã‹ãƒ¼ï¼ã€ã¨ã³ã£ãã‚Šã—ã¾ã—ãŸã€‚ã¾ã ã”å˜ã˜ãªã„方もã€ã‚µãƒ³ãƒ—ルを見れã°ãã£ã¨é©šãã¯ãšã€‚使ã„方もã™ã”ãシンプルã§ã™ã€‚ã©ã†ã„ã†ä»•çµ„ã¿ã«ãªã£ã¦ã„ã‚‹ã‹ã¯ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒšãƒ¼ã‚¸ã«è©³ã—ã解説ãŒã‚ã‚Šã¾ã™ã€‚ » curvyCorners アンãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒå£²ã‚Šã®ãƒ©ã‚¤ãƒ–ラリ。背景ã«ç”»åƒãŒã‚ã£ã¦ã‚‚ãã‚Œã„ã«è¦‹ãˆã¾ã™ã€‚（デモ） » Mochikit Ajax ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ UI を実ç¾ã•ã›ã‚‹ãŸã‚ã® J
角丸画åƒã‚’瞬時ã«ç”Ÿæˆã™ã‚‹Googleã®éš ã‚ŒAPIï¼ | p o p * p o p
ã“ã‚Œã¯ã™ã”ã„・・・Googleã®éš ã‚ŒAPI（？）を見ã¤ã‘ã¦ã—ã¾ã£ãŸäººãŒã„ã¾ã™ã€‚Web 2.0ç³»ã§ã‚ˆã使ã‚れる角丸用ã®éƒ¨å“ã‚’ç°¡å˜ã«ã¤ãã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ » Zach’s Journal – google’s own cornershop 例ãˆã°ã€Google グループã®ãƒšãƒ¼ã‚¸ã®ä¸¸è§’ã¯ä¸‹è¨˜ã®URLã§ç”Ÿæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生æˆã•ã‚Œã‚‹ç”»åƒã¯ä»¥ä¸‹ã€‚ ãã—ã¦ã”推測ã®ã¨ãŠã‚Šã€ãƒ‘ラメーターをã„ã˜ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ãŸã¨ãˆã°ä¸‹è¨˜ã®ã‚ˆã†ãªç”»åƒã‚’自由自在ã§ã™ã€‚ 以下ã€ãƒ‘ラメーターã®è©³ç´°ã§ã™ã€‚ c：色を指定ã—ã¾ã™ã€‚色ã®åå‰ï¼ˆaqua, black, blue, fuchsia, gray, green, lime, maroon, navy
CSSã¨JavaScriptã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を自在ã«æ“るライブラリ『Transcornersã€:phpspot開発日誌
CSSã¨JavaScriptã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を自在ã«æ“るライブラリ『Transcorners〠2006å¹´10月01æ—¥- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSã¨JavaScriptã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を自在ã«æ“るライブラリ『Transcornersã€ã€‚ mootoolsをフレームワークã¨ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ 次ã®ã‚ˆã†ã«ã€å·¦ä¸‹ã®å¤§ããªè§’丸やã€å³ä¸Šã®ä¸€éƒ¨åˆ‡ã‚Šå–ã£ãŸã‚ˆã†ãªè§’ã‚‚ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ 大ããªè§’丸を作るã«ã¯ã€radiusã¨ã„ã†ãƒ—ãƒãƒ‘ティを大ãã指定ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã§ãã¾ã™ã€‚ ã“ã®
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
角丸javascriptライブラリ『curvyCornersã€ã‚’使ã£ã¦ã¿ã‚‹ - to-R
[CSS3] Firefoxã§ã‚‚Safariã§ã‚‚見られる丸角ボックスを作る
{{#tags}}- {{label}}
{{/tags}}