フォームã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ï¼ˆ1） - builder by ZDNet Japan
フォームã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ フォームã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰æƒ…å ±ã‚’é€ã£ã¦ã‚‚らã†ã®ã«æ¬ ã‹ã›ãªã„è¦ç´ ã 。ユーザーãŒå…¥åŠ›ã§è¿·ã†ã“ã¨ã®ãªã„よã†ã«ã€ã‚ã‹ã‚Šã‚„ã™ãデザインã™ã‚‹ã“ã¨ãŒæ±‚ã‚られるè¦ç´ ã§ã‚‚ã‚る。 CSSã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„å…¥åŠ›é …ç›®ã®çŠ¶æ…‹ã«å¿œã˜ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¨å®šã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ãŒã•ã¾ã–ã¾ã«å®šç¾©ãƒ»æ案ã•ã‚Œã¦ãŠã‚Šã€Firefoxã‚„Safariã®å¯¾å¿œã‚‚進んã§ã„る。ãã“ã§ä»Šå›žã‹ã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢é€£ã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚’紹介ã™ã‚‹ã€‚ ユーザーã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«å¿œã˜ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹ :hoverã¨ã„ã£ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚’利用ã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«å¿œã˜ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãる。一般的ã«ã¯ãƒªãƒ³ã‚¯éƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変ãˆã‚‹ã®ã«åˆ©ç”¨ã™ã‚‹ãŒã€ãƒ•ã‚©ãƒ¼ãƒ 部分ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã 。利用ã§ãるセレクタã¯æ¬¡ã®ï¼“種類ã¨ãªã£ã¦ã„る。 :hover é …ç›®ã«ã‚«ãƒ¼ã‚½ãƒ«ï¼ˆãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿
[JS]フォームã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒœã‚¿ãƒ³ã‚’ç”»åƒã«å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Styling File Inputs
Styling File Inputsã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒœã‚¿ãƒ³(input type="file")ã‚’JavaScriptã¨CSSã§ã€å¥½ããªç”»åƒã«å¤‰æ›´ã§ãるスクリプトã§ã™ã€‚
Styling File Inputs with CSS and the DOM // ShaunInman.com
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with File inputs (<input type="file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. Bef
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
hail2u.net - Weblog - 二é‡æž 線ボタン
ã©ã“ã‹ã§ã€Œãƒ•ã‚©ãƒ¼ãƒ ・ボタンã®ãƒœãƒ¼ãƒ€ãƒ¼ã«doubleを指定ã™ã‚‹ã¨ã‚«ãƒƒã‚³ã‚¤ã‚¤ãœï¼ã€ã¿ãŸã„ãªã®ã‚’見ã¤ã‘ã¦ã€1週間ã»ã©å‰ã‹ã‚‰ä½¿ã£ã¦ã¿ã¦ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ãŒã€ã“ã‚Œã¯ãªã‹ãªã‹è‰¯ã„æ°—ãŒã™ã‚‹ã€‚ã¨ã‚Šã‚ãˆãšæ†¶ãˆã¦ãŠãã¨å³æˆ¦åŠ›ã«ãªã‚Šã¾ã™ã€‚ doubleã ã¨ã‚«ãƒƒã‚³ã‚¤ã‚¤ã¨ã¯è¨€ã£ã¦ã‚‚ã€å®Ÿã¯å˜ã«doubleã«ã™ã‚Œã°è‰¯ã„ã‚ã‘ã§ã¯ãªã„よã†ã§ã€å››è¾ºã®borderを別個ã«æŒ‡å®šã—ã€ã†ã¾ã„ã“ã¨ãƒ™ãƒ™ãƒ«ã£ã½ãã—ãªã„ã¨ãƒ€ãƒ¡ãªæ„Ÿã˜ã€‚ 僕ã¯ã‚·ãƒ£ã‚¤ã§å£ä¸‹æ‰‹(エイプリルフールã¯éŽãŽãŸã®ã«ãƒã‚¿ã£ã½ã„)ãªã®ã§ã€è¨€è‘‰ã§ã¯èª¬æ˜Žã§ããªã„ãŸã‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒœã‚¿ãƒ³ã‹ã‚‰CSSã®ãƒ«ãƒ¼ãƒ«ã‚’増やã—ã¦ã„ã£ã¦ã‹ã£ã“よã•ã’ãªãƒœã‚¿ãƒ³ã‚’作るプãƒã‚°ãƒ¬ã‚¹ã‚’HTMLã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ borderã®ã‚µã‚¤ã‚ºã¯ã„ã‚ã„ã‚試ã—ã¦ã¿ã‚Œã°ã‚ã‹ã‚Šã¾ã™ãŒã€3pxã˜ã‚ƒãªã„ã¨ã†ã¾ã„ã“ã¨ã¾ã¨ã¾ã£ã¦ãã‚Œã¾ã›ã‚“。 フォーム部å“ã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã¯å›°ã£ãŸã‚‚ã®ãªã®ã§ã€ã“ã†ã„ã£ãŸå³æˆ¦åŠ›ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’憶ãˆã¦ãŠãã¨ãªã‹ãª
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://twitter.com/noriaki/statuses/830583151
{{#tags}}- {{label}}
{{/tags}}