donnie28064212ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ / 2013å¹´12æœˆ24æ—¥

ã‚†ã‚ã„ã‚ãƒ‡ã‚¶ã‚¤ãƒ³ï½œãƒ–ãƒ©ãƒ³ãƒ‰ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ»Web/UX/UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆ ãƒ’ã‚¬ã‚·ãƒŠã‚ªãƒ¤

CSS Transf ormsã§CSS Animation/Transitionã¨çµ„ã¿åˆã‚ã›ã¦ã€è¦ç´ ã‚’ç§»å‹•ã•ã›ãŸã‚Šã€æ‹¡å¤§ç¸®å°ã•ã›ã‚‹ã¨ã¡ã‚‰ã¤ãã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚èƒŒæ™¯è‰²ã‚’æŒ‡å®šã—ã¦ã‚‚ç™ºç”Ÿã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€ä¸€éƒ¨ã®åè¦ç´ ã ã‘ã¡ã‚‰ã¤ãã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ã¡ãªã¿ã«ã€CSS 2D Transf ormsã‚’æŒ‡å®šã—ãŸè¦ç´ ã§ã‚‚ã¡ã‚‰ã¤ããŒç™ºç”Ÿã™ã‚‹ã¨ããŒã‚ã‚Šã¾ã™ã€‚ ã€Œ-webkit-backface-visibility:hidden;ã€ã¨ã€Œbackface-visibility:hidden;ã€ã‚’æŒ‡å®š ã“ã‚ŒãŒã„ã¡ã°ã‚“åŠ¹æžœã®é«˜ã„å¯¾å‡¦æ–¹æ³•ã§ã™ã€‚ã»ã¨ã‚“ã©ã®ã¡ã‚‰ã¤ãå•é¡ŒãŒè§£æ¶ˆã•ã‚Œã¾ã™ã€‚2D Transf ormsã«ã¯é–¢ä¿‚ãªã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã¯ãšãªã®ã§ã™ãŒã€ãªãœã‹æœ‰åŠ¹ãªå¯¾ç–ã§ã™ã€‚ ã€Œ-webkit-backface-visibility:hidden;ã€ã¨ã€Œbackface-visibility:hidden;ã€ã¨ã€Œoverflo

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

Sassã‚’ä½¿ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¼·ã„å‘³æ–¹ã«ï¼ä¾¿åˆ©ãªextendï¼†mixiné›†ã‚’ä½œã£ã¦ã¿ãŸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ

ã“ã‚“ã«ã¡ã¯ã€ãºã¡ã“ã§ã™ã€‚ å…ˆæ—¥æ°´æ—é¤¨ã«è¡Œã£ãŸã‚‰ã€Œãƒšãƒ³ã‚®ãƒ³12ç¨®æ¨¡åž‹ã‚»ãƒƒãƒˆã€ãªã‚‹ã‚‚ã®ã‚’ã‚·ãƒ§ãƒƒãƒ—ã§ç™ºè¦‹ã—ã€å±ã†ãè²·ã†ã¨ã“ã‚ã§ã—ãŸã€‚ Suicaãƒšãƒ³ã‚®ãƒ³ã®ãƒ¢ãƒ‡ãƒ«ã¯ãŠãã‚‰ãã‚¢ãƒ‡ãƒªãƒ¼ãƒšãƒ³ã‚®ãƒ³ã§ã™ãŒã€ç§ãŒæ„›ã—ã¦ã‚„ã¾ãªã„ã®ã¯ã‚¸ã‚§ãƒ³ãƒ„ãƒ¼ãƒšãƒ³ã‚®ãƒ³ã§ã™ã€‚ã©ã†ã§ã‚‚ã„ã„ã§ã™ãã€‚ï¼ˆèˆˆå‘³ã‚’ã‚‚ã£ãŸäººã¯ã¿ã‚“ãªå‹é”ï¼‰ ã•ã¦ã€ä»¥å‰ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã›ã„ã¨ãã‚“ãŒ Sassã®å°Žå…¥æ–¹æ³•ã¨ Sassã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãã‚Œã¦ã„ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã‚Œã‚‰ã‚’è¸ã¾ãˆã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤extendï¼†mixiné›†ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸï¼ æ—¥ã€…ã¡ã‚‡ã“ã¡ã‚‡ã“ã¨ä½œã£ã¦ã¯ä½¿ã„ã¾ã‚ã—ã¦ãƒ»ãƒ»ã‚’ç¹°ã‚Šè¿”ã—ã¦ãŠã‚Šã€ã‚ã‚‹ã¨ä¾¿åˆ©ãªã‚‚ã®ã¯å…ˆã«ã¾ã¨ã‚ã¦ãŠã‘ã°æ¥½ã§ã¯ãªã„ã‹ã¨ã€ã‚„ã£ã¨æ°—ä»˜ãã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ä½œã£ãŸhtmlã¨scssãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã®ã§ã€ãã®ã¾ã¾ä½¿ã£ã¦ã‚‚è‰¯ã—ã€å„è‡ªï¼ˆå„ç¤¾ï¼‰æ¯Žã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã«åˆã›ã¦æ”¹è‰¯ã—ã¦ã‚‚è‰¯ã—ã€è¦ã‚‰

donnie28064212 2013/12/24

sass

ãƒªãƒ³ã‚¯

ãƒ¢ãƒ‡ã‚£ãƒ•ã‚¡ã‚¤ã‚¢ã®ä»˜ã‘æ–¹

21æ—¥ã‚‚é…ãã«ãªã‚Šã¾ã—ãŸãŒã€BEM Advent Calendar 2013ã®20æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãƒ¢ãƒ‡ã‚£ãƒ•ã‚¡ã‚¤ã‚¢ã‚’ã©ã†ã‚„ã£ã¦ä»˜ã‘ã‚‹ã®ãŒã„ã„ã‹ãªãƒ¼ã¨ã‹æ‚©ã‚“ã§ã‚‹ã®ã§æ›¸ã„ã¦ãŠãã¾ã™ã€‚ æ‚©ã‚“ã§ã‚‹ã ã‘ãªã®ã§ã€ç‰¹ã«ã€Œã“ã‚Œã«ã—ã‚ï¼ï¼ã€ã¨ã‹ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ç”»åƒãŒå·¦ã«æ¥ã¦ã€å³ã«ãƒ†ã‚ã‚¹ãƒˆãŒæ¥ã‚‹ã‚ˆã†ãªãƒ–ãƒãƒƒã‚¯ã‚’ä½œã£ãŸéš›ã«ã€ç”»åƒã®å·¦å³ã‚’åè»¢ã•ã›ã‚‹ãƒ¢ãƒ‡ã‚£ãƒ•ã‚¡ã‚¤ã‚¢ã‚’ä½œã‚‹ã¨ã—ã¾ã™ã€‚ æ–¹æ³•1.ãƒžãƒ«ãƒã‚¯ãƒ©ã‚¹é–¢ä¿‚ç„¡ã„ã§ã™ãŒã€ãƒžãƒ«ãƒã‚¯ãƒ©ã‚¹ã™ã‚‹éš›ã®åŒºåˆ‡ã‚Šã®åŠè§’ã‚¹ãƒšãƒ¼ã‚¹ã‚’ï¼’ã¤ã«ã™ã‚‹ã¨æ°—æŒã¡è¦‹ã‚„ã™ã„ã§ã™ã€‚ 1-1.å…ƒã®åå‰ã«ãƒã‚¤ãƒ•ãƒ³ï¼’ã¤ä»˜ã‘ã¦ã€ãã®å¾Œã«æ„å‘³ã‚’ä»˜ã‘ã¾ã™ï¼ˆã“ã®æ™‚ã¯reverseï¼‰ä»–ã®ãƒ–ãƒãƒƒã‚¯ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ä½¿ç”¨ã•ã›ãªã„ã‚ˆã†ã«å…ƒã®åå‰ã«ãƒ—ãƒ©ã‚¹ã™ã‚‹ã€‚ JavaScriptã§æ“ä½œã™ã‚‹æ™‚ã¯ã€å…ƒã®åå‰ã‚’æ›¸ã‹ãªã„ã¨ã„ã‘ãªã„ã®ã§ã€ã¡ã‚‡ã£ã¨é¢å€’ã‹ã‚‚ã—ã‚Œãªã„ã€‚ 1-2.å…ƒã®åå‰ã«ãƒã‚¤ãƒ•ãƒ³ã‚’ï¼’ã¤ä»˜ã‘ã¦ã€key-valueçš„ãªæ„Ÿã˜ã«ã™ã‚‹key

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

lovely ui

device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

ãƒ¢ãƒã‚¤ãƒ«UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ã«ç«‹ã¤UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼é›†17é¸ - showrtpath - iOSãƒ–ãƒ©ã‚¦ã‚¶é–‹ç™ºæ—¥è¨˜

2013-12-23 ãƒ¢ãƒã‚¤ãƒ«UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ã«ç«‹ã¤UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼é›†17é¸ ã‚¢ãƒ—ãƒªã®é–‹ç™ºã®æ™‚ã«UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ‚©ã¿ã¾ã™ã‚ˆãã€‚ ãã‚“ãªæ™‚ã€ãƒ¢ãƒã‚¤ãƒ«UIã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼é›†ãŒå½¹ã«ç«‹ã¡ã¾ã™ã€‚ ãã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã®ã‚µã‚¤ãƒˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’é›†ã‚ãŸã‚‚ã®ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä½œå“ã®ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ Showrtpathãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‹ç™ºã—ã¦ã„ãŸæ™‚ã¯dribbbleã‚’ã‚ˆãè¦‹ã¦ã„ã¾ã—ãŸã€‚ Pttrns - Mobile User Interface Patterns å„ªã‚ŒãŸiPhoneã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›† - iPhoneãƒ‡ã‚¶ã‚¤ãƒ³ãƒœãƒƒã‚¯ã‚¹ Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli Â· Featured Android Nic

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

ã“ã“ã¾ã§ã§ãã‚‹ï¼Bootstrapã§ä½œã‚‰ã‚ŒãŸå›½å†…ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã¾ã¨ã‚20å€‹ | A40

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã¯å›½å†…ã§ã‚‚å¢—ãˆã¦ãã¾ã—ãŸãŒã€åˆ¶ä½œã™ã‚‹ã¨ãªã‚‹ã¨ã‹ãªã‚Šæ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ãã‚“ãªã¨ãå½¹ã«ç«‹ã¤ã®ãŒãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ä¸ã§ã‚‚ã€ŒBootstrapã€ã¯ã€å¤šå½©ãªæ©Ÿèƒ½ã‚’å‚™ãˆã€ãã®ä½¿ã„ã‚„ã™ã•ã‹ã‚‰åºƒãçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€å›½å†…ã®ç§€é€¸ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã€ŒResponsive Web Design JPã€ã‹ã‚‰ã€Bootstrapã‚’ä½¿ã£ã¦ä½œã‚‰ã‚ŒãŸã‚µã‚¤ãƒˆã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ whiteSTOUT ãƒ•ã‚©ãƒˆã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚’ä¸å¿ƒã¨ã—ãŸãƒžãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã‚ªãƒ•ã‚£ã‚¹ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒˆãƒƒãƒ—ã«å¤§ããªç”»åƒã‚’ä½¿ã„ã€æ´—ç·´ã•ã‚ŒãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ãªã£ã¦ã„ã¾ã™ã€‚ AGATHA E-SHOP ã‚¢ã‚¯ã‚»ã‚µãƒªãƒ¼ãƒ–ãƒ©ãƒ³ãƒ‰ã€ŒAGATHAã€ã®ECã‚µã‚¤ãƒˆã§ã™ã€‚æœ‰åãƒ–ãƒ©ãƒ³ãƒ‰ã®ã€ã—ã‹ã‚‚ECã‚µã‚¤ãƒˆã«ã‚‚BootstrapãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ACTUS online ã“ã¡ã‚‰ã¯æœ‰åã‚¤ãƒ³

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£

Ustream:ãƒ¯ã‚¤ãƒ¤ãƒ¼ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ç¬¬ï¼’å›ž http://www.ustream.tv/recorded/7738057 Togetter:ãŠæ°—ã«å…¥ã‚Š ç¬¬2å›žã€Œãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç ”ç©¶ä¼šã€ - ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° " #wireframecomwg " ã¾ã¨ã‚ http://togetter.com/li/30127 ã€Œãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç ”ç©¶ä¼šç¬¬2å›žã€ã®ãŠçŸ¥ã‚‰ã› http://blog.sinap.jp/2010/05/wireframecomwg02-cm.htmlRead less

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

Loading...

donnie28064212 2013/12/24

accessibility

ãƒªãƒ³ã‚¯

èª°ã§ã‚‚ä½•ã§ã‚‚å£²è²·ã§ãã‚‹ã€ŒLINE MALLã€ãŒå§‹å‹•ã€äº‹å‰å¯©æŸ»ã‚„æœˆé¡è²»ç”¨ãªã—

LINEã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ECã‚µãƒ¼ãƒ“ã‚¹ã€ŒLINE MALLã€ã‚’Androidç‰ˆã‚¢ãƒ—ãƒªå…ˆè¡Œã§å…¬é–‹ã—ãŸã€‚2014å¹´æ—©ã€…ã«iPhoneã«ã‚‚å¯¾å¿œã—ã€æ˜¥é ƒäºˆå®šã®ã‚°ãƒ©ãƒ³ãƒ‰ã‚ªãƒ¼ãƒ—ãƒ³ã«åˆã‚ã›ä¼æ¥ã‹ã‚‰ã®æœ¬æ ¼çš„ãªå‡ºå“ã‚‚å—ã‘ä»˜ã‘ã‚‹ã¨ã„ã†ã€‚ èª°ã‚‚ãŒæ‰‹è»½ã«å–å¼•ã§ãã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ LINE MALLã§ã¯ã€ã‚¢ãƒ—ãƒªã‚’é€šã˜ã¦å‡ºå“ãƒ»è³¼å…¥ãƒ»æ”¯æ‰•ã„ãªã©ã®æ‰‹é †ã‚’ã‚µãƒãƒ¼ãƒˆã—ã€å•†å“ã®å£²è²·ãŒã‚¹ãƒžãƒ›å†…ã ã‘ã§å®Œçµã™ã‚‹ã€‚äº‹å‰å¯©æŸ»ãªã©ã¯ãªãï¼ˆä¼æ¥ã«ã‚ˆã‚‹å‡ºå“ã¯å¿…è¦ãªå ´åˆã‚‚ã‚ã‚‹ï¼‰ã€ã‚¹ãƒžãƒ›ã§æ’®å½±ã—ãŸå†™çœŸã‚’åˆ©ç”¨ã—ã€è²©å£²ä¾¡æ ¼ã‚’è¨å®šã€å‡ºå“ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã ã‘ã®3ã‚¹ãƒ†ãƒƒãƒ—ã§æ‰‹è»½ã«å‡ºå“ã§ãã‚‹ã®ãŒç‰¹é•·ã ã€‚ LINE MALLã®åˆ©ç”¨ã«ã¯LINEèªè¨¼ã¨å°‚ç”¨ã®MALL IDä½œæˆãŒå¿…è¦ã¨ãªã‚‹ãŒã€ãã‚Œã ã‘ã§ã¯LINEã®å‹ã ã¡ã¨ã¯ã¤ãªãŒã‚‰ãšã€åŒ¿åã§ã®å‡ºå“ã‚„å•†å“è³¼å…¥ã‚‚ã§ãã‚‹ã€‚ä¸€æ–¹ã§ã€è‡ªåˆ†ãŒå‡ºå“ã—ãŸå•†å“ã‚„æ°—ã«å…¥ã£ãŸå•†å“ã‚’ã€LINEã‚’é€šã˜ã¦å‹ã ã¡ã«ã‚·ã‚§ã‚¢ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã¨ãªã£

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

ç¤¾å†…ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ã€æ´»å‹•é–‹å§‹

2013å¹´12æœˆ21æ—¥ è‘— å…ˆæ—¥ã€å‹¤å‹™å…ˆã§ç¤¾å†…ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ã‚Šã¾ã—ãŸã€‚html5jã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ï¼ˆãŒé–‹å‚¬ã—ã¦ã„ã‚‹MarkupCafeï¼‰ã«ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã•ã‚ŒãŸæ´»å‹•ã§ã€å„ã€…ãŒè€ƒãˆã‚‹æœ€å¼·ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ï¼ˆè¬Žï¼‰ã‚’æŠ«éœ²ã—åˆã†ã“ã¨ã«ã‚ˆã‚Šã€HTMLã¸ã®ç†è§£ã‚’æ·±ã‚ã‚ˆã†çš„ãªæ´»å‹•ã§ã™ã€‚ä»Šå›žã¯ã€ã“ã®å…ˆã®ä¸å®šæœŸé–‹å‚¬ã«å‘ã‘ãŸãƒ†ã‚¹ãƒˆã¨ã„ã†ä½ç½®ä»˜ã‘ã§å‚¬ã•ã‚Œã€ãŠé¡Œã¯ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã§ã‚ã‚Šã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã€ã¨è¨€ã†ã®ã¯æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ãªã©ã®ä¸‹ã®ã»ã†ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã§ã™ã€‚å‘¼ã³æ–¹ã«ã¯ãƒ‘ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹è«¸èª¬ã‚ã‚‹ã‚ˆã†ã§ã™ãŒã€ã“ã“ã§ã¯ç¶šãƒ»ã‚ˆãã‚ã‚‹3ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©è§£ | HTML5Experts.jpã‚’å‚è€ƒã«ã€ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã¨è¨˜è¼‰ã—ã¦ãŠãã¾ã™ã€‚ä½•ã®å‰ææ¡ä»¶ã‚‚ç¸›ã‚Šã‚‚ãªãã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã ã‘ã‚’è¦‹ã¦è€ƒãˆã‚‹ã¨ã„ã†ãƒ«ãƒ¼ãƒ«ã§ã—ãŸã®ã§ã€ãã‚ŒãŒã‹ãˆã£ã¦è‰¯ã‹ã£ãŸã¨ã„ã†ã‹ã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã‹ã‚‰å¦¥å½“æ€§ã‚’æ¤œè¨Žã™ã‚‹é¢ç™½å‘³ã‚’

donnie28064212 2013/12/24

ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è€ƒå¯Ÿ

ãƒªãƒ³ã‚¯

BEMã«å‘ã„ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã€å‘ã„ã¦ã„ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ - dskd

å…¬é–‹æ—¥2013-12-22ã‚¿ã‚°Advent CalendarBEM CSSBEM Advent Calendar 2013 21 æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ BEM ã«ã¤ã„ã¦ãƒ„ãƒ¼ã‚¤ãƒƒã‚¿ãªã©ã§ã¼ã‚„ã„ã¦ã„ã‚‹ã¨ã€ã€ŒBEM ã¯å‘ã„ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¨å‘ã„ã¦ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ã‚‹æ„Ÿã˜ã™ã‚‹ã€ã¿ãŸã„ãªã‚¨ã‚¢ãƒªãƒ¼ãƒ„ãƒ¼ã‚¤ãƒƒãƒˆã‚’è¦³æ¸¬ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚BEM ã«å‘ã„ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãã‚Œã£ã¦ã¤ã¾ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ HTML ã‚’èµ·ã“ã™æ™‚ã« Block, Element ã®ãƒ„ãƒªãƒ¼æ§‹ç¯‰ãŒã—ã‚„ã™ãã†ã§ã€Modifier ç®¡ç†ã«ã§ããã†ãªçŠ¶æ…‹ã®é•ã„ã‚’å«ã‚“ã§ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã“ã¨ã§ã—ã‚‡ã†ã‹ã€‚å‘ã„ã¦ã„ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã¨ãã®é€†ã§ã™ã‹ãã€‚ãã†ã ãªã¨æ€ã‚ãªã„ã§ã‚‚ãªã„ã®ã§ã™ãŒã€ã‚ˆãã‚ˆãè€ƒãˆã¦ã¿ã‚‹ã¨ BEM ã«ã¯å‘ãä¸å‘ããªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ãŒæœ¬å½“ã«ã‚ã‚‹ã®ã‹ã€ç–‘å•ãªã®ã§ãƒã‚¨ãƒ ã‚’ç¶´ã‚Šã¾ã™ã€‚ ãã‚‚ãã‚‚ BEM ã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã—ã‚„ã™ãã™ã‚‹ãŸã‚ã«ã‚ã‚‹ã®ã§ã¯ãªã„ã¨æ€ã†

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

WAI-ARIAã¨SVG

åŸ‹ã‚è¾¼ã¿SVGã®descè¦ç´ ç‰ã®å ´åˆã€imgè¦ç´ ã«ãŠã‘ã‚‹altå±žæ€§ã®ã‚ˆã†ã«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã¨ã„ã†äº‹æƒ…ã«WAI-ARIAã‚’ä½¿ã£ã¦ãªã‚“ã¨ã‹ã§ãã‚‹ã®ã§ã—ã‚ˆã†ã¨ã„ã†è¨˜äº‹ã‚’èªã‚“ã ã€‚åŸ‹ã‚è¾¼ã¿(ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³)SVGã¯ãŠã–ãªã‚Šã«å¯¾å¿œã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªå°è±¡ãŒã‚ã‚‹ã‘ã©ã€ã‚¦ã‚§ãƒ–ã¯ãã†ã„ã†ã®ã‚‚å¤šå°‘ã¯å¸åŽã§ãã‚‹ã‚ˆã†ãªæ™‚ä»£ã«ãªã£ã¦ããŸã‚“ã ãªã¨æ€ã†ã€‚ãã®ä¸€æ–¹ã§ã€Œå¸åŽã§ãã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã“ã¨ã¨ã‹ã¯å…·ä½“çš„ã«æ˜Žæ–‡åŒ–ã•ã‚Œã¦ã„ãªã„ã“ã¨ã‚‚æ„Ÿã˜ã‚‹ã€‚ã‚„ã£ã±ã‚Šå¿…è¦ãªã®ã¯ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãªã®ã‹ãªã€‚

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

Google Driveã®è£æŠ€ã¾ã¨ã‚ã€ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆç·¨ã€‘

FINDJOB! çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9æœˆ29æ—¥ã«FINDJOB!ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”åˆ©ç”¨ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…æ§˜ã€æ§˜ã€…ãªã”é–¢ä¿‚è€…æ§˜ã€‚ å¤§å¤‰é•·ã‚‰ãFINDJOB!ã‚’ã”æ„›é¡§ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„æ±‚äººãŒã¾ã åºƒãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’ç¶šã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ è»¢è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„è¨€è‘‰ã‚‚ãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!çµŒç”±ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…å½“ã«ãªã‚Šã€ FINDJOB!ã‚’é€šã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9æœˆ29æ—¥ã‚’ã‚‚ã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’ä¸‹ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ ä»Šå¾Œã‚‚ã€IT/Webæ¥ç•Œã‚„ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–

donnie28064212 2013/12/24

ãƒªãƒ³ã‚¯

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

ã‚¿ã‚°

2013å¹´12æœˆ24æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14ä»¶)

ã‚†ã‚ã„ã‚ãƒ‡ã‚¶ã‚¤ãƒ³ï½œãƒ–ãƒ©ãƒ³ãƒ‰ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ»Web/UX/UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆ ãƒ’ã‚¬ã‚·ãƒŠã‚ªãƒ¤

ãƒ¢ãƒ‡ã‚£ãƒ•ã‚¡ã‚¤ã‚¢ã®ä»˜ã‘æ–¹

lovely ui

Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

ãƒ¢ãƒã‚¤ãƒ«UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ã«ç«‹ã¤UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼é›†17é¸ - showrtpath - iOSãƒ–ãƒ©ã‚¦ã‚¶é–‹ç™ºæ—¥è¨˜

ã“ã“ã¾ã§ã§ãã‚‹ï¼Bootstrapã§ä½œã‚‰ã‚ŒãŸå›½å†…ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã¾ã¨ã‚20å€‹ | A40

ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£

Loading...

èª°ã§ã‚‚ä½•ã§ã‚‚å£²è²·ã§ãã‚‹ã€ŒLINE MALLã€ãŒå§‹å‹•ã€äº‹å‰å¯©æŸ»ã‚„æœˆé¡è²»ç”¨ãªã—

ç¤¾å†…ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ã€æ´»å‹•é–‹å§‹

BEMã«å‘ã„ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã€å‘ã„ã¦ã„ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ - dskd

WAI-ARIAã¨SVG

Google Driveã®è£æŠ€ã¾ã¨ã‚ã€ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆç·¨ã€‘

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

2013å¹´12æœˆ24æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14ä»¶)

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

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

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

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

å…¬å¼Twitter

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

å…¬å¼Twitter

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

2013å¹´12æœˆ24æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14ä»¶)

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

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

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

å…¬å¼Twitter

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

å…¬å¼Twitter

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