[B! html][color] three_beeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

three_bee id:three_bee

htmlã¨colorã«é–¢ã™ã‚‹three_beeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

IEçµ‚äº†å¾Œã«Webåˆ¶ä½œã®ç¾å ´ã§ä½¿ãˆã‚‹HTML&CSSã‚³ãƒ¼ãƒ‰14é¸ï¼ãŠã•ãˆã¦ãŠããŸã„ã‚³ãƒ¼ãƒ‰ã‚’é›†ã‚ã¦ã¿ãŸ | Pulp Note
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‹ã‚‰æ£å¼ã«Internet Explorer 11 ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã‚’çµ‚äº†ã™ã‚‹ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚æœŸé™ã¯2022å¹´6æœˆ15æ—¥ã§ã™ã€‚Webã‚µã‚¤ãƒˆåˆ¶ä½œè€…ã¨ã—ã¦ã¯æ“å–œã®å‡ºæ¥äº‹ã§ã™ãã€‚ ãŸã ã€IEã‚’æ°—ã«ã—ãªãã¦ã‚‚ã„ã„ã¨ã„ã†äº‹ã¯ã€IEå¯¾å¿œã‚’ã—ã¦ããŸã‚³ãƒ¼ãƒ‰ã®è¦‹ç›´ã—ã‚‚å¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€IEæœªå¯¾å¿œã§æ³£ãæ³£ãã‚¹ãƒ«ãƒ¼ã—ã¦ããŸå³æˆ¦åŠ›ãªHTMLã‚„CSSã‚³ãƒ¼ãƒ‰ã‚’14å€‹ç´¹ä»‹ã—ã¾ã™ã€‚2022å¹´6æœˆä»¥é™ã®ãŸã‚ã«ä»Šã‹ã‚‰çŸ¥è˜ã‚’è“„ãˆã¦ãŠã„ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ ã¡ãªã¿ã«ã€ã€ŽWindows10 LTSCã€ã‚„ã€ŽWindows Serverä¸Šã®Internet Explorer11 ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€ã¨ã„ã£ãŸä¸€éƒ¨ã®IE11ã«ã¯å½±éŸ¿ã¯ãªã„ã¨ã®äº‹ã§ã™ãŒã€ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã™ã‚‹ã€ŽWindows10ã®Internet Explorerã€ã¯ã‚µãƒãƒ¼ãƒˆå¯¾è±¡å¤–ã¨ãªã‚Šã¾ã™ã®ã§ã€ã“ã‚Œã¯IEçµ‚äº†ã¨
three_bee 2021/05/21
css

ã‚³ãƒ¼ãƒ‰

grid

ã‚µã‚¤ãƒˆ

color

background

ie

html

web

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸›à¹„à¸”à¹‰à¹€à¸¥à¸¢
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¹€à¸›à¹‡à¸™à¸—à¸²à¸‡à¹€à¸¥à¸·à¸à¸à¸—à¸µà¹ˆà¸™à¹ˆà¸²à¹€à¸Šà¸·à¹ˆà¸à¸–à¸·à¸à¸ªà¸³à¸«à¸£à¸±à¸šà¸œà¸¹à¹‰à¹€à¸¥à¹ˆà¸™à¸—à¸µà¹ˆà¸•à¹‰à¸à¸‡à¸à¸²à¸£à¸„à¸§à¸²à¸¡à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹ƒà¸™à¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸”à¹‰à¸§à¸¢à¸£à¸°à¸šà¸šà¸„à¸§à¸²à¸¡à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸£à¸°à¸”à¸±à¸šà¸ªà¸¹à¸‡à¹à¸¥à¸°à¸à¸²à¸£à¸•à¸£à¸§à¸ˆà¸ªà¸à¸šà¸à¸¢à¹ˆà¸²à¸‡à¹€à¸‚à¹‰à¸¡à¸‡à¸§à¸” à¸„à¸¸à¸“à¸ªà¸²à¸¡à¸²à¸£à¸–à¸§à¸²à¸‡à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²à¸—à¸¸à¸à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¸‚à¸à¸‡à¸„à¸¸à¸“à¸ˆà¸°à¹€à¸›à¹‡à¸™à¹„à¸›à¸à¸¢à¹ˆà¸²à¸‡à¸¢à¸¸à¸•à¸´à¸˜à¸£à¸£à¸¡à¹à¸¥à¸°à¹‚à¸›à¸£à¹ˆà¸‡à¹ƒà¸ª à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸™à¸µà¹‰à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸ˆà¸²à¸à¸«à¸™à¹ˆà¸§à¸¢à¸‡à¸²à¸™à¸—à¸µà¹ˆà¹€à¸à¸µà¹ˆà¸¢à¸§à¸‚à¹‰à¸à¸‡ à¸—à¸³à¹ƒà¸«à¹‰à¸„à¸¸à¸“à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸”à¹‰à¸à¸¢à¹ˆà¸²à¸‡à¸ªà¸´à¹‰à¸™à¹€à¸Šà¸´à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² à¸™à¸à¸à¸ˆà¸²à¸à¸™à¸µà¹‰ à¸—à¸µà¸¡à¸‡à¸²à¸™à¸¡à¸·à¸à¸à¸²à¸Šà¸µà¸žà¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸•à¸¥à¸à¸” 24
three_bee 2017/08/09
banner

ã‚»ãƒ¬ã‚¯ã‚¿

color

css

ã‚ã¨ã§èªã‚€

webdesign

techfeed

HTML

è¨è¨ˆ

jQuery
ãƒªãƒ³ã‚¯
[CSS]ãƒ†ã‚ã‚¹ãƒˆã®å·¦å³ã«æ°´å¹³ãƒ©ã‚¤ãƒ³ã‚’ã™ã…ãƒ¼ãƒ¼ãƒ¼ã£ã¨å¼•ãã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
hn, pãªã©ã®è¦ç´ ã‚’ä½¿ã£ãŸãƒ†ã‚ã‚¹ãƒˆã®å·¦å³ã«ã€æ°´å¹³ãƒ©ã‚¤ãƒ³ã‚’å¤©åœ°ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã€ã‚«ãƒ©ãƒ¼ã‚„ã‚µã‚¤ã‚ºã®èª¿æ•´ã‚‚ç°¡å˜ã€èƒŒæ™¯ç”»åƒã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã¯5ã¤ã€‚ ç”»åƒã¯ä½¿ç”¨ã—ãªã„ã€‚ spanãªã©ã€ä½™åˆ†ãªHTMLã¯ä½¿ç”¨ã—ãªã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã‚’å¤§ããã—ã¦ã‚‚è‡ªå‹•ã§èª¿æ•´ã•ã‚Œã‚‹ã€‚ å¯å¤‰ã€‚ èƒŒæ™¯ãŒç”»åƒã§ã‚‚æ°´å¹³ãƒ©ã‚¤ãƒ³ãŒç¶ºéº—ã«æã‹ã‚Œã‚‹ã€‚ å®Ÿéš›ã®å‹•ä½œã¯ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã§ç¢ºèªã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IE9+ã§ã”è¦§ãã ã•ã„ã€‚ Heading Side Lines HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€hnã‚„pè¦ç´ ã®ã¿ã§å®Ÿè£…ã§ãã¾ã™ã€‚ classã‚’ä½¿ç”¨ã™ã‚Œã°æ°´å¹³ãƒ©ã‚¤ãƒ³æœ‰ã‚Šãƒ»ç„¡ã—ã®å…±å˜ã‚‚å¯èƒ½ã§ã™ã€‚ <body> <h2>ãƒ†ã‚ã‚¹ãƒˆã®å·¦å³ã«</h2> <h3 class="lines-on-sides">æ°´å¹³ã®ãƒ©ã‚¤ãƒ³ã‚’æã</h3> </bo
three_bee 2014/04/21
eM

HTML

css

ie9

display

background

ie

color
ãƒªãƒ³ã‚¯
[CSS]ã“ã®ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã‚ã„ã„ï¼è¶ç•ªã‚’è»¸ã«ã·ã‚‰ã€œã‚“ã¨é–‹ãCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
Twitterã®ãƒœã‚¿ãƒ³ã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€è¶ç•ªã‚’è»¸ã«é–‹ãã‹ã‚ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‘ã‚¿ãƒªã¨é–‹ã„ãŸå¾Œã€ã·ã‚‰ã€œã‚“ã¨ã™ã‚‹ã®ã„ã„ã§ã™ãã€‚ Hinged Twitter Button å®Ÿè£…ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ HTML Twitterã®ã‚¢ã‚¤ã‚³ãƒ³ã«ã¯Font AwesomeãŒä½¿ã‚ã‚Œã¦ãŠã‚Šã€ã‚¢ã‚¤ã‚³ãƒ³ã€ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã€è¶ç•ªã‚’ãã‚Œãžã‚Œspanè¦ç´ ã§é…ç½®ã—ã¦ã„ã¾ã™ã€‚ <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <a href="http://twitter.com/jonitrythall"> <span class="button"> <i class="fa fa-twitter"></i> </span> <span cl
three_bee 2014/02/27
box-shadow

color

background

ad

Box

button

css

HTML

Font
ãƒªãƒ³ã‚¯
[CSS]ã”ãã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã¨CSSã§å®Ÿè£…ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ã„ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ãƒ¢
æœ€å°é™ã®ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã¨CSSã§å®Ÿè£…ã™ã‚‹ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ãƒ¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ï¼šMega Menuã‚ªãƒ¼ãƒ—ãƒ³æ™‚ HTML HTMLã¯ã€ãƒˆãƒªã‚¬ãƒ¼ã¨ãªã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒªã‚¹ãƒˆã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã®3ã¤ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚³ãƒ¼ãƒ‰ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ <input type="checkbox" id="nav"> <label for="nav" class="entypo-menu"></label> <nav> <ul> <h2>ã‚«ãƒ†ã‚´ãƒª</h2> <li><a href="#">ã‚¢ã‚¤ãƒ†ãƒ </a></li> <li><a href="#">ã‚¢ã‚¤ãƒ†ãƒ </a></li> <li><a href="#">ã‚¢ã‚¤ãƒ†ãƒ </a></li> </ul> <ul> <h2>ã‚«ãƒ†ã‚´ãƒª</h2> <li><a href="#">ã‚¢ã‚¤ãƒ†ãƒ </a></li> <l
three_bee 2014/02/05
css

HTML

color

font-family

Font

display

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

menu

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«è¦‹ã¦ã»ã—ã„ï¼ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãƒ»ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¾ã¨ã‚15é¸ | nanapi [ãƒŠãƒŠãƒ”]
ã¯ã˜ã‚ã« (image by å†™çœŸAC) ãŸã ã§ã•ãˆæ™‚é–“ã®ã‹ã‹ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å°‘ã—ã§ã‚‚æ¥½ã«ã—ãŸã„ã¨æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ1èªžã§ã‚‚é–“é•ã†ã¨ã€å…¨ã¦ãŒãƒ€ãƒ¡ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚„ãƒã‚§ãƒƒã‚¯è‡ªä½“ã¯æ€ ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“ãŒã€ãã‚Œä»¥å¤–ã®éƒ¨åˆ†ã§æ¥½ã§ãã‚‹éƒ¨åˆ†ã¯æ¥½ã—ã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ã‚¤ãƒ¡ãƒ¼ã‚¸ã«è¦‹åˆã†è‰²ã®ã‚³ãƒ¼ãƒ‰ã‚„ã€ã‚ˆãä½¿ã†åŸºæœ¬çš„ãªã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã‚³ãƒ”ãºãŒä¾¿åˆ©ã§ã™ã€‚ä»Šæ—¥ã¯ã€ãƒ—ãƒã‚¢ãƒžå•ã‚ãšã€å…¨ã¦ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€Webåˆ¶ä½œè€…ã«è¦‹ã¦ã‚‚ã‚‰ã„ãŸã„ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ 200ã‚’è¶…ã™è‰²ã®ã‚³ãƒ¼ãƒ‰ã‚’å…¨ã¦è¦šãˆã‚‹ã®ã¯ä¸å¯èƒ½ã§ã™ãŒã€æœ¬ã‚’æ‰‹ç¹°ã‚‹ã®ã‚‚æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã‚ˆãã€‚ã¨ã„ã†ã‚ã‘ã§ã€ä¸€ç›®ã§ã‚ã‹ã‚‹ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã®ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãã‚Œãžã‚Œå°‘ã—ãšã¤æ€§æ ¼ãŒé•ã†ã®ã§ã€ãã®æ™‚ã€…ã€ãƒ¬ãƒ™ãƒ«ã«å¿œã˜ã¦ä½¿ã„åˆ†ã‘ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã«æœ€ä½Žé™ã®ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒçŸ¥ã‚ŠãŸã„æ™‚ è‰²ã®ç¨®é¡žãŒå¤šããªãã€ä½™åˆ†
three_bee 2013/12/17
HTML

color
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ã‚µã‚¯ãƒƒã¨ä½œã‚Œã‚‹skrollr
ã€Œskrollrã€ã¯ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆè¦–å·®åŠ¹æžœï¼‰ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‹•ç”»ã‚’è¦‹ã¦ã„ãŸã ã‘ã‚Œã°ã‚ã‹ã‚Šã¾ã™ãŒã€éžå¸¸ã«å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€åŸºæœ¬çš„ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã§ã‚ã‚Œã°ã€ã‚µã‚¯ãƒƒã¨ä½œã‚Œã¾ã™ã€‚ step1 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®èªã¿è¾¼ã¿ jQueryæœ¬ä½“ã‚’jQueryã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ã€skrollrã‚’é…å¸ƒãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ã‚‡ã†ã€‚skrollrã¯GitHubã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ãƒšãƒ¼ã‚¸å³ä¸‹ã®ã€ŒDownload ZIPã€ã¨ã„ã†ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ jQueryæœ¬ä½“ã¨ã€Œdistã€ãƒ•ã‚©ãƒ«ãƒ€ã«å…¥ã£ã¦ã„ã‚‹ã€Œskrollr.min.jsã€ã‚’ã€åˆ©ç”¨ã™ã‚‹Webãƒšãƒ¼ã‚¸ã®bodyã®é–‰ã˜ã‚¿ã‚°ç›´å‰ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ //(ä¸ç•¥) <scriptÂ src="jquery.min.js"></script> <scriptÂ src="skrollr.min.js"></sc
three_bee 2013/11/07
jquery

data

js

HTML

ASCII

background

jQuery

color

JavaScript

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
[CSS]ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ°´å¹³ãƒ»åž‚ç›´ã«ãããã£ã¨å‚¾ã‘ã¦ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
æœ€è¿‘ã¡ã‚‰ã»ã‚‰è¦‹ã‹ã‘ã‚‹ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãããã£ã¨å‚¾ã‘ã¦ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é…ç½®ã—ãŸã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚„ãƒ˜ãƒƒãƒ€ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£… Step 1: HTML ãƒ‘ãƒ¼ã‚¹ãƒšã‚¯ãƒ†ã‚£ãƒ–ã§è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’divãªã©ã®ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’ä½¿ã£ã¦é…ç½®ã—ã¾ã™ã€‚ <div class="wrapper"> <div class="menu"> <div class="hover-icon"> <i class="icon-align-justify"></i> </div> <ul> <li class="category"><a href="#">HOME</a></li> <li class="category"><a href="#">SEARCH</a></li> <li class="category"><a href="#">ABOUT US</a></li> <li class
three_bee 2013/11/07
css

HTML

DDD

menu

margin

background

color

CSS3

jquery

index
ãƒªãƒ³ã‚¯
[CSS]æ–‡å—ã«ã¡ã‚‡ã£ã¨ã‹ã‚ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Opening Type
ç”»åƒã¯ä¸€åˆ‡ä½¿ç”¨ã›ãšã€ãã®æ–‡å—ã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ãƒ‘ã‚¿ã£ã¨é–‹ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«é–‹ãã ã‘ã§ãªãã€ã‚·ãƒ£ãƒ‰ã‚¦ã‚‚é–‹ãã«å¿œã˜ã¦å¤‰åŒ–ã—ã¦ã‚‹ã®ãŒã‚¹ã‚´ã‚¤ï¼ æ—¥æœ¬èªžã€ã—ã‹ã‚‚æ¼¢å—ã§ã‚‚OK å®Ÿè£…ã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ HTML æ–‡å—ã¯spanè¦ç´ ã§é…ç½®ã—ã€ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ›ãƒ¯ã‚¤ãƒˆã®æ–‡å—ã¯data-letterã«è¨˜è¿°ã—ã¾ã™ã€‚ <div class="foo"> <span class="letter" data-letter="A">A</span> <span class="letter" data-letter="B">B</span> <span class="letter" data-letter="C">C</span> ... ... </div> æ—¥æœ¬èªžã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <div class="foo"> <span class="letter" data-lett
three_bee 2013/10/29
HTML

eM

margin

Font

data

Box

color

font-family

display

css
ãƒªãƒ³ã‚¯
ã€é…è‰²ãƒ»è‰²è¦‹æœ¬ Webã‚µã‚¤ãƒˆç´¹ä»‹ã€‘ - 10å€‹ã®webé…è‰²ãƒ„ãƒ¼ãƒ«ã€è‰²ã®è¦‹æœ¬ã€‘
ãƒã‚¹ã‚¿ãƒ¼ã‚„Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã®é…è‰²ã¯å¥¥ãŒæ·±ãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã£ã¦ã‚‚æ¯Žå›žæ‚©ã‚€å•é¡Œã®1ã¤ã€‚ ãŸã ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦é…è‰²ã®å½¹å‰²ã¯å¤§ããã€ãŸã£ãŸ1ã¤ã®è‰²ã§ãã®ã‚µã‚¤ãƒˆã‚„ãƒ¢ãƒŽã®å°è±¡ãŒã‚¬ãƒ©ã£ã¨ã‹ã‚ã‚‹ã“ã¨ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚ ãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã‚„ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã®çµ„ã¿åˆã‚ã›ãŒæ±ºå®šã—ã¦ã‚‚ã€ãã®è‰²ã§æœ¬å½“ã«æ£ã—ã„ã®ã‹ã©ã†ã‹ä¸å®‰ã«ãªã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ã€ãã‚“ãªæ‚©ã¿ã‚’ä¸€ç™ºã§è§£æ±ºã™ã‚‹ã€é…è‰²ã‚’æ±ºå®šã™ã‚‹éš›ã«å½¹ç«‹ã¤ä¾¿åˆ©ãªWebãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã§ã‚‚ã€è¦šãˆã¦ãŠãã¨ä½¿ãˆã‚‹ã‚‚ã®ã°ã‹ã‚Šãªã®ã§ãœã²åˆ©ç”¨ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Webé…è‰²ãƒ„ãƒ¼ãƒ«ã®ã”ç´¹ä»‹ ãã‚Œã§ã¯ã€Webé…è‰²ãƒ„ãƒ¼ãƒ«ã‚’10å€‹ã»ã©ã”ç´¹ä»‹ã—ã¾ã™ã€‚æ±‚ã‚ã‚‹è‰²ãŒã™ãã«è¦‹ã¤ã‹ã£ãŸã‚Šã€è‰²ã‚’çµ„ã¿åˆã‚ã›ã‚‹æ™‚ã®è¦‹æœ¬ã¨ãªã‚‹ã‚µã‚¤ãƒˆã°ã‹ã‚Šãªã®ã§ãœã²è¨ªã‚Œã¦ã¿ã¦ãã ã•ã„ã€‚ HUE/360 HUE/360ã¯ã€1ã¤ã®ã‚ãƒ¼ã‚«ãƒ©ãƒ¼ã¨èª¿å’Œã™ã‚‹
three_bee 2013/06/02
Photoshop

japanese

less

flickr

designer

PNG

color

css

HTML

design
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹ | PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
three_bee 2013/05/02
color

photoshop

PSD

it

Photoshop

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

design

é…è‰²
ãƒªãƒ³ã‚¯
ã€vimã€‘é»’èƒŒæ™¯å¥½ãã®åƒ•ã®å¿ƒã‚’æºã•ã¶ã‚‹ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ã€Œhybridã€ | ã“ã“ã½ã‚“ã®ãƒ¼ã¨
ã‚³ãƒ¼ãƒ‰ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¢ƒç•Œã«ç”Ÿãã‚‹äººé–“ã®é›‘å¤šãªè¨˜éŒ²å¸³
three_bee 2013/03/26
app

iOS

mac

html5

iPhone

develop

ã‚¢ãƒ—ãƒª

ãƒ‡ã‚¶ã‚¤ãƒ³

video

ãƒ—ãƒã‚°ãƒ©ãƒ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«å…¥ã‚Œã‚‹ã¨ä½¿ã„ã‚„ã™ããªã‚‹ï¼ãŠã™ã™ã‚jQuery4é¸ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã€ã¯ã‚„ã¡ã§ã™_(:3ã€âˆ )_ ã‚¹ãƒžãƒ›ã«ä½¿ã†ã¨ã‚ˆã‚Šã‚µã‚¤ãƒˆãŒè¦‹ã‚„ã™ããªã‚‹jQueryã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¿ãŸãé–‹é–‰å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jsã§ã™ã€‚ è¨˜äº‹ã®å¤šã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¾ã¨ã‚ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ãã€‚ â– å‹•ãã‚’ã¿ã‚‹ HTML <dl class="acordion"> <dt class="trigger">ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼<span class="open-close">open</span></dt> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚
three_bee 2012/09/21
color

jquery

Font

js

webãƒ‡ã‚¶ã‚¤ãƒ³

web

HTML

CSS

iPhone

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1