[B! ä¾¿åˆ©][ui] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

ä¾¿åˆ©ã¨uiã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

UI TilesÂ·Webã‚µã‚¤ãƒˆå…¨ä½“ã®ç”»é¢é·ç§»è¨è¨ˆã«ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³é›† MOONGIFT
Webã‚µã‚¤ãƒˆã‚’é–‹ç™ºã™ã‚‹éš›ã«ä½¿ã‚ã‚Œã‚‹ã®ãŒç”»é¢é·ç§»ã‚’è¡¨ç¾ã™ã‚‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã§ã™ã€‚ä¾‹ãˆã°ã‚³ãƒžãƒ¼ã‚¹ã§ã‚ã‚Œã°ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‹ã‚‰å•†å“ä¸€è¦§ã€ã‚«ãƒ†ã‚´ãƒªä¸€è¦§ã‚„å•†å“ã®ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãªã©ã®é·ç§»ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ æ·±ããªã£ã¦ã—ã¾ã†å ´æ‰€ãŒãªã„ã‹ç¢ºèªã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶å‹•ç·šãŒæ£ã—ãæã‘ã¦ã„ã‚‹ã‹ã©ã†ã‹ç¢ºèªã™ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ã€‚UI Tilesã¯ãã‚“ãªãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ä½œæˆã™ã‚‹ã®ã«ä¾¿åˆ©ãªãƒ‡ã‚¶ã‚¤ãƒ³é›†ã§ã™ã€‚ UI Tilesã®ä½¿ã„æ–¹ UI Tilesã¯PNGã®ä»–ã€Photoshopã‚„Illustratorå½¢å¼ã§ãƒ•ã‚¡ã‚¤ãƒ«ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ PNGç‰ˆã€‚ç”»é¢ã®ãƒ¢ãƒƒã‚¯ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ãã‚Œãžã‚Œå°ã•ã„ãªãŒã‚‰ã‚‚ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ å‹•ç”»ãƒ—ãƒ¬ãƒ¼ãƒ¤ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãƒšãƒ¼ã‚¸ã‚‚ã‚ã‚Šã¾ã™ã€‚ PSDã¯ãƒ‡ãƒ¢ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ä¸€è¦§ã€‚ Illustratorã‚‚åŒæ§˜ã§ã™ã€‚ UI Tilesã‚’ä½¿ã†ã¨ã€ã“ã‚Œã¾ã§ã¯å˜ãªã‚‹å››è§’ã„æž ã«å¯¾ã—ã¦ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãªã©ã¨ãƒ©ãƒ™ãƒ«ã‚’è²¼ã£ã¦
beth321 2014/12/29
ã‚µã‚¤ãƒˆ

ui

webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€

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

web

ç´ æ

*ã‚ã¨ã§èªã‚€

ä¾¿åˆ©

*WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Deziner FolioÂ» Blog Archive Â» df Javascript Smooth Scroll
Having a strong online presence continues to be extremely important for any individual or business today. When you are lookingâ€¦
beth321 2014/10/17
JavaScript

*javascript

library

ä¾¿åˆ©

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ajax

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

scroll

UI

webdesign
ãƒªãƒ³ã‚¯
ã‚¤ã‚±ã¦ã‚‹UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆã€ŒDesign Patterns on CodePenã€ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒDesign Patterns on CodePenã€ã¯ã‚¤ã‚±ã¦ã‚‹UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆã§ã™ã€‚CodePenã¨ã„ã†HTMLã€CSSã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’å…±æœ‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ãã®ä¸ã‹ã‚‰ã€ç‰¹ã«å„ªã‚ŒãŸUIã‚’é›†ã‚ãŸã®ãŒã“ã®ã‚µã‚¤ãƒˆã«ãªã‚Šã¾ã™ã€‚ãã®å ´ã§å®Ÿè¡Œã•ã‚Œã€å‹•ä½œã®ç¢ºèªã‚‚ã§ãã¾ã™ã—ä¾¿åˆ©ã§ã™ãã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšDesign Patterns on CodePenã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ã€Œãƒœã‚¿ãƒ³ã€ã€Œãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã€ã€Œãƒšãƒ¼ã‚¸ãƒ³ã‚°ã€ã€Œã‚¿ãƒ–ã€ãªã©ã®UIãƒ‘ãƒ¼ãƒ„ã”ã¨ã«ã‚«ãƒ†ã‚´ãƒ©ã‚¤ã‚ºã•ã‚Œã¦ã„ã¾ã™ã€‚ è©³ç´°ã¯ã“ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ãŒä¸Šéƒ¨ã«ã‚ã‚Šã€ä¸‹éƒ¨ã«ãã‚Œã‚’å®Ÿè¡Œã—ãŸçµæžœãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãæ›ãˆã‚‹ã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§çµæžœã‚‚å¤‰ã‚ã‚‹ã®ã§ä¾¿åˆ©ã§ã™ãã€‚æ°—ã«å…¥ã£ãŸUIã‚’è¦‹ã¤ã‘ãŸã‚‰ã€ãã®ä½œã‚Šæ–¹ã‚’å‚è€ƒã«ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ãœã²UIã‚’è€ƒãˆã‚‹éš›ã«ã‚‚ã”æ´»ç”¨ãã ã•ã„ã€‚ D
beth321 2014/10/11
hatena

ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒª

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

ui

**

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

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

design

ä¾¿åˆ©

ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼
ãƒªãƒ³ã‚¯
Fluentd UIãŒå‡ºãŸã®ã§è§¦ã£ã¦ã¿ãŸ - ã™ãšã‘ã‚“ãƒ¡ãƒ¢
fluent/fluentd-ui https://github.com/fluent/fluentd-ui Fluentdç”¨ã®Web UIãŒå‡ºãŸã‚ˆã†ã§ã™ã€‚è©¦ã—ã«è§¦ã£ã¦ã¿ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« READMEã®ã¨ãŠã‚Šã§ã™ãŒã€ $ gem install fluentd-ui $ fluentd-ui start Open http://localhost:9292/ by your browser default account is username="admin" and password="changeme" ã‚‚ã—ãã¯ã€ $ git clone https://github.com/treasure-data/fluentd-ui $ cd fluentd-ui $ bundle install $ bundle exec rails s ã§ã™ã€‚ åƒ•ã¯bundlerã§ã„ã‚Œã‚‹ã“ã¨ã«ã—ã¾ã—ãŸ
beth321 2014/08/02
fluentd

ã‚µãƒ¼ãƒ

ui

ãƒã‚°

rails

ã‚ã¨ã§èªã‚€

webã‚µãƒ¼ãƒ“ã‚¹

memo

ä¾¿åˆ©

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
iOSã®ã‚«ã‚¹ã‚¿ãƒ ç”»é¢é·ç§»64ç¨®é¡žã‚’è©¦ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹ã—ã¾ã—ãŸ - Over&Out ãã®å¾Œ
ãƒªãƒã‚¸ãƒˆãƒªã ã‘ã¤ãã£ã¦ã€ãšã£ã¨æ”¾ç½®ã—ã¦ãŸ ã€ŒiOS ã®ã‚«ã‚¹ã‚¿ãƒ ç”»é¢é·ç§»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚¢ãƒ—ãƒªã€ ã«ã‚„ã£ã¨æ‰‹ã‚’ã¤ã‘ã¦ã€64ç¨®é¡ž ã‚’è©¦ã›ã‚‹ã‚ˆã†ã«ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ https://github.com/shu223/AnimatedTransitionGallery ãªãœã¤ãã£ãŸã®ã‹ iOS 7 ã‹ã‚‰ UIViewControllerAnimatedTransitioning ãŠã‚ˆã³ UIViewControllerTransitioningDelegate ãƒ—ãƒãƒˆã‚³ãƒ«ãŒè¿½åŠ ã•ã‚Œã€ã‚«ã‚¹ã‚¿ãƒ ç”»é¢é·ç§»ï¼ˆãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼‰ãŒæ ¼æ®µã«å®Ÿè£…ã—ã‚„ã™ããªã‚Šã¾ã—ãŸãŒã€çµå±€ã®ã¨ã“ã‚å®Ÿéš›ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã¯è‡ªåˆ†ã§å®Ÿè£…ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã§ã€ã‚«ã‚¹ã‚¿ãƒ ç”»é¢é·ç§»ã¯ UIViewController ã®å®Ÿè£…ã¨ã¯åˆ‡ã‚Šé›¢ã›ã‚‹ã‚ˆã†ã«APIãŒè¨è¨ˆã•ã‚Œã¦ã„ã¦ã€ä½¿ã„å›žã—ã‚„ã™ã„ ã®ã§ã€ã“ã†ã—ã¦ä¸€ã‚«æ‰€ã«ã¾ã¨ã¾ã£ã¦ã„ã¦ã™ãã«è©¦ã›ã¦è¦‹æ¯”
beth321 2014/04/17
UI

iOS

objective-c

é–‹ç™º

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

ios7

app

iPhoneé–‹ç™º

iOS 7

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
2013å¹´ç·ã¾ã¨ã‚ï¼šã‚¦ã‚§ãƒ–åˆ¶ä½œã«å½¹ç«‹ã¤ã‚¨ãƒ³ãƒˆãƒªãƒ¼Best 20
2013å¹´ã€å½“ã‚µã‚¤ãƒˆã®ã‚¦ã‚§ãƒ–åˆ¶ä½œã«å½¹ç«‹ã¤ã‚¨ãƒ³ãƒˆãƒªãƒ¼Best 20ã®ç´¹ä»‹ã§ã™ã€‚ åŽ»å¹´ã¾ã§ã¯ã€ã¯ã¦ãƒ–æ•°ãŒå¤šã‹ã£ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã—ãŸãŒã€ä»Šå¹´ã¯Pocketã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå¤šã„ã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ã‚³ãƒªã‚¹ å½“ã‚µã‚¤ãƒˆã®è³¼èªã¯ã€RSS Feedã‚’ã”åˆ©ç”¨ã™ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ ã‚³ãƒªã‚¹ã®RSS Feed FeedBurnerçµŒç”±ã®æ–¹ã¯ã€å¤‰æ›´ã‚’ãŠé¡˜ã„ã—ã¾ã™ï¼ [ad#ad-2] 2013å¹´ã€Pocketã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå¤šã‹ã£ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ 2014å¹´ç”¨ã€æ¼¢å—ã‚‚æƒã£ã¦ã„ã‚‹æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -å•†ç”¨ã‚µã‚¤ãƒˆã ã‘ã§ãªãåŒäººèªŒãªã©ã§ã®åˆ©ç”¨ã‚‚æ˜Žè¨˜ ä¸€ã¤ã®ã‚«ãƒ©ãƒ¼ã‹ã‚‰é…è‰²ã‚»ã‚ªãƒªãƒ¼ã«åŸºã¥ã„ã¦ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ã‚’ä½œã‚Šã ã™é…è‰²è¨è¨ˆã«å½¹ç«‹ã¤ãƒ„ãƒ¼ãƒ«ã®ã¾ã¨ã‚ Photoshopã®ä½œæ¥åŠ¹çŽ‡ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ä¾¿åˆ©ã™ãŽã‚‹ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚ Photoshopã§æ–‡å—ã‚’ã‚ˆã‚Šã‚·ãƒ£ãƒ¼ãƒ—ã«ã‚¯ãƒªã‚¢ã«è¦‹ã›ã‚‹ã“ã¤ -1pxæœªæº€ã®ã“ã ã‚ã‚Š ã‚¦ã‚§
beth321 2013/12/26
css3

jQuery

css

ä¾¿åˆ©

UI

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

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

ã‚¢ã‚¤ã‚³ãƒ³

css

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒã‚¹ãƒ«ãƒ¼ãƒ ãŒè¶…ã‚¹ãƒƒã‚ãƒªã‹ã¤è¡›ç”Ÿçš„ãªå£é¢åŽç´ã€Œmogã€ãŒã™ã”ãè‰¯ã‹ã£ãŸ | ROOMIEï¼ˆãƒ«ãƒ¼ãƒŸãƒ¼ï¼‰
ãƒã‚¹ãƒ«ãƒ¼ãƒ ãŒã‚‚ã®ã™ã”ãã‚¹ãƒƒã‚ãƒªã—ã¾ã™ã€‚ ã‚·ãƒ£ãƒ³ãƒ—ãƒ¼ã‚‚ã‚«ãƒŸã‚½ãƒªã‚‚ã€æ¯ç£¨ãç”¨ã®ã‚³ãƒƒãƒ—ã‚‚å…¨éƒ¨ç½®ãã®ã§ã¯ãªãã€å£ã«è²¼ã‚‹ã€Œmogï¼ˆãƒ¢ã‚°ï¼‰ã€ã‚·ãƒªãƒ¼ã‚ºã€‚ç§ã‚‚è²·ã£ã¡ã‚ƒã„ã¾ã—ãŸã€‚ã™ã”ãè‰¯ã„ã§ã™ã€‚ ç‰©ã‚’ã—ã¾ã‚ãªã„ã€ä¸‹ã«ç½®ã‹ãªã„ã€ãã®ä»£ã‚ã‚Šã«å¸ç›¤ã§å£é¢ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ãã†ã™ã‚Œã°æ°´æ°—ã‚‚åˆ‡ã‚Œã‚‹ã—ã€ç”¨é€”ã«åˆã‚ã›ã¦ä½¿ã„å‹æ‰‹ã®è‰¯ã„å ´æ‰€ã«æ€ã„ã©ãŠã‚Šã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãã¾ã™ã€‚ ä¾‹ãˆã°ã“ã®ãƒžã‚°ãƒãƒƒãƒˆã‚³ãƒƒãƒ—ãŒä¾¿åˆ©ã€‚ ã‚³ãƒƒãƒ—ã¨å¸ç›¤ãŒç£çŸ³ã§ãã£ã¤ã„ã¦ã€å£ã«ã‚¹ãƒƒã‚ãƒªåŽç´ï¼ã€€ã¾ãŸã€æ®‹ã£ãŸæ°´ãŒã‚³ãƒƒãƒ—ã®åº•ã«æºœã¾ã‚‹ã“ã¨ãªãè¡›ç”Ÿçš„ã§ã™ã€‚ ãã—ã¦ã“ã®ã‚½ãƒ¼ãƒ—ãƒ‡ã‚£ã‚¹ãƒšãƒ³ã‚µãƒ¼ã‚‚è‰¯ã‹ã£ãŸã€‚å ´æ‰€ã‚’ã¨ã‚‹ã‚·ãƒ£ãƒ³ãƒ—ãƒ¼ãªã©ã‚’ã“ã®ãƒ‡ã‚£ã‚¹ãƒšãƒ³ã‚µãƒ¼ã«å…¥ã‚Œã¦ã€ä½¿ã„ã‚„ã™ã„å ´æ‰€ã«ãã£ã¤ã‘ã¾ã™ã€‚ã¾ã‚“ä¸ã®éƒ¨åˆ†ã‚’ç‰‡æ‰‹ã§æŠ¼ã™ã ã‘ã§ã€ã‚½ãƒ¼ãƒ—ãŒå‡ºã¦ãã¾ã™ã€‚ ç½®ãå ´ã«å›°ã‚‹ã‚«ãƒŸã‚½ãƒªãªã‚“ã‹ã‚‚ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ ãã®ä»–ç´°ã‹ã„ã‚‚ã®ã¯ãƒ©ãƒƒã‚¯ã«å…¥ã‚Œã¦ç½®ã„ã¦ãŠã‘ã¾ã™ã€‚ ä»–ã«ã‚‚ã‚¿ã‚ªãƒ«ãƒ©ãƒƒã‚¯ã‚„æ¯ãƒ–ãƒ©ã‚·å…¥ã‚Œãªã©ã€ã„ã‚ã‚“
beth321 2013/11/21
japan

ç”Ÿæ´»

æŽƒé™¤

ä¾¿åˆ©

interior

ã‚‚ã®

åŽç´

goods

ãŠã—ã‚ƒã‚Œ

UI
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸ - shoya.io
Paletta - HSV Color palette for every Programmer èƒŒæ™¯ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å°é ã«ã‚ˆã£ã¦ã€æ˜¨ä»Šã®ã‚¢ãƒ—ãƒª/ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã«ãŠã„ã¦ã€Œè‰²é¸ã³ã€ãŒé‡è¦è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¾‹ãˆã°ä¸Šã®å†™çœŸã¯æ¬¡ã®ãƒˆã‚¤ãƒ¬ã®æ™‚åˆ»ã‚’æ©Ÿæ¢°å¦ç¿’ã§äºˆæ¸¬ã™ã‚‹RestCastã¨ã„ã†ã‚¢ãƒ—ãƒªã§ã™ãŒã€ã€Œã„ã„æ„Ÿã˜ã®é’ã€ã‚’åŸºèª¿ã¨ã—ãŸã‚¿ã‚¤ãƒ«ã‚’æ•·ãã“ã¨ã§ã€ãƒˆã‚¤ãƒ¬ã¨ã„ã†ãƒ¯ãƒ¼ãƒ‰ã‚’ãƒ‹ã‚ªãƒ¯ã‚»ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä»•ä¸ŠãŒã‚‹ã‚ˆã†å¿ƒãŒã‘ã¦ã¤ãã‚Šã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®çš†ã•ã‚“ã¯æ™®æ®µã©ã†ã‚„ã£ã¦è‰²ã‚’é¸ã‚“ã§ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚å¤šãã®å ´åˆã€æ—¢å˜ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ã½ã¡ã½ã¡é¸æŠžã—ãŸã‚Šã€#123456ã®ã‚ˆã†ãªã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’èª¿æ•´ã™ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚å®Ÿã¯ã€ã“ã®æ–¹æ³•ã§ã€Œã„ã„æ„Ÿã˜ã®è‰²ã€ã‚’é¸ã¶ã®ã¯é›£ã—ã„ã®ã§ã™ã€‚ãã®ç†ç”±ã‚’è‰²ã®è¡¨ç¾æ–¹æ³•ã‚’è¸ã¾ãˆã¦èª¬æ˜Žã—ã¾ã™ã€‚ æ··è‰²ç³»ã¨é¡•è‰²ç³» è‰²ã‚’æ•°å€¤ã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’è¡¨è‰²ç³»ã¨ã„ã„ã¾ã™ã€‚ã‚ªã‚¹ãƒˆãƒ¯ãƒ«ãƒˆè¡¨è‰²ç³»ã‚„ãƒžãƒ³ã‚»
beth321 2013/08/21
ãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

è‰²

color

é–‹ç™º

design

ã‚¢ãƒ—ãƒª

UI

ä¾¿åˆ©

ã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
æ–°æ„Ÿè¦šãƒ•ã‚©ãƒ³ãƒˆã€‚æ•°å—ã¨è¶³ã—ç®—ã‹ã‚‰ã‚°ãƒ©ãƒ•ã‚’ç”Ÿæˆã€ŒFF Chartwellã€ | ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚·ãƒ³ã‚ãƒ³ã‚°
å¤‰ã‚ã£ãŸãƒ•ã‚©ãƒ³ãƒˆã€ŒFF Chartwellã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ•°å—ã¨è¶³ã—ç®—ã‹ã‚‰ã‚°ãƒ©ãƒ•ã‚’ç”Ÿæˆã§ãã¾ã™ã€‚ Adobeã®Illustratorã€InDesignã€Photoshopã§ä½¿ãˆã‚‹ã‚ˆã†ã§ï¼ˆå‚è€ƒï¼‰ã€ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ã€ŒFF Chartwellã€ã‚’é¸ã³ã€ãƒ†ã‚ã‚¹ãƒˆã«è¶³ã—ç®—ã‚’æ‰“ã¡è¾¼ã‚“ã§å¤‰æ›ã‚’ã‹ã‘ã‚‹ã¨ã‚°ãƒ©ãƒ•ã«ãªã‚Šã¾ã™ã€‚ ã‚°ãƒ©ãƒ•ç”Ÿæˆæ‰‹é †ã¯è¨€è‘‰ã§æ›¸ãã‚ˆã‚Šã‚‚ã€ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ ãƒ¼ãƒ“ãƒ¼ã‚’è¦‹ãŸæ–¹ãŒã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ä½¿ã†æ–‡å—ã¯ã€æ•°å—ã¨è¶³ã—ç®—ã ã‘ã®ã‚ˆã†ã§ã™ãã€‚ ç¾Žã—ã„ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«æã‘ãã†ã§ã™ã€‚ ã€ŒFF Chartwellã€ãƒ•ã‚©ãƒ³ãƒˆã¯å…¨éƒ¨ã§7ç¨®é¡žã‚ã‚Šã€ãã‚Œãžã‚Œå¯¾å¿œã™ã‚‹ã‚°ãƒ©ãƒ•ãŒç•°ãªã‚Šã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆãƒ»ãƒ¬ãƒ¼ãƒ™ãƒ«ã€ŒFontFontã€ãŒã“ã¡ã‚‰ã§è²©å£²ã—ã¦ã„ã¾ã™ï¼ˆ1ç¨®é¡ž $25ï¼‰ã€‚
beth321 2012/08/17
ãƒ•ã‚©ãƒ³ãƒˆ

ã‚°ãƒ©ãƒ•

font

chart

graph

photoshop

Material

adobe

ui

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
U-NOTEã€ãƒ¦ãƒ¼ãƒŽãƒ¼ãƒˆã€‘- ãƒ“ã‚¸ãƒã‚¹ãƒžãƒ³ã®ãŸã‚ã®ãƒŽã‚¦ãƒã‚¦ã¾ã¨ã‚ã‚’ç„¡æ–™ã§
U-NOTE ã‚µã‚¤ãƒˆé–‰éŽ–ã®ãŠçŸ¥ã‚‰ã› é•·ã‚‰ãã®ã”åˆ©ç”¨ã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ å½“ã‚µã‚¤ãƒˆã¯2024å¹´12æœˆ31æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦é–‰éŽ–ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã®ã”æ”¯æ´ã«å¿ƒã‚ˆã‚Šæ„Ÿè¬ç”³ã—ä¸Šã’ã¾ã™ã€‚
beth321 2012/06/06
ãƒ‹ãƒ¥ãƒ¼ã‚¹

webã‚µãƒ¼ãƒ“ã‚¹

ãƒ¡ãƒ‡ã‚£ã‚¢

æƒ…å ±åŽé›†

ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆ

ãƒ‹ãƒ¥ãƒ¼ã‚¹

WEBã‚¦ã‚©ãƒƒãƒ

gamification
ãƒªãƒ³ã‚¯
[JS]ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã¡ã‚‡ã£ã¨ã ã‘ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -minjs
ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã€ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãªã©ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã™ã‚‹UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’åŠ ãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ minjs - Minimalist JavaScript [ad#ad-2] minjsã¯ç¾åœ¨ã€3ã¤ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ minform longtable drcal minform HTML5ã®ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’éžã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ minform -GitHub [ad#ad-2] minformã®ä½¿ã„æ–¹ minformã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã™ã‚‹ã ã‘ã§ã€ä¸‹è¨˜ã®ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®æ©Ÿèƒ½ãŒéžã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ placeholders å…¥åŠ›æ¬„ã«ãƒ’ãƒ³ãƒˆã®ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ autofocus å…¥åŠ›æ¬„ã‚’ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¾ã™ã€‚ required å¿…é ˆå…¥åŠ›ã®æ¬„ã§ã€
beth321 2012/05/15
jQuery

jQuery

ãƒ•ã‚©ãƒ¼ãƒ

UI

JavaScript

ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼

ãƒ†ãƒ¼ãƒ–ãƒ«

css

ä¾¿åˆ©

JS
ãƒªãƒ³ã‚¯
1