s5-styleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ / 2011å¹´10æœˆ8æ—¥ - ã¯ã¦ãªãƒ

æ–œã‚ã‚°ãƒªãƒƒãƒ‰ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆé›†

ã“ã“æœ€è¿‘ã®ã“ã¨ãªã®ã§ã™ãŒã€ç¶ºéº—ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆé›†ãªã‚“ã‹ã‚’è¦‹ã¦å›žã£ã¦ã„ã‚‹ã¨ä½•åº¦ã‹æ–œã‚ã‚°ãƒªãƒƒãƒ‰ã‚’åŸºæº–ã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã‹ã‘ã¾ã—ãŸã€‚ ã“ã†ã„ã†ã®ä½•ã¦è¨€ã†ã‚“ã§ã—ã‚‡ã†ãã€‚æ–œã‚ã‚°ãƒªãƒƒãƒ‰ãªã®ã§Diagonal Grid Based Webdesignã¨ã§ã‚‚è¨€ãˆã°ã„ã„ã‚“ã§ã—ã‚‡ã†ã‹ã€‚ ã©ã®ã‚µã‚¤ãƒˆã‚‚éžå¸¸ã«ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒå¼·ãå°è±¡çš„ã ã£ãŸã®ã§ã€æ•°ã¯å°‘ãªã„ã§ã™ãŒç´¹ä»‹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Jessica CaldwellJessica Caldwell ãƒãƒ¼ãƒ©ãƒ³ãƒ‰ã®ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€‚ å„ãƒ–ãƒãƒƒã‚¯ã¯liè¦ç´ ã‚’transf orm: rotate()ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ–ãƒãƒƒã‚¯ã¯ä¸€ã¤ä¸€ã¤ãŒãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Designer GlebDesigner Gleb / Graphic&Web Designer Gleb Leksikov ãƒ•ãƒªãƒ¼

s5-style 2011/10/08

ãƒªãƒ³ã‚¯

Design Bombs

Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.

s5-style 2011/10/08

æœ‰ç”¨ãªCSSã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã¾ã¨ã‚ã€‚REMã‚„fontfaceãªã©ã€‚

ãƒªãƒ³ã‚¯

CSSã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹é«˜é€ŸåŒ–ã€å®Ÿéš›ã®ã¨ã“ã‚ Â« NAVER Engineers' Blog

çªç„¶ã®ã‚¸ãƒ§ãƒ–ã‚ºæ°é€åŽ»ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«é©šãã¾ã—ãŸã€‚ windowsã‹ã‚‰macã«ç§»ã£ã¦ä¸€å¹´ã«æº€ãŸãªã„ã«ã‚ã‹ãƒžã‚«ãƒ¼ã§ã™ãŒã€ã”å†¥ç¦ã‚’ãŠç¥ˆã‚Šã„ãŸã—ã¾ã™ã€‚ ãƒã‚¤ãƒãƒ¼ã‚¸ãƒ£ãƒ‘ãƒ³ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’æ‹…å½“ã—ã¦ã„ã‚‹å¯Œç”°ã§ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã«ã¤ã„ã¦ã€ã¨ãã«ã€MEã²ã¨ã‚Šã§ã‚‚å®Ÿæ–½å¯èƒ½ãªCSSã¨HTMLã®ã¿ã§ã®é«˜é€ŸåŒ–ã®æ‰‹æ³•ã¨ãã‚Œã‚’å®Ÿæ–½ã™ã‚‹ä¸Šã§æ³¨æ„ã™ã¹ããƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦è¦‹ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ é«˜é€ŸåŒ–ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã®ã‚³ã‚¹ãƒˆ CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã€body .contents .header spanã€€aã¨ã„ã†ã‚ˆã†ã«ã€å·¦ã‹ã‚‰å³ã«ã‚ˆã‚Šè©³ç´°ã«ãªã£ã¦ã„ãã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã‹ãŸã¡ãŒä¸€èˆ¬çš„ã§ã™ã€‚ ã—ã‹ã—ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã“ã‚Œã¨ã¯é€†ã«ã€å³ã‹ã‚‰å·¦ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è§£é‡ˆã—ãªãŒã‚‰æç”»ã—ã¦ã„ãã¾ã™ã€‚ ãã®ãŸã‚ã€ã‚ˆã‚Šè² è·ã®ã™ããªã„CSSã‚’æ›¸ããŸã‚ã«ã€ ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å½“ã¦ã‚‹è¦ç´ ã«ã¯ã§ãã‚‹ã ã‘classåˆã¯IDã‚’æŒ‡å®šã™ã‚‹ åå«ã‚»ãƒ¬ã‚¯ã‚¿ã¯é‡ã„ã®ã§ã€

s5-style 2011/10/08

ãƒ–ãƒ©ã‚¦ã‚¶ã¯CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å³ã‹ã‚‰å·¦ã«è§£é‡ˆã—ãªãŒã‚‰æç”»ã™ã‚‹ã€‚ãã®æŒ™å‹•ã®é€Ÿåº¦ã‚’æ¤œè¨¼ã€‚

ãƒªãƒ³ã‚¯

jQueryã§èƒŒæ™¯ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«å‡ºæ¥ã‚‹ã‚„ã¤è‰²ã€… - ã‹ã¡ã³ã¨.net

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

s5-style 2011/10/08

ãƒªãƒ³ã‚¯

ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ Loupe ç”»åƒã®ä¸€éƒ¨ã‚’æ‹¡å¤§ã—ã¾ã™ã€å¤šå½©ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒä¾¿åˆ©ã€‚ Slicebox ç”»åƒã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«3Dã‚¹ãƒ©ã‚¤ã‚¹ã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ E

s5-style 2011/10/08

ãƒªãƒ³ã‚¯

cssFx by imsky

css Fx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new <style> tag is appended to the <head> with processed properties. P

s5-style 2011/10/08

ãƒªãƒ³ã‚¯

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

2011å¹´10æœˆ8æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

æ–œã‚ã‚°ãƒªãƒƒãƒ‰ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆé›†

Design Bombs

CSSã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹é«˜é€ŸåŒ–ã€å®Ÿéš›ã®ã¨ã“ã‚ Â« NAVER Engineers' Blog

jQueryã§èƒŒæ™¯ç”»åƒã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«å‡ºæ¥ã‚‹ã‚„ã¤è‰²ã€… - ã‹ã¡ã³ã¨.net

jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2011å¹´9æœˆ | ã‚³ãƒªã‚¹

cssFx by imsky

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

2011å¹´10æœˆ8æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

2011å¹´10æœˆ8æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹