[B! label] tetsukampã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tetsukamp id:tetsukamp

labelã«é–¢ã™ã‚‹tetsukampã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¾Žã—ãè£…é£¾ã™ã‚‹æ–¹æ³•
2014å¹´8æœˆ22æ—¥ CSS, jQuery ã©ã‚“ãªWebã‚µã‚¤ãƒˆã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã€‚ãªã‚“ã®è£…é£¾ã‚‚ãªãå‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯CSS3ã¨jQueryã‚’ä½¿ã£ã¦ã‚ˆã‚Šç¾Žã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ ä»Šå›žãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari ãƒ•ã‚©ãƒ¼ãƒ åˆ¶ä½œã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ï¼Ÿã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„å¤–ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯
tetsukamp 2010/10/29
label

jquery

css3

form

input

design

option

checkbox

radio
ãƒªãƒ³ã‚¯
BonBon Buttons - Sweet CSS3 buttons
Button Search Stars Home Play Share Love Quit Upload RSS There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. Markup I get a real kick out of trying to keep the markup minimal, so I'm really
tetsukamp 2010/09/15
label

button

css3
ãƒªãƒ³ã‚¯
ä¼Šäººç²¾å“ä¹…ä¹…ä¹…ä¹…7777,äºšæ´²äººæˆäººç½‘ç«™åœ¨çº¿è§‚çœ‹,äºšæ´²æ—¥éŸ©ç²¾å“æ— ç AVæµ·é‡,åå…¬äº¤è½¦è¢«Cäº†2ä¸ªå°æ—¶
ä¼Šäººç²¾å“ä¹…ä¹…ä¹…ä¹…7777,äºšæ´²äººæˆäººç½‘ç«™åœ¨çº¿è§‚çœ‹,äºšæ´²æ—¥éŸ©ç²¾å“æ— ç AVæµ·é‡,åå…¬äº¤è½¦è¢«Cäº†2ä¸ªå°æ—¶,æš–æš– æ—¥æœ¬ è§†é¢‘ é«˜æ¸…åœ¨çº¿è§‚çœ‹,å…è´¹ç½‘ç«™æ£èƒ½é‡WWWè½¯ä»¶ç›´æ’,äºšæ´²Aâ…¤ç²¾å“ä¸€åŒºäºŒåŒºä¸‰åŒº
tetsukamp 2010/05/10
jquery

plugin

watermark

placeholder

label

slide
ãƒªãƒ³ã‚¯
[JS]ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ãƒ©ãƒ™ãƒ«ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sliding Labels
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ã€å…¥åŠ›æ¬„ã«é…ç½®ã•ã‚ŒãŸãƒ©ãƒ™ãƒ«ãŒæž å¤–ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹•ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’CSS Karmaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Form Design with Sliding Labels ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚¯ãƒ¼ãƒ«ã§ã™ãŒã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã£ãã‚Šã§ãã‚‹ã®ã‚‚ã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å¤§ããªç‰¹é•·ã§ã™ã€‚ é€šå¸¸ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é©ç”¨ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®é©ç”¨ã¨ä¸‰æ®µéšŽã‚’æ¯”ã¹ã¦ã¿ã¾ã™ã€‚
tetsukamp 2010/01/25
form

design

jquery

label

input
ãƒªãƒ³ã‚¯
Inline Form Labels | Playground from ZURB
Awesome Inline Form Labels How to create inline labels that don't suck, using CSS3 and some simple javascript. Note: Demo works best in Safari 4.x and Chrome 5. In Firefox you won't see the label fading back (transition). Hey there! This demo is pretty old. Thanks to HTML5, there's now a much easier way to create placeholder text for text fields, and without any JavaScript! Just add the placeholde
tetsukamp 2009/12/17
label

input

text

class

css3

css
ãƒªãƒ³ã‚¯
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹10ã®Tips
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ãƒ‘ãƒ¯ãƒ¼ã€ã‚¹ã‚ãƒ«å…¨é–‹ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãƒ–ãƒ¬ãƒ¼ã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ãƒ¼ï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ãƒ¼ã‚¹ãƒˆã¾ã§ã€æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ã§é€Ÿã„è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚·ãƒ•ãƒˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ãä½¿ã£ã¦ç«¶äº‰ã‚’æ‰“ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ æ™´ã‚‰ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚ãªãŸã®å¿ƒã‚’çˆ†ç™ºã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—ãƒ¬ã‚¤ã—ãŸã“ã¨ã®ãªã„ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è©¦ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„çž¬é–“ã«ã‚®ã‚¢ã‚’ã‚·ãƒ•ãƒˆã—ã€ã‚¬ã‚¹ã‚’æ€ã„åˆ‡ã‚Šè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚‚è¡Œã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä¸–ç•Œä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
tetsukamp 2009/12/09
label

input

tips

form

ui

usability
ãƒªãƒ³ã‚¯
tableã®è¡Œã¨åˆ—ã‚’å›ºå®šã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ï¼Super Tables | ãƒã‚·ãƒ£ãƒã‚°ã€‚
6æœˆã«å…¥ã‚Šã€æ¬§å·žã‚µãƒƒã‚«ãƒ¼ã®ç§»ç±æƒ…å ±ãŒæ°—ã«ãªã£ã¦ã—ã‚‡ã†ãŒãªã„ishidaã§ã™ã€‚ WEBåˆ¶ä½œã«æºã‚ã£ã¦ã„ã‚‹ã¨ã€è¡¨çµ„ã¿ã ã‚‰ã‘ã®WEBã‚µã‚¤ãƒˆã®æ‹…å½“ã« é•·ã„äººç”Ÿã«ä¸€åº¦ã‚„äºŒåº¦ã¯ãªã‚‹ï¼ˆ?ï¼‰ã¨æ€ã„ã¾ã™ã€‚ tableã«ã‚ˆã‚‹è¡¨çµ„ã¿ã¯ã€è¡Œã‚„åˆ—ãŒå¢—ãˆã™ãŽã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‹ã‚‰ã¯ã¿å‡ºã—ãŸã‚Šã—ã¦ è¦‹æ „ãˆãŒæ‚ªããªã‚Šã¾ã™ã‚ˆãã€‚ ãã‚“ãªè¿·ãˆã‚‹åç¾ŠãŸã¡ã‚’åŠ©ã‘ã¦ãã‚Œã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª Super Tables ã‚’ä»Šå›žã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ ã¾ãšã¯ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã¾ã›ã€‚ Super Tables ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ã‚’å›ºå®šã—ãŸã‚Šã€åˆ—ã‚’å›ºå®šã§ãã¾ã™ã€‚ Super Tables è¨ç½®æ–¹æ³• é…å¸ƒãƒšãƒ¼ã‚¸ã‚ˆã‚Šãƒ‡ãƒ¼ã‚¿ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€åˆ©ç”¨ã—ãŸã„htmlã®headè¦ç´ ãªã©ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link rel="stylesheet" href="superTa bles.css" typ
tetsukamp 2009/12/08
table

css

javascript

scroll

header

label
ãƒªãƒ³ã‚¯
Super Tables Demo
Super Tables ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ã‚µãƒƒã‚«ãƒ¼é¸æ‰‹ã®é«˜é¡ç§»ç±é‡‘ãƒ©ãƒ³ã‚ãƒ³ã‚° ãƒ˜ãƒƒãƒ€ãƒ¼ã®ã¿å›ºå®šã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å ´åˆ No. åå‰ ç§»ç±å…ƒ ç§»ç±å…ˆ ç§»ç±å¹´åº¦ ç§»ç±é‡‘ 1ä½ ã‚¯ãƒªã‚¹ãƒ†ã‚£ã‚¢ãƒ¼ãƒŽãƒ»ãƒãƒŠã‚¦ãƒ‰ ãƒžãƒ³ãƒã‚§ã‚¹ã‚¿ãƒ¼ãƒ»ãƒ¦ãƒŠã‚¤ãƒ†ãƒƒãƒ‰ ãƒ¬ã‚¢ãƒ«ãƒ»ãƒžãƒ‰ãƒªãƒ¼ãƒ‰ 2009å¹´ 9400ä¸‡ãƒ¦ãƒ¼ãƒ 2ä½ ã‚¸ãƒãƒ‡ã‚£ãƒ¼ãƒŒãƒ»ã‚¸ãƒ€ãƒ³ ãƒ¦ãƒ™ãƒ³ãƒˆã‚¹ ãƒ¬ã‚¢ãƒ«ãƒ»ãƒžãƒ‰ãƒªãƒ¼ãƒ‰ 2001å¹´ 7500ä¸‡ãƒ¦ãƒ¼ãƒ 3ä½ ã‚«ã‚« ACãƒŸãƒ©ãƒ³ ãƒ¬ã‚¢ãƒ«ãƒ»ãƒžãƒ‰ãƒªãƒ¼ãƒ‰ 2009å¹´ 6500ä¸‡ãƒ¦ãƒ¼ãƒ 4ä½ ãƒ«ã‚¤ã‚¹ãƒ»ãƒ•ã‚£ãƒ¼ã‚´ FCãƒãƒ«ã‚»ãƒãƒŠ ãƒ¬ã‚¢ãƒ«ãƒ»ãƒžãƒ‰ãƒªãƒ¼ãƒ‰ 2000å¹´ 6100ä¸‡ãƒ¦ãƒ¼ãƒ 5ä½ ã‚¨ãƒ«ãƒŠãƒ³ãƒ»ã‚¯ãƒ¬ã‚¹ãƒ ãƒ‘ãƒ«ãƒž ãƒ©ãƒ„ã‚£ã‚ª 2000å¹´ 5600ä¸‡ãƒ¦ãƒ¼ãƒ 6ä½ ã‚¬ã‚¤ã‚¹ã‚«ãƒ»ãƒ¡ãƒ³ãƒ‡ã‚£ã‚¨ã‚¿ ãƒãƒ¬ãƒ³ã‚·ã‚¢ ãƒ©ãƒ„ã‚£ã‚ª 2001å¹´ 4800ä¸‡ãƒ¦ãƒ¼ãƒ 7ä½ ãƒªã‚ªãƒ»ãƒ•ã‚¡ãƒ¼ãƒ‡ã‚£ãƒŠãƒ³ãƒ‰ ãƒªãƒ¼ã‚ºãƒ»ãƒ¦ãƒŠã‚¤ãƒ†ãƒƒãƒ‰ ãƒžãƒ³ãƒã‚§ã‚¹ã‚¿ãƒ¼ãƒ»ãƒ¦ãƒŠã‚¤ãƒ†ãƒƒãƒ‰ 2002å¹´ 4700ä¸‡ãƒ¦ãƒ¼ãƒ 8ä½
tetsukamp 2009/12/08
table

scroll

header

label
ãƒªãƒ³ã‚¯
1