CSS3 Gradient Buttons - Web Designer Wall
Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part
ブラウザー上ã§å‹•ã iPhone-style トグルスイッãƒ
ã“ã“ã®ã¨ã“ã‚「iPhoneアプリã®UIã®å¤§åŠï¼ˆã²ã‚‡ã£ã¨ã—ãŸã‚‰ã‚¢ãƒ—リã™ã¹ã¦ï¼‰ã‚’HTML+JavaScript+CSSã§ä½œã‚‹ã“ã¨ã¯ã§ããªã„ã‹ï¼Ÿã€ã«æŒ‘戦ã—ã¦ã„ã‚‹ç§ã€‚ ãã®ãŸã‚ã«ã¾ãšã¯éƒ¨å“作りã‹ã‚‰ã¨ã‚Šã‹ã‹ã£ã¦ã„ã‚‹ã®ã ãŒã€æ˜¨æ—¥ã‹ã‚‰ä»Šæ—¥ã«ã‹ã‘ã¦ä½œã£ãŸã®ã¯ã€ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒ»ãƒãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒˆã‚°ãƒ«ã‚¹ã‚¤ãƒƒãƒãªã©ã®ã€Œé€£ç¶šå€¤ãƒ»ä¸é€£ç¶šå€¤ã€ã‚’表示・入力用UIコントãƒãƒ¼ãƒ«ã‚’ウェブページ上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®JavaScriptライブラリ。 見ãŸç›®ï¼ˆLook&Feel）ã¯CSSを使ã£ã¦è‡ªç”±ã«æŒ‡å®šã§ãるよã†ã«ä½œã‚Šã¤ã¤ã€ã‚·ãƒ³ãƒ—ルã§ã‚ã‚ŠãªãŒã‚‰ã„ã‚ã„ã‚ãªå ´é¢ã§ä½¿ã„回ã—ãŒããライブラリを作りãŸã‹ã£ãŸã®ã§ã€ä½•åº¦ã‚‚リファクタリングを繰り返ã—ã¦ã—ã¾ã£ãŸãŒã€ãªã‚“ã¨ã‹å½¢ã«ãªã£ã¦ããŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãã®ãƒ©ã‚¤ãƒ–ラリ（jTouchControl version 0.10）を使ã£ãŸiPhone風トグルスイッãƒã‚’公開。一応ã€Safari (4.0),
CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–型インターフェイス37é¸ -noupe | コリス
noupeã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ37+ Great Ajax, CSS Tab-Based Interfacesã€ã‹ã‚‰ã€CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–型インターフェイス37é¸ã®ç´¹ä»‹ã§ã™ã€‚ 37+ Great Ajax, CSS Tab-Based Interfaces 自動ã§åˆ‡ã‚Šæ›¿ã‚るタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライドå¼ã®ã‚¿ãƒ–型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用ã—ãŸã‚¿ãƒ–型インターフェイス Ajax Tabs Content Script (v 2.1) é–‰ã˜ã‚‹ã“ã¨ã‚‚å¯èƒ½ãªã‚¿ãƒ–型インターフェイス Tab Panels Close
本文ã®ä¸‹ã®ã»ã†ã‚’Fade Outã—ã¦ãƒ•ãƒƒã‚¿ãƒ¼ã‚’際立ãŸã›ã‚‹æ–¹æ³• | SiMPLE*SiMPLE
本文ã®ä¸‹ã®ã»ã†ã‚’Fade Outã—ã¦ãƒ•ãƒƒã‚¿ãƒ¼ã‚’際立ãŸã›ã‚‹æ–¹æ³• May 9, 2007 8:08 AM written by 8maki fortuitousã¨ã„ã†ãƒ–ãƒã‚°ã«ã¯ã€ã¡ã‚‡ã£ã¨æ¥½ã—ã„å°ç´°å·¥ãŒã€‚ 本文ã®ä¸‹ã®ã»ã†ã«è¡Œãã¨æ–‡å—ã‚„ç”»åƒãŒFade Outã—ã¦ã„ãã¾ã™ã€‚フッターã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã†ã‹ã³ã‚ãŒã£ã¦ãるよã†ã«è¦‹ãˆã¦ãƒ¦ãƒ‹ãƒ¼ã‚¯ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å®Ÿç¾æ–¹æ³•ãŒãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã®ã§çš†ã•ã‚“も考ãˆã¦ã¿ã¦ãã ã•ã„。 実ã¯ã“ã‚Œã€CSSã‚„Javascriptを一切使ã‚ãšã€ç”»åƒã‚’ã¡ã‚‡ã“ã£ã¨ã„ã˜ã£ãŸã ã‘ã§å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ ãªã‚“ã¨ä¸ŠåŠåˆ†ã‚’白ã®é€éŽç”»åƒã«ã—ã¦ã„ã‚‹ã ã‘ãªã®ã§ã™ã€‚ã‚ã‹ã£ã¦ã—ã¾ã†ã¨ã€ã€Œã‚ーã€ãªã‚“ã 。ã€ã¨æ€ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€æ„外ã¨æ€ã„ã¤ã‹ãªã„発想ã‹ã‚‚。 ãŸã£ãŸã“ã‚Œã ã‘ã§ã‚‚ブãƒã‚°ã‚„サイトã«ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚’åŠ ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã€ä»–ã«ã‚‚ã„ã‚ã„ã‚ã¨ãŠæ‰‹è»½ãªæ‰‹æ³•ãŒè»¢ãŒã£ã¦ã„ãã†ã§ã™ã。 » fortuitous ■追記（2007-05
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://browsersize.googlelabs.com/
{{#tags}}- {{label}}
{{/tags}}