[B! css] lophã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

loph id:loph

cssã«é–¢ã™ã‚‹lophã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (76)

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

[JS]Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ãª1ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -One Page Scroll
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼š3ç•ªç›®ã®ãƒ‘ãƒãƒ«ã‚’è¡¨ç¤º å„ãƒ‘ãƒãƒ«ã¸ã®ç›´ãƒªãƒ³ã‚¯ã‚„URLè¡¨ç¤ºã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ One Page Scrollã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML mainã¯ã‚³ãƒ³ãƒ†ãƒŠã§ã€å„ãƒ‘ãƒãƒ«ã¯se
loph 2013/09/25
webåˆ¶ä½œ

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

javascript

css
ãƒªãƒ³ã‚¯
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
loph 2013/04/24
webã‚µãƒ¼ãƒ“ã‚¹

css

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

webåˆ¶ä½œ

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
loph 2013/03/05
webãƒ‡ã‚¶ã‚¤ãƒ³

ui

css
ãƒªãƒ³ã‚¯
æ–°ã—ã„ã‚‚ã®ã‚’åˆ¶ä½œã§ãã‚‹äºˆæ„Ÿï¼åž‚ç›´ãƒ»æ°´å¹³ã®ãƒªã‚ºãƒ ã‚’å¤§åˆ‡ã«ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã¿ç«‹ã¦ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -xy.css
Documentation -xy.css Step 1: ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ xy.cssã‚’ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ -xy.css Step 2: æ°´å¹³ã®ã‚°ãƒªãƒƒãƒ‰è¨è¨ˆ HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€classãªã©ä½™è¨ˆãªã‚‚ã®ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“ã€‚ <header></header> <article></article> <aside></aside> <footer></footer> å¤©åœ°ã«ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’2ã‚«ãƒ©ãƒ æ°´å¹³ã«é…ç½®ã—ã¾ã™ã€‚ header, footer { width: 100%; } article { width: 66.6667%; float: left; } aside { width: 30.769231%; float: right; } Step 3: åž‚ç›´ã®ã‚°ãƒªãƒƒãƒ‰è¨è¨ˆ articleã¨asideå†…ã«ã€è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•
loph 2013/01/18
Webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
loph 2013/01/09
jquery

css

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

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

JS
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«å‡ºæ¥ã‚‹ã‚„ã¤è‰²ã€… - ã‹ã¡ã³ã¨.net
æ°—ãŒå‘ã„ãŸã®ã§ãƒ¡ãƒ¢ã€‚èƒŒæ™¯ã«é…ç½®ã—ãŸ ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã—ã¦ã€æ›´ ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼åŒ–ã§ãã‚‹jQueryã®ãƒ— ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹ã€‚ã•ã»ã©æ•°ã¯ç„¡ã„ã§ã™ã‘ ã©ãƒ»ãƒ»ãƒ»ä½¿ã†å¯èƒ½æ€§ãŒã‚ã‚‹ã‹ã‚‚ãªã®ã§ å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«è€ƒãˆã‚‹ã®çµæ§‹é¢å€’ãã•ã„ã®ã§é©å½“ã«ãªã£ã¦ãã¾ã—ãŸã€‚èªžå½™ãŒä¸å¦ç”Ÿãƒ¬ãƒ™ãƒ«ã§ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„ã€‚ ã•ã¦ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã—ãŸèƒŒæ™¯ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã«å‡ºæ¥ã‚‹jQueryã„ã‚ã„ã‚ã§ã™ã€‚ã»ã¼æŠžä¸€ã£ã¡ã‚ƒæŠžä¸€ãªã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ»ã¡ã‚‡ã£ã¨å‡ºæ¥ä¸ŠãŒã‚Šã™ãŽã¦ã„ã˜ã‚Šã«ãã„ã®ã§ä»–ã‚‚ãƒã‚§ãƒƒã‚¯ã—ãŸã„ã€ã¨ã„ã†äº‹ã§èª¿ã¹ãŸã‚‚ã®ã‚’ç¾…åˆ—ã—ã¦ãŠãã¾ã™ã€‚è§¦ã£ãŸã“ã¨ç„¡ã„ã®ã‚‚ã‚ã‚‹ã®ã§ãã®ç¨‹åº¦ã®è¨˜äº‹ã¨ã„ã†äº‹ã§ã€‚ Supersized å®šç•ªã®é«˜æ©Ÿèƒ½ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚IE6ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚å¤§ä¸ˆå¤«ã£ã½ã„ã€‚å¤šæ•°ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€Flickr APIã«ã‚‚å¯¾å¿œã—ã¦ã‚‹ãã•ã„ã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MIT/GPLã®ãƒ‡ãƒ¥ã‚¢
loph 2013/01/09
jquery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸èƒŒæ™¯ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ãŸã€‚ï¼ˆCSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã®ã¿ã§å®Ÿç¾ï¼‰ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãƒšãƒ¼ã‚¸èƒŒæ™¯ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ãŸã€‚ï¼ˆCSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã®ã¿ã§å®Ÿç¾ï¼‰ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã€€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰â†“ ã“ã‚“ã°ã‚“ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®Oã§ã™ã€‚ ã¾ãšã¯ãƒ‡ãƒ¢ã‚’ã©ã†ãžáƒš(â•¹â—¡â•¹áƒš)ã€‚ å…ˆæ—¥ã€ã€Œãƒšãƒ¼ã‚¸èƒŒæ™¯ã«ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã•ã›ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’æµã™ã€ã¨ã„ã†æ¡ˆä»¶ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã®å®Ÿè£…ã§ã™ãŒã€ã¾ã£ã•ãã«è€ƒãˆãŸã®ã¯ã‚„ã¯ã‚ŠjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã—ãŸã€‚ ã“ã®æ‰‹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã‚‰æŽ¢ã›ã°ãã“ã‚‰ä¸ã«ã”ã‚ã”ã‚è»¢ãŒã£ã¦ã‚‹ã—ã€ã‚ã¾ã‚Šæ–°é®®å‘³ãŒæ„Ÿã˜ã‚‰ã‚Œãªã„ã¨ã„ã†ã‹ãƒ»ãƒ» ã¨ã“ã‚ãŒã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚ã•ã‚Šã—ã¦ãŸã‚‰ã€ã“ã‚“ãªé¢ç™½ã„è¨˜äº‹ãŒç›®ã«ç•™ã¾ã£ãŸï¼ Fullscreen background image slideshow with CSS3 ã“ã‚Œã€CSS3ã®ã¿ã§ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ä½œã‚‹ã¨ã„ã†è©¦ã¿ã§ã™ãªï¼åƒ•çš„ã«ã¯çµæ§‹é¢ç™½ãã¦ã€ç‰¹ã«ä¸‰ç•ªç›®ã®ãƒ‡ãƒ¢ã€èƒŒæ™¯
loph 2013/01/09
css

jquery

slideshow

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
NimbusKit - The iOS framework that grows only as fast as its documentation
The iOS framework that grows only as fast as its documentation Fork Nimbus on GitHub - Follow NimbusKit on Twitter 1.2.1 Documentation Peruse documentation for the most recent stable cut of Nimbus from February 21, 2014. docs. Â» Nimbus is a toolkit for experienced iOS software designers. It provides well-documented, modular components that solve a number of common iOS software requirements. This i
loph 2012/12/14
ui

iphone

css
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã ã‘! ãŠæ‰‹è»½ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ãƒ„ãƒ¼ãƒ«Google mod_pagespeedã¯ã‚¹ã‚´ã‹ã£ãŸ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
ã©ã‚Œãã‚‰ã„ã‚¹ã‚´ã„ã‹ã¨ã„ã†ã¨ã€ã€Œã‚µãƒ¼ãƒãƒ¼ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã ã‘ã§ã€ã‚ã¨ã¯è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¡ã‚‡ã¡ã‚‡ã£ã¨ã„ã˜ã‚Œã°ã€ã‹ãªã‚Šé«˜é€ŸåŒ–ã§ãã¡ã‚ƒã†ã€ã¨ã„ã†ãã‚‰ã„ã‚¹ã‚´ã„ã®ã§ã™ã€‚ã—ã‹ã‚‚ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ã©ã‚“ãªCMSã‚’ä½¿ã£ã¦ã„ã¦ã‚‚ã€Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã ã‘ã€ã€‚ Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å„ªã—ã„ã—ã€å ´åˆã«ã‚ˆã£ã¦ã¯æ¤œç´¢çµæžœã§ã®é †ä½ã«ã‚‚è‰¯ã„å½±éŸ¿ãŒå‡ºã‚‹ã‹ã‚‚ã—ã‚Œãªã„â€¦â€¦ãã‚Œã¯ã‚ã‹ã£ã¦ã„ã¦ã‚‚ã€ãªã‹ãªã‹æœ¬æ ¼çš„ã«ã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹ã®ã¯é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼å´ã®é«˜é€ŸåŒ–ã«åŠ ãˆã¦ã€HTMLã®ã¤ãã‚Šã‚„ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºæœ€é©åŒ–ã€ã•ã‚‰ã«ã¯CSSã‚’èª¿æ•´ã—ã¦ã®ç”»åƒã‚¹ãƒ—ãƒ©ã‚¤ãƒˆåŒ–ã‚„CSS/JSãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆãƒ»æœ€é©åŒ–ã«ã‚ˆã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚µãƒ¼ãƒãƒ¼ã®é€šä¿¡æœ¬æ•°å‰Šæ¸›ãªã©ãªã©ã€å®Ÿã¯ã‚„ã‚‰ãªãã‚ƒã„ã‘ãªã„ã“ã¨ãŒãŸãã•ã‚“ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ã®æä¾›ã™ã‚‹mod_pagespeedã¯ã€ãã†ã—ãŸã“ã¨ã®ã€ã‹ãªã‚Šã®éƒ¨åˆ†ã‚’è‡ªå‹•çš„ã«è¡Œã†ã‚‚ã®ã§ã™ã€‚ mod_pagespeedã¯ã“ã‚“
loph 2012/11/28
google

webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
loph 2012/07/10
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
loph 2012/07/09
iphone

html5

css

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Adobeã€HTML/CSS/JavaScriptã§ã§ããŸæ¬¡ä¸–ä»£ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã€ŒBracketsã€ã‚’ç™ºè¡¨
loph 2012/06/27
html

javascript

css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
30åˆ†ã§ã§ãã‚‹ï¼Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹6å¤§åŽŸå‰‡ (1/4)
Webã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ã¨ãã€ã€Œãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€ã‚’æ°—ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã‹ï¼Ÿã€€ã‚‚ã—ã¾ã£ãŸãæ°—ã«ã—ãŸã“ã¨ãŒãªã„ãªã‚‰ã€æ°—ã‚’ã¤ã‘ãŸæ–¹ãŒã„ã„ã€‚é–²è¦§ã«æ™‚é–“ã®ã‹ã‹ã‚‹â€œé…ã„Webã‚µã‚¤ãƒˆâ€ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã€é–²è¦§ã‚’ã‚„ã‚ã•ã›ã¦ã—ã¾ã†æã‚ŒãŒã‚ã‚‹ã€‚ ä¸‹è¨˜ã®ã‚°ãƒ©ãƒ•ã¯ã€ã€ŒSimple-Talkã€ã¨ã„ã†æµ·å¤–ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç™ºè¡¨ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã®çµæžœã ã€‚ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ„å›³çš„ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã€è¡¨ç¤ºæ™‚é–“ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ„Ÿã˜ã‚‹ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®é•ã„ã‚’èª¿ã¹ãŸã‚‚ã®ã ã€‚ ç¸¦è»¸ãŒãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ10æ®µéšŽï¼‰ã€æ¨ªè»¸ãŒè¡¨ç¤ºã¾ã§ã®æ™‚é–“ã‚’è¡¨ã—ã¦ã„ã‚‹ã€‚1ï½ž5ç§’ä»¥å†…ã«ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸäººã«æ¯”ã¹ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã¾ã§ã«5ç§’ä»¥ä¸Šã‹ã‹ã£ãŸäººã¯2å€ä»¥ä¸Šã‚‚ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ„Ÿã˜ã¦ã„ã‚‹ã€‚ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã¾ã‚Šã«é«˜ã‘ã‚Œã°ã€ã›ã£ã‹ãä½•ã‚‰ã‹ã®ç›®çš„ã‚’æŒã£ã¦è¨ªã‚Œã¦ããŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚å¾…ã¡åˆ‡ã‚Œãšã«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’é–‰ã˜ã¦ã—ã¾ã†
loph 2012/06/19
webåˆ¶ä½œ

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

css

javascript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ç”»é¢è§£åƒåº¦ãƒ»ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦
320 dpi Androidã®å¯†åº¦ã‚°ãƒ«ãƒ¼ãƒ— iPhoneã‚’å½“ã¦ã¯ã‚ã‚‹ã¨ã€iPhone 3ã¾ã§ãŒmdpiã€iPhone 4ã‹ã‚‰ã¯xhdpiã«åŒºåˆ†ã‘ã•ã‚Œãã†ã§ã™ã€‚æ—¥æœ¬ã§æµé€šã—ã¦ã„ã‚‹Androidã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å¤šãã¯hdpiã«å±žã™ã‚‹ã§ã—ã‚‡ã†ãŒã€æœ€è¿‘ã®HDè§£åƒåº¦ã®ç«¯æœ«ã¯xhdpiã«å±žã—ãã†ã§ã™ã€‚ IS05ã‚„Xperia ray, INFOBAR A01/C01ãªã©ã¯ã‚°ãƒ«ãƒ¼ãƒ—ä¸Šhdpiã«å±žã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ç”»é¢ã‚µã‚¤ã‚ºãŒå°ã•ã„ã“ã¨ã‹ã‚‰ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ãŒ300dpiå‰å¾Œã¨ã€xhdpiã«è¿‘ããªã£ã¦ã„ã¾ã™ã€‚å°åž‹ã§é«˜è§£åƒåº¦ãªç«¯æœ«ãŒå¢—ãˆã‚‹ã¨ã€æ‰€å±žã™ã‚‹ã‚°ãƒ«ãƒ¼ãƒ—ã ã‘ã§ã¯ç”»é¢ã®ç²¾ç´°ã•ã‚’åˆ¤æ–ã™ã‚‹ã®ã¯é›£ã—ããªã‚‹ã§ã—ã‚‡ã†ã€‚ ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã®é•ã„ãŒè¦‹ãŸç›®ã«å½±éŸ¿ã™ã‚‹ ã•ã¦ã€ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã®ã°ã‚‰ã¤ãã«ã‚ˆã£ã¦ã€ã™ã“ã—å›°ã£ãŸã“ã¨ãŒèµ·ã“ã‚Šã¾ã™ã€‚å¯†åº¦ã®ä½Žã„ç’°å¢ƒã«åˆã‚ã›ã¦ä½œã‚‰ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹ãŸç›®ãŒã€å¯†åº¦ã®é«˜ã„ç’°å¢ƒã§è‰¯ãè¦‹ãˆãªã„å¯èƒ½æ€§ãŒå‡ºã¦
loph 2012/05/31
iphone

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
loph 2012/01/26
css

CSS3
ãƒªãƒ³ã‚¯
HTML5.JP - æ¬¡ä¸–ä»£HTMLæ¨™æº– HTML5æƒ…å ±ã‚µã‚¤ãƒˆ
HTML5.JP ã¯ã€HTML5 ã®å›½å†…ã§ã®æ™®åŠã‚’ç›®æŒ‡ã—ã€2007 å¹´ã«å€‹äººãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦é‹å–¶ãŒé–‹å§‹ã•ã‚Œã¾ã—ãŸã€‚2019 å¹´ç¾åœ¨ã€ã™ã§ã« HTML5 ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«æ´»ç”¨ã•ã‚Œã€å¤šãã®æƒ…å ±ãŒãƒãƒƒãƒˆã‹ã‚‰å…¥æ‰‹ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ å½“ã‚µã‚¤ãƒˆã®å½¹å‰²ã¯çµ‚ãˆãŸã“ã¨ã«åŠ ãˆã€å½“ã‚µã‚¤ãƒˆã®æ›´æ–°ã‚‚ã¾ã¾ãªã‚‰ãšæƒ…å ±ã‚‚å¤ã„ã¾ã¾ã§ã‚ã£ãŸã“ã¨ã‹ã‚‰ã€å½“ã‚µã‚¤ãƒˆã‚’é–‰éŽ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ã“ã‚Œã¾ã§å½“ã‚µã‚¤ãƒˆã‚’ã”æ”¯æ´é ‚ãã¾ã—ãŸçš†æ§˜ã«ã¯å¿ƒã‚ˆã‚Šå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ 2019 å¹´ 8 æœˆ 15 æ—¥ ç®¡ç†äººã‚ˆã‚Š
loph 2011/12/21
html

html5

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

css

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS, HTML] ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iPhone, Android)ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ã¾ã¨ã‚(2011å¹´ç‰ˆ)
[CSS, HTML] ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iPhone, Android)ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ã¾ã¨ã‚(2011å¹´ç‰ˆ) Androidã®æ‰€ç‚ºã§å·¥æ•°ãŒå¢—ãˆã¦ã‚¦ã‚¶ã‚¤ã¨ã‹ã€Androidã®Webkitã¯Webkitã˜ã‚ƒãã‡ã¨ã‹ ã‚¹ãƒžãƒ›ã®CSS3é–¢ä¿‚ã¯ã©ã†ã—ã¦ã‚‚Androidã‚’disã‚‹æ„Ÿã˜ã®å†…å®¹ã«ãªã‚Šã¾ã™ãï¼ ç‰¹ã«æ˜Žè¨˜ãŒãªã„ã‚‚ã®ã¯ã™ã¹ã¦Webkitã«ã¤ã„ã¦ã§ã™ã€‚ è¦‹ã¤ã‘æ¬¡ç¬¬é †æ¬¡è¿½åŠ äºˆå®šã€‚ ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´ã€å¢—ãˆã¦ããŸã®ã§ç›®æ¬¡è¿½åŠ ã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯iOS5ã€Android 3ä»¥å‰ã«ã¤ã„ã¦è¨˜è¼‰ã—ãŸã‚‚ã®ã§ã™ ã€cssã€‘ ã‚¿ãƒƒãƒ—æ™‚ã«z-indexã‚’ç„¡è¦–ã—ã¦ä¸‹ã®è¦ç´ ã«æž ãŒã¤ã(Android) ã€html, cssã€‘ ãƒžãƒ«ãƒãƒã‚¤ãƒˆæ–‡å—ã«font-weight:boldãŒåŠ¹ã‹ãªã„(Android) ã€cssã€‘ border-radiusã®ã‚³ãƒ¼ãƒŠãƒ¼ãŒã‚¸ãƒ£ã‚®ã‚‹(Android) ã€cssã€‘ box-shadowã€text-
loph 2011/12/05
css

iphone

mobile

webé–‹ç™º
ãƒªãƒ³ã‚¯
FlashFirebug
Firefox Extension to debug any AS3 SWF on the web FlashFirebug (now Flash Debugger) gives you the ability to debug any AS3 Flash on the web. Inspect the DisplayList, change properties on the fly and see the warnings, errors and traces directly in the extension. Use the inspector to hone in on elements, transf orm objects on the fly and use the console to run AS3 commands on the active SWF. FlashFir
loph 2011/05/17
flash

css

firefox

as3
ãƒªãƒ³ã‚¯
Firebugã®ä½¿ã„æ–¹ | THE HAM MEDIA
Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚’ã—ã¦ã„ã‚‹æ–¹ã«ã¯ã€å¿…éœ€å“ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚ã‚Œã‚‹ãã‚‰ã„ä¾¿åˆ©ãªFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŽFirebugã€ã€‚HTMLã‚„CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ‹…å½“ã—ã¦ã„ã‚‹äººã®å¤šãã¯ã„ã‚Œã¦ã„ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ãã€‚ Firebugã‚’å…¥ã‚Œã¦ä½¿ã£ã¦ã„ã‚‹äººã¯å¤šã„ã‚ˆã†ãªã®ã§ã™ãŒã€æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ãŒç››ã‚Šæ²¢å±±ã ã£ãŸã¨ã„ã†ã“ã¨ãŒã€å…ˆæ—¥ã®å‹‰å¼·ä¼šï¼ˆSaCSSï¼‰ã«ã¦ç™ºè¦šï¼ä½¿ã£ã¦ã„ã‚‹ã¨ã„ã£ã¦ã‚‚ã€ä¸€éƒ¨ã®æ©Ÿèƒ½ã«é™ã‚‰ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€Œãã‚“ãªæ©Ÿèƒ½çŸ¥ã£ã¦ã‚‹ã‚ˆï¼ã€ã¨ã„ã†ãã‚‰ã„ä½¿ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãã‚“ãªã«ä½¿ã„ã“ãªã›ã¦ã„ãªã„ã‚„ã€æ´»ç”¨ã§ãã¦ã„ãªã„ï¼ã¨ã„ã†äººã‚‚å‹‰å¼·ä¼šã®æ™‚ã«å¤šã‹ã£ãŸã‚ˆã†ã«ã€å®Ÿéš›ã«ã‚‚å¤šã„ã¯ãšï¼ Firebugã®ä½¿ã„æ–¹ã‚’ã‚‚ã†å°‘ã—çŸ¥ã£ã¦ã„ã‚‹ã¨ã€Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã®æ™‚ã«ä¾¿åˆ©ã ï¼ã¨æ€ãˆã‚‹å ´é¢ãŒå¤šã€…ã§ã¦ãã‚‹ã®ã§ã€æ˜¯å¦ä»Šå›žã”ç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã¯æŠ‘ãˆã¦ãŠãã€æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ HTML&CSSã®ç¢ºèª
loph 2011/02/17
css

html

jquery

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

javascript

firefox
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŽBlueTripã€ãŒæƒ³åƒä»¥ä¸Šã«ã™ã”ã„ - present
CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å†èªè˜ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã€åå‰ã ã‘ã¯çŸ¥ã£ã¦ã„ã¾ã—ãŸãŒã€ã©ã†ã„ã†ã‚‚ã®ãªã®ã‹å…¨ãçŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚æ¬¡ã®è¨˜äº‹ã‚’èªã‚€ã¾ã§ã¯ã€‚ 404 Not Found - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜ ç¢ºã‹ã«ã€ã“ã‚Œã¯ä¾¿åˆ©ãã†ã§ã™ãï¼ ã•ã£ããã€CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã™ã€‚ BlueTrip ã‚’å°Žå…¥ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯å…ˆã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸ BlueTrip ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã™ã€‚ æ¬¡ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€è§£å‡ã—ã¦ css ãƒ•ã‚¡ã‚¤ãƒ«ã¨ç”»åƒã‚’ static ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã€‚ BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML ã® head éƒ¨ã«ã€ä¸‹è¨˜ã‚’è¿½åŠ ã€‚ <link rel="stylesheet" href="css/screen.c
loph 2011/02/09
css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸