[B! UI] surumedakaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

surumedaka id:surumedaka

UIã«é–¢ã™ã‚‹surumedakaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

iOSã§ã‚¿ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹XLPagerTabStripãŒç´ æ™´ã‚‰ã—ã„ - ã‚¢ãƒ‹ãƒžãƒé–‹ç™ºæ—¥èªŒ
ã‚ˆãã‚ã‚‹æ¨ªã‚¹ãƒ¯ã‚¤ãƒ—ã§ç§»å‹•ã§ãã‚‹ã‚¿ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ Androidã¯æ¨™æº–ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«å«ã¾ã‚Œã¦ã„ã¾ã™ãŒã€iOSã®å ´åˆã¯è‡ªä½œã‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã‹ã®ã©ã¡ã‚‰ã‹ã«ãªã‚Šã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ã‚¢ãƒ—ãƒªã®ã‚¢ãƒ‹ãƒžãƒ!ã§ã¯ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ¯”è¼ƒã—ãŸçµæžœã€RMPScrollingMenuBarControllerã‚’æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ å½“æ™‚ã®çŠ¶æ³ã§ã¯ãƒ™ã‚¹ãƒˆã ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€æ–°ã—ãã¨ã¦ã‚‚è‰¯ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ Xmartlabsã¨ã„ã†ã‚¦ãƒ«ã‚°ã‚¢ã‚¤ã®ä¼šç¤¾ãŒä½œã£ã¦ã„ã¾ã™ã€‚ Githubã®ã‚¹ã‚¿ãƒ¼ãŒ2,231ä»¶(2016å¹´3æœˆç¾åœ¨)ã¨ã‹ãªã‚Šã®äººæ°—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚¢ãƒ‹ãƒžãƒã§å®Ÿè£…ã—ãŸæ™‚ã«è¦‹ã¤ã‘ã¦ã„ã‚Œã°ã“ã¡ã‚‰ã‚’æŽ¡ç”¨ã—ã¦ã„ãŸã®ã«ã€‚ã€‚ã€‚ è»½ãè§¦ã£ãŸã ã‘ã§ã™ãŒã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å‡„ã„ã¨æ€ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ XLPagerTabStripã®ç‰¹å¾´ Swiftè£½ æ´»ç™ºã«é–‹ç™ºã•ã‚Œã¦ã„ã‚‹å®‰å¿ƒæ„Ÿ(2016å¹´3æœˆç¾åœ¨) è±Šå¯Œãªè¡¨ç¤ºæ–¹æ³• æ—¢å˜ã®
surumedaka 2016/03/23
Swift

UI

library
ãƒªãƒ³ã‚¯
ã²ã¨ã¤ã®iOSã‚¢ãƒ—ãƒªãŒã§ãã‚‹ã¾ã§ â€“ Lluminoã‚’æ”¯ãˆã¦ãã‚ŒãŸã‚‚ã®ãŸã¡ã€‚ - ã“ã“ã½ã‚“ã®ãƒ¼ã¨
ä»Šå›žã¯æ„Ÿè¬ã‚’è¾¼ã‚ã¦ã€Lluminoã‚’æ”¯ãˆã¦ãã‚ŒãŸã‚‚ã®ãŸã¡ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªåˆ¶ä½œã«æºã‚ã‚‹äººã®å‚è€ƒã«ãªã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ 10å¹´å¾Œã§ã‚‚(ãŸã¶ã‚“)é€šã˜ã‚‹æœ€å¼·ã®ã‚¨ãƒ‡ã‚£ã‚¿ â€“ Vimè¨€ã‚ãšã¨çŸ¥ã‚ŒãŸã€æµè¡Œã«å·¦å³ã•ã‚Œãªã„æœ€å¼·ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã€‚ Macãªã‚‰ã€ã•ã‹ã‚‚ã¨ã•ã‚“ãŒå…¬é–‹ã—ã¦ãã‚Œã¦ã„ã‚‹mac vim-kaoriyaãŒã‚ªã‚¹ã‚¹ãƒ¡ã€‚ hjklã‚«ãƒ¼ã‚½ãƒ«ç§»å‹•ã®å£ã‚’è¶Šãˆã‚‹ã¨ã€è„³ãŒã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã¨ç›´çµã—ã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¥ã‚Œã‚Œã°ã€è£œå®Œã‚‚ã§ãã¾ã™ã€‚é™çš„è§£æžã‚‚ã§ãã¾ã™ã€‚ ãã‚Œã§ã‚‚ãªã„æ©Ÿèƒ½ã¯ã€è‡ªåˆ†ã§Vim scriptæ›¸ã„ã¦ã¤ãã‚Šã¾ã—ã‚‡ã†ã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã‚¤ãƒ©ãƒ¬ãŒãªãã¦ã‚‚æˆ¦ãˆã‚‹ â€“ InkscapeInkscapeã¯ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒ™ã‚¯ã‚¿ãƒ¼ç³»ã®ãŠçµµæãã‚½ãƒ•ãƒˆã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã€Webãƒšãƒ¼ã‚¸ã‚‚ã€‚ Lluminoã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ã£ã¦ã„ã‚‹ã®ã¯ã€ã»ã¼ã“ã‚Œã ã‘ã§ã™ã€‚ ä¸€ç•ªãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ã§ã‚ã‚ã†ã“ã®ã‚½ãƒ•
surumedaka 2013/03/25
iOS

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

app

ã‚¢ãƒ—ãƒª

UI

HTML5

html

iPhone

develop

video
ãƒªãƒ³ã‚¯
[CSS]å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯Webkitç³»ã ã‘ã ã‘ã©ã€ç¾Žã—ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³
è¦‹ãŸç›®ã ã‘ã§ã‚‚CSS3ã§ç¾Žã—ãã‚¹ã‚¿ã‚¤ãƒ«ã•ã‚ŒãŸãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ›´ã«ç¾Žã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä»•è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å…‰ç‚¹ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹• ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã®é¸æŠžãŒç§»å‹•ã™ã‚‹ã®ã¯ã€åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ãã€‚ å®Ÿè£…ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ HTML <input type="radio" name="name" checked /> <input type="radio" name="name" /> <input type="radio" name="name" /> <input type="radio" name="name" /> <input type="radio" name="name" /> CSS body { padding: 50px; background-color: hsl(0,0%,20%); } input { -webkit-appearance:
surumedaka 2012/08/26
ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³

UI

CSS3

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

webkit

css
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã(æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä¿å®ˆç·¨) | Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºï¼æ•™è‚²ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¿ã‚¤ãƒ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¡ãƒ‡ã‚£ã‚¢
ã‚ã‚‰ã™ã˜ ã‚ãªãŸã¯ã¨ã‚ã‚‹æ¥å‹™ç”¨ Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºãƒ»ä¿å®ˆã‚’ä»»ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ ASP.NET ã‚’ç”¨ã„ã¦ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã¯ä¸€éƒ¨ jQuery ã‚’åˆ©ç”¨ã—ã¦ãƒŠã‚¦ãªãƒ¤ãƒ³ã‚°ã«ãƒã‚«ã‚¦ã‚±ã® UI ã‚’å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ å•†å“æƒ…å ±ã®å¤‰æ›´å±¥æ´ã‚’ä¸€è¦§è¡¨ç¤ºã™ã‚‹ã€‚ä¸€è¦§ã‹ã‚‰2ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’é¸ã‚“ã§å·®åˆ†ã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ ã¨ã„ã†æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œè‡ªä½“ã¯ã¡ã‚ƒã¡ã‚ƒã£ã¨å®Ÿè£…ã—ã€ä»¥ä¸‹ã®ã‚ˆã†ãªHTMLãŒç”Ÿæˆã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸ: ... <table> <tr> <th>A</th> <th>B</th> <th>å¤‰æ›´æ—¥æ™‚</th> <th>å¤‰æ›´è€…</th> </tr> <tr> <td><input type="radio" name="new_version" value="9"/></td> <td></td> <td>2012-0
surumedaka 2012/07/17
Web

jQuery

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

é–‹ç™º

ãƒ—ãƒã‚°ãƒ©ãƒ

UI
ãƒªãƒ³ã‚¯
jQuery/CSS3ã§Pathé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’Â·Pie Menu MOONGIFT
Pie Menuã¯Pathã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ä¼¼ãŸUIã‚’jQueryã§å†ç¾ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ äººæ°—ã®ã‚ã‚‹iOSã‚¢ãƒ—ãƒªã®UIã¯ã™ãã«çœŸä¼¼ã—ãŸãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãŒç™»å ´ã—ã¾ã™ã€‚Pathã‚‚ãã®ä¸€ã¤ã§ã™ã€‚æµã‚Œã‚‹ã‚ˆã†ãªUIã¯ã‚‚ã¡ã‚ã‚“ã€èµ¤ã„ãƒ—ãƒ©ã‚¹ãƒœã‚¿ãƒ³ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒäººæ°—ã§ã™ã€‚Pie Menuã¯ãã‚“ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã‚’jQuery/CSS3ã§å†ç¾ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ èµ¤ã„ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã£ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’å¤‰æ›´ã—ã¦è¡¨ç¤ºã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚ å¯†ç€ç‰ˆã€‚ ãƒ‡ãƒ¢å‹•ç”»ã§ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç‰ˆã§Pie Menuã‚’æŽ¡ç”¨ã—ãŸã¨ã—ã¦ã‚‚ãªã‹ãªã‹ä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‰ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€PhoneGapã¨çµ„ã¿åˆã‚ã›ã‚‹ã¨è©±ãŒé•ã£ã¦ããã†ã§ã™ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã§ä½¿ã£ã¦ã¿ã¦ã‚‚é¢ç™½ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Pie Menuã¯jQuery/JavaScriptè£½ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒãƒ©ã‚¤
surumedaka 2012/05/28
jQuery

CSS3

css

library

ã‚¢ãƒ—ãƒª

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

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

ios

UI
ãƒªãƒ³ã‚¯
CS193p - Lecture 15
iTunes U ã‚¹ã‚¿ãƒ³ãƒ•ã‚©ãƒ¼ãƒ‰å¤§å¦ã®iOSã‚¢ãƒ—ãƒªé–‹ç™ºè¬›ç¾©ã®Lecure 15(Modal View Controllers, Text, Animation) ã®è¬›ç¾©ãƒ¡ãƒ¢ã§ã™ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ“ãƒ¥ãƒ¼ã¯ã€ä½•ã‹ã®ãƒ¢ãƒ¼ãƒ‰çŠ¶æ…‹ã«ã‚ã‚‹ã¨ã„ã†æ„å‘³ã®ãƒ“ãƒ¥ãƒ¼ã§ã€ãƒ¦ãƒ¼ã‚¶ãŒè³ªå•ã«ç”ãˆã‚‹ãªã©ã—ã¦ãƒ¢ãƒ¼ãƒ‰ã‚’å®Œäº†ã•ã›ãªã„ã¨ä»–ã®ç”»é¢ã«ç§»ã‚‹ãªã©ã®ãã®ãƒ“ãƒ¥ãƒ¼å¤–ã®æ“ä½œãŒã§ããªã„ã‚ˆã†ã«ã™ã‚‹ãƒ“ãƒ¥ãƒ¼ã§ã‚ã‚‹ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¯ãƒã‚¹ãƒˆå¯èƒ½ã§ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‹ã‚‰ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‚’å‘¼ã³å‡ºã›ã‚‹ã€‚
surumedaka 2012/02/22
iPhone

UI
ãƒªãƒ³ã‚¯
1