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

Yukarigohan id:Yukarigohan

uiã¨UIã«é–¢ã™ã‚‹Yukarigohanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (37)

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

çã—ã„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ï¼šAtomic Designã®åŽŸå‰‡ã¨Sketchã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¾ã§ | POSTD
æ¦‚è¦ï¼š Sketchã‚’ä½¿ã£ãŸAtomic Designã®æ–¹æ³•ãŒãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æœªæ¥å½¢ã§ã™ã€‚ åˆã‚ã« ã“ã®è¨˜äº‹ã¯ã€ä¸Šã®ãƒ“ãƒ‡ã‚ªã®ç´ æ™´ã‚‰ã—ã„äººç‰©ã€Brad Frostã®é–‹ç™ºã—ãŸã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚Atomic Designã¯ä»Šã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‡ã‚¸ã‚¿ãƒ«ã®ä¸–ç•Œã«å¯¾å¿œã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ ã“ã“ä½•å¹´ã‚‚ã€ç§ãŸã¡ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å°‘ã—ã§ã‚‚ç†è§£ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã€åŸºæœ¬çš„ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„ãƒ ãƒ¼ãƒ‰ãƒœãƒ¼ãƒ‰ãªã©ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½œæˆã—ã¦ãã¾ã—ãŸã€‚åŒã˜ã‚ˆã†ã«ã€é–‹ç™ºè€…ã‚‚Bootstrapã‚„Foundationã€Bourbonãªã©ã®ãƒ„ãƒ¼ãƒ«ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ä½œæ¥ã‚’æ¥½ã«ã—ã‚ˆã†ã¨ã—ã¦ãã¾ã—ãŸã€‚äº’ã„ã«å¦¥å”ç‚¹ã‚’è¦‹ã„ã ã—å”åŠ›ã™ã‚‹ã“ã¨ã§äº’ã„ã®ä½œæ¥ã‚’æ¥½ã«ã§ãã¾ã™ã€‚Atomic Designã¯ã¾ã•ã«ãã‚Œã‚’å®Ÿç¾ã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ Atomic designã¯ã‚ã‚‹ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚„ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å¤§å±€çš„ã«
Yukarigohan 2016/11/10
webdesdign

ui

design
ãƒªãƒ³ã‚¯
FindGuideLin â€“ TecnologÃa
Tik Tok es una de las aplicaciones mÃ¡s populares a nivel mundial, pues dispone de millones de usuarios es por esto que es uno de los objetivos de los ciberdelincuentesâ€¦
Yukarigohan 2016/10/08
webdesdign

style guide

ui

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
Sublime Text 3 ã§ç·¨é›†ä¸ã®ãƒ†ã‚ã‚¹ãƒˆã®å¤‰æ›´è¡Œã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹Marking Changed Rows
ã€2019.9.26 è¿½è¨˜ã€‘æœ€æ–°ã® Sublime Text 3 ã§ã¯ã€ç·¨é›†ã—ãŸè¡ŒãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ã€è¡Œç•ªå·ã®æ¨ªã«ãƒžãƒ¼ã‚¯ãŒä»˜ãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä¸‹è¨˜ã§ç´¹ä»‹ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¥ã‚Œãªãã¦ã‚‚ã€æ¨™æº–æ©Ÿèƒ½ã§ç¢ºèªã§ãã¾ã™ã€‚ Sublime Text ãŒä¾¿åˆ©éŽãŽã¦ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®ç·¨é›†ã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€å¤§è¦æ¨¡ãªã‚¹ãƒ†ãƒƒãƒ—æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«æ‰‹ã‚’åŠ ãˆã¦ã„ã‚‹ã¨ç·¨é›†ä¸ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®æ›´æ–°ã—ãŸè¡ŒãŒã‚ã‹ã‚‰ãšã€æ™‚ã€…æ›´æ–°ç®‡æ‰€è¿·åã«ãªã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ å¤§æŠµã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã¯ã€æ¨™æº–æ©Ÿèƒ½ã¨ã—ã¦æè¼‰ã—ã¦ã„ã¾ã™ãŒã€ã©ã†ã‚‚ Sublime Text ã«ã¯ã€å¤‰æ›´ç®‡æ‰€ã‚’ç¤ºã™æ©Ÿèƒ½ãŒç„¡ã„ã‚ˆã†ãªã®ã§ã™ã€‚ ä¾‹ãˆã°ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã€‚ æ—¢ã«ä¸€éƒ¨å¤‰æ›´ã—ã¦ã„ã¾ã™ãŒã€ã©ã“ã‚’å¤‰æ›´ã—ãŸã®ã‹å…¨ãã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ã€ã“ã®ã‚ˆã†ãªå ´åˆã«å¤‰æ›´ç®‡æ‰€ã‚’ç¤ºã™ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æŽ¢ã—ã¦ã¿ãŸã¨ã“ã‚ã€ä¸åº¦è‰¯ã„ã‚‚ã®ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ ç·¨é›†ä¸ã®å¤‰æ›´è¡Œã‚’å¯è¦–åŒ–ã™ã‚‹æ–¹æ³•Marking Ch
Yukarigohan 2016/09/16
webdesdign

ui

Sublime Text
ãƒªãƒ³ã‚¯
ã„ã¾è©±é¡Œã®Sublime Textã®ãƒ†ãƒ¼ãƒžã‚„ãŠã™ã™ã‚ã®è¨å®šãƒ»ä½¿ç”¨ä¾‹ã‚’é†¸ã™ - Qiita
å‰æ ä»¥ä¸‹ã‚’å¯¾è±¡èªè€…ã¨ã—ã¦æƒ³å®šã—ã¦ã„ã¾ã™ã€‚ Sublime Textã‚’åˆ©ç”¨ã—ãŸã“ã¨ã®ã‚ã‚‹æ–¹ Sublime Textã®ãƒ†ãƒ¼ãƒžã‚’ã„ãã¤ã‹è©¦ã—ã¦ã¿ãŸãŒã„ã¾ã„ã¡ãƒ‘ãƒƒã¨ã›ã‚“æ–¹ï½— ã‚ã‚“ã¾ã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã“ã¨ãªã„ãŒã€ã„ã¤ã‹ã¯ã‚„ã£ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸæ–¹ ã¾ãŸã€ä½œæ¥ç’°å¢ƒã¨ã—ã¦ä»¥ä¸‹æ•°ç‚¹ã‚’å‰æã¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«åˆ©ç”¨ã™ã‚‹Package Controlã®è¨å®šã¯å®Œäº†ã—ã¦ã„ã‚‹ Macãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼ˆWindowsã®æ–¹ã¯ã‚³ãƒžãƒ³ãƒ‰ã‚„è¨å®šæ–¹æ³•ãªã©ãŒå¤šå°‘ç•°ãªã‚Šã¾ã™ï¼‰ PHPãƒ¦ãƒ¼ã‚¶ãƒ¼ã§Homebrew / Composerãªã©ã®ç”¨æ„ãŒã‚ã‚‹ï¼ˆä»»æ„ï¼‰ Material Theme æ³¨è¨˜ï¼šMaterial Themeã¯Sublime Text 3ã®ã¿ã®ã‚µãƒãƒ¼ãƒˆã§ã™ã€‚ ï¼ˆSublime Text 2ã§ã‚‚æ‰‹å‹•ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ã›ã£ã‹ãã®Materialãªãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ã§ã€ã‚ã¾ã‚ŠãŠã™
Yukarigohan 2016/09/16
webdesdign

ui

Sublime Text
ãƒªãƒ³ã‚¯
The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog ã‚¢ãƒ‰ãƒ“ã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
Yukarigohan 2016/09/11
ä½¿ã£ã¦ã¿ã‚ˆã†

webdesdign

ui
ãƒªãƒ³ã‚¯
GitHub - igorprado/react-notification-system: A complete and totally customizable component for notifications in React
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Yukarigohan 2016/09/06
React

ui
ãƒªãƒ³ã‚¯
react-notification-system/src/styles.js at master Â· igorprado/react-notification-system
Yukarigohan 2016/09/06
React

ui
ãƒªãƒ³ã‚¯
React â€“ A JavaScript library for building user interfaces
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is writ
Yukarigohan 2016/09/06
React

ui
ãƒªãƒ³ã‚¯
React-Bootstrap
Button spacing Because React doesn't output newlines between elements, buttons on the same line are displayed flush against each other. To preserve the spacing between multiple inline buttons, wrap your button group in <ButtonToolbar /> .
Yukarigohan 2016/09/06
React

ui
ãƒªãƒ³ã‚¯
UpLabs
Weâ€™re sorry but UpLabs website is no longer available Thank you for your contributions and support over the years.
Yukarigohan 2016/09/02
UI

webdesign

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui
ãƒªãƒ³ã‚¯
Loading...
Yukarigohan 2016/09/02
UI

webdesign

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui
ãƒªãƒ³ã‚¯
UI Movement - The best UI design inspiration, every day
Unlock UX Design Inspiration with the Best User Flows Explore real-world user flows and design patterns from leading apps and websites. Start Your Free Trial Real-World User Flow Examples Gain insights into the user experiences of popular apps and websites. Browse through user onboarding processes, login pages, checkouts, search flows, and more to enhance your own designs. Screen Recordings & Anno
Yukarigohan 2016/09/02
webdesdign

ui

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
Design Patterns on CodePen
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
Yukarigohan 2016/08/26
UI

webdesign

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui
ãƒªãƒ³ã‚¯
Calltoidea - Light up your imagination
If you like Calltoidea, let's trythe first community for link lovers.
Yukarigohan 2016/08/26
ui

webdesdign

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
UI Garage â€“ Specific UI Design inspiration & Pattern for your design.
Daily handpicked UI inspiration & patterns Find specific design inspiration for web, mobile and tablet. Search over 6,943 patterns categorized and handpicked for you.
Yukarigohan 2016/08/26
UI

webdesign

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui
ãƒªãƒ³ã‚¯
Examples
Examples (240) Real life pattern libraries, code standards documents and content style guides. Show All ACCESSIBILITY BACKEND BRAND BRANDING CODE CODING COMPONENTS CSS DESIGN DESIGNLANGUAGE FRONTEND GUIDES HTML INTERFACE JAVASCRIPT JEKYLL LIVINGSTYLEGUIDE PATTERNS PRINCIPLES REACT ROUNDUP RUBY SASS TEMPLATES TYPOGRAPHY UI VOICEANDTONE WEB WRITING Carbon Design System By IBM Carbon is the design sy
Yukarigohan 2016/07/26
webdesdign

style guide

ui

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
CRM - Onboarding
Yukarigohan 2016/07/22
ui

design

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ
ãƒªãƒ³ã‚¯
Masudur Rahman ï£¿ - Dribbble
Yukarigohan 2016/07/21
webdesign

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui
ãƒªãƒ³ã‚¯
ã“ã®ä¸–ã§æœ€ã‚‚è˜åˆ¥ã—ã‚„ã™ã„ã‚‚ã® â€• ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨Webã‚µã‚¤ãƒˆã®ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½¿ã£ãŸã€ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ç ”ç©¶ | POSTD
ã“ã®ä¸–ã§æœ€ã‚‚è˜åˆ¥ã—ã‚„ã™ã„ã‚‚ã® â€• ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨Webã‚µã‚¤ãƒˆã®ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½¿ã£ãŸã€ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ç ”ç©¶ ãŠãã‚‰ãçš†ã•ã‚“ã¯ã€ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½¿ç”¨ã«ã¤ã„ã¦ã®åˆ¥ã®æ„è¦‹ã‹ã€‚ã¾ã•ã«ãã‚ŒãŒå¿…è¦ãªã‚“ã ã€ã¨æ€ã„ãªãŒã‚‰ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã‚‹ã§ã—ã‚‡ã†ã€‚Appleã¯ ã€Œã‚ãªãŸãŒä½¿ã£ã¦ã„ãªã„ã¨ã„ã„ã®ã ãŒâ€¦ã€ ã¨è¨€ã„ã€Googleã®è£½å“ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¯ ã€Œè³›æˆã ã€‚ã—ã‹ã—ã“ã®ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‚ˆã†ã€ ã¨ã‚ã‚Šã€Jacob Nielsenã¯ ã€Œä»£ã‚ã‚Šã«ãƒ”ã‚¶ã«ã—ã¦ã¿ã‚ˆã†ã€ ã¨è¨€ã„ã€ä¾‹ã¯ã¾ã ã¾ã ç¶šãã¾ã™ã€‚ã—ã‹ã—ã€ã¡ã‚‡ã£ã¨å¾…ã£ã¦ãã ã•ã„ã€‚èª“ã£ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€ã“ã®è¨˜äº‹ã¯é•ã„ã¾ã™ã€‚ã“ã‚Œã¯ã€ã‚ãªãŸãŒè‡ªèº«ã®ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«ã€èˆˆå‘³æ·±ã„è€ƒå¯ŸãŒå¾—ã‚‰ã‚Œã‚‹ã‚ˆã†ãªç‰¹å®šã®è³ªå•ã«ç„¦ç‚¹ã‚’ã‚ã¦ãŸã‚‚ã®ã§ã™ã€‚ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨25äººã®è¦ªåˆ‡ãªå‚åŠ è€…ã®å”åŠ›ã«ã‚ˆã‚Šã€æ¬¡ã®ã‚ˆã†ãªè³ªå•ã«å¯¾ã™ã‚‹æ´žå¯Ÿã‚’å¾—ã‚‹ãŸã‚ã«å®Ÿé¨“ã‚’è¡Œã†ã“ã¨
Yukarigohan 2015/12/16
webdesdign

UI

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

menu
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‰ãŒè¦‹ã‚„ã™ãä½¿ã„ã‚„ã™ã„Sublime Text 2/3ã®ãƒ†ãƒ¼ãƒžã®ã¾ã¨ã‚
ã‚·ãƒ³ãƒ—ãƒ«ã§è¦‹ã‚„ã™ãã€Webåˆ¶ä½œæ™‚ãªã©ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä½œæ¥ãŒæ—ã‚‹ä½¿ã„ã‚„ã™ã„Sublime Text 2ã‚„3ã®ãƒ†ãƒ¼ãƒžã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ä½¿ã„æ…£ã‚ŒãŸã‚¨ãƒ‡ã‚£ã‚¿ã‚‚ãƒ†ãƒ¼ãƒžã‚’å¤‰ãˆã‚‹ã¨æ–°é®®ãªæ°—æŒã¡ã«ãªã‚Šã¾ã™ã‚ˆãã€‚ ã¾ãšã¯ã€æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸSublime Text 2/3ã®ãƒ†ãƒ¼ãƒžã‹ã‚‰ã€‚ ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹æ–¹æ³•ã‚„æ—¥æœ¬èªžåŒ–ã¯ã€ä¸€ç•ªä¸‹ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚
Yukarigohan 2015/05/26
Sublime Text

webdesdign

ui
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸