[B! interface] soratomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

soratomo id:soratomo

interfaceã«é–¢ã™ã‚‹soratomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (40)

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

HTMLã¨CSSã§ã¤ãã‚‹ï¼ ãƒªãƒ³ã‚¯ãƒ†ã‚ã‚¹ãƒˆã®ãƒ›ãƒãƒ¼æ™‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³11é¸ - ICS MEDIA
ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ›ãƒãƒ¼ã—ãŸã¨ãã®å¤‰åŒ–ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ãã‚‹ã“ã¨ã¯ã€ã©ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã„ã¦ã‚‚ã»ã¼å¿…ãšè¡Œã†å·¥ç¨‹ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãƒ†ã‚ã‚¹ãƒˆãŒãƒªãƒ³ã‚¯ã§ã‚ã‚‹ã“ã¨ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ãˆã‚‹ã¨ã„ã†ç‚¹ã§ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚ˆã†ãªä¸‹ç·šã®ã¿ã§ååˆ†ãªå ´åˆã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãã‚Œã ã‘ã§ã¯ãªãã€å¤‰åŒ–ã‚’ã¤ã‘ã¦ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ãã—ãŸã„å ´åˆã‚„ã€ã‚µã‚¤ãƒˆå…¨ä½“ã®é›°å›²æ°—ã«åˆã‚ã›ãŸã„å ´åˆã«ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒåŠ¹æžœçš„ã§ã™ã€‚ ä»Šå›žã¯HTMLã¨CSSã®ã¿ã§ä½œæˆã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰å°‘ã—ç›®ã‚’å¼•ãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ãƒ¼ãƒžã«å®Ÿè£…ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â–¼ä»Šå›žç´¹ä»‹ã™ã‚‹å®Ÿè£…ä¾‹ä¸€è¦§ ã¨ãã«ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦å‚è€ƒã«ãªã‚Œã°å¬‰ã—ã„ã§ã™ã€‚ HTMLã¨CSSã®ã¿ã§ã©ã®ã‚ˆã†ãªãƒ›ãƒãƒ¼æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã‚‹ã®ã‹çŸ¥ã‚ŠãŸã„ é€æ˜Žåº¦ã®å¤‰åŒ–ã‚„ã€ä¸‹ç·šã®ã¤ã‘å¤–ã—ä»¥å¤–ã®å®Ÿè£…ä¾‹ã®å¼•ãå‡ºã—ã‚’å¢—ã‚„ã—ãŸã„ â€»ä»Šå›žã®å®Ÿè£…ä¾‹ã§ã¯ä¸»ã«ãƒ˜ãƒƒãƒ€ãƒ¼ï¼
soratomo 2024/08/02
html

css

interface
ãƒªãƒ³ã‚¯
30 Best Examples of New Web Interface Design - DzineBlog.com
Interface designers have become very clever over the recent years. Weâ€™ve seen Apple introduce the breathtaking iOS format, followed shortly by Googleâ€™s Android. Additionally Chrome has re-defined how we build websites and jQuery offers tons of unique effects on the user end. below are 30 amazing examples of new web interfaces and how you can jump ahead of the curve in your own designs. Glossi Time
soratomo 2011/09/27
å¾®å¦™ãªã‚°ãƒ©ãƒ‡ã¨ã‚·ãƒ£ãƒ‰ã‚¦ã§æ´—ç·´

interface

ui

webdesign
ãƒªãƒ³ã‚¯
25 Excellent Examples of Forms in Web Design
14 Comments Very nice collection! Thanks for collect them on one place ðŸ™‚ Great list, thanks. Forms tend to be dull dull dull, but are often a very important part of a website Itâ€™s great to see some really interesting attempts to make them far less dullâ€¦ That Bio-Bak one was fun to play around with haha Great Collection of forms there. I find forms are usually one of the hardest elements of a webs
soratomo 2011/01/25
ã‹ã£ã‘ãƒ¼ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã„ã‚ã„ã‚

webdesign

interface

ui

inspiration
ãƒªãƒ³ã‚¯
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
soratomo 2010/10/05
ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä¾‹

ui

interface
ãƒªãƒ³ã‚¯
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
soratomo 2010/08/28
ã‚¢ãƒƒãƒ—ãƒ«é¢¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä½œã‚Šæ–¹ã€‚

javascript

tutorial

interface

showcase
ãƒªãƒ³ã‚¯
Custom Post Type UI
Description Custom Post Type UI provides an easy-to-use interface for registering and managing custom post types and taxonomies for your website. Custom Post Type UI Extended CPTUI helps create custom content types, but displaying that content can be a whole new challenge. Custom Post Type UI Extended was created to help with displaying your crafted content. View our Layouts page to see available
soratomo 2010/07/22
æŠ•ç¨¿ç”»é¢ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

wordpress

ui

plugin

interface
ãƒªãƒ³ã‚¯
12 Standard Screen Patterns
2010 Update- 15 patterns and 80 new examples By Theresa Neil As Bill mentioned in an earlier post, we donâ€™t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section. In the spirit of that, I want to share an additional set of principles and patterns I have been using for RIA design. While the book takes a much more consu
soratomo 2010/02/26
ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã¥ãã‚Šã«ã‚‚ã€‚

webdesign

interface

layout

ui
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling
soratomo 2010/01/08
flash

interface
ãƒªãƒ³ã‚¯
Interface Design: Login/SignUp
33 Comments Tumblr? Very cool! I design a lot of interfaces for workâ€¦ this is great lots of cool inspiration. Thanks Adelle! Glad you enjoyed it Aaron! @Kay Tumblr is a nice one as well, although the signup part is a little huge in my opinion, but still nicely designed. First list is unique, thank you for sharing this one. Wow, great post Adelle, lovely collection! Nice. Keep â€™em coming. I am alwa
soratomo 2009/10/08
form

ui

interface
ãƒªãƒ³ã‚¯
æœ¬å½“ã¯ã™ã”ã„ã€çŸ¥ã‚‰ã‚Œã–ã‚‹Google Maps APIãŸã¡!!
ã€Œå•†æ¥åˆ©ç”¨ã‚‚OKï¼ Google Mapsã«ã¤ã„ã¦çŸ¥ã‚ŠãŸã„ã“ã¨ã€ã«ç¶šãGoogle Mapsã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã®å¾Œç·¨ã¯ã€æ•°å¤šãå˜åœ¨ã™ã‚‹Google Mapsé–¢é€£ã®APIã‚„æ©Ÿèƒ½ã®ã†ã¡ã€ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚‚ã®ã‚„æ–°ã—ã„ã‚‚ã®ã‚’ã‚°ãƒ¼ã‚°ãƒ«ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€æ·ºå·æµ©ç´€ã•ã‚“ã«èžã„ãŸã€‚ Code Playgroundã§ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ç·¨é›† ã¾ãšã¯ã€å³åŠ¹æ€§ã®ã‚ã‚‹ã‚‚ã®ã‹ã‚‰ã„ã“ã†ã€‚ GoogleãŒæŒã¤å¤šãã®APIã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã‹ã‚‰JavaScriptã«ã‚ˆã£ã¦å‘¼ã³å‡ºã›ã‚‹ã€‚JavaScriptã¯ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã®æ‰‹é †ãªã—ã«æ›¸ã‘ã°å®Ÿè¡Œã§ãã‚‹ã®ã§æ‰‹è»½ã§ã‚ã‚‹ã€‚ã—ã‹ã—ã€ã ã‹ã‚‰APIã‚’è©¦ã™ã®ã‚‚ç°¡å˜ã ã¨ã¯é™ã‚‰ãªã„ã€‚ä¾‹ãˆã°ã€Google Maps APIãªã‚‰æ£ã—ã„Google Maps APIã‚ãƒ¼ã‚’ç”¨æ„ã—ãŸã‚Šã€é©åˆ‡ãªæ–‡æ›¸ã«ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’åŸ‹ã‚è¾¼ã‚“ã ã‚Šã™ã‚‹ä½œæ¥ã‚’è¡Œã„ã€ãã‚Œã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ã§é–‹ã‹ãã°ãªã‚‰ãªã„ã€‚
soratomo 2009/05/24
map

programming

tool

api

ajax

google

interface
ãƒªãƒ³ã‚¯
au
ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨ã€ãƒã‚¤ãƒ³ãƒˆã‚„ãŠçŸ¥ã‚‰ã›ã®ç¢ºèªã‚’ã¯ã˜ã‚ã€ãŠå®¢ã•ã¾ã®å¥‘ç´„å†…å®¹ã«å¿œã˜ãŸè¡¨ç¤ºãŒã§ãã¾ã™ã€‚ My auåˆ©ç”¨è¦ç´„ã€My UQ mobileåˆ©ç”¨è¦ç´„ã€IDåˆ©ç”¨è¦ç´„ã€au Ponta ãƒã‚¤ãƒ³ãƒˆãƒ—ãƒã‚°ãƒ©ãƒ è¦ç´„ãŠã‚ˆã³ã‚¢ã‚¯ã‚»ã‚¹ãƒ‡ãƒ¼ã‚¿ã®åˆ©ç”¨ã«åŒæ„ã®ä¸Šã€ãƒã‚°ã‚¤ãƒ³ã—ã¦ãã ã•ã„ã€‚
soratomo 2009/04/08
design

art

flash

interface

motion

promotion
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
soratomo 2009/04/08
usability

seo

ui

business

interface

ec

design
ãƒªãƒ³ã‚¯
http://konigi.com/interface/latest
soratomo 2009/02/22
interface

library
ãƒªãƒ³ã‚¯
[JS]ã“ã‚Œæœ€å¼·ã‹ã‚‚ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -BeautyTips
ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã ã‘ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã§ã€å¯¾å¿œãƒˆãƒªã‚¬ãƒ¼ã‚‚è±Šå¯Œãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒBeautyTipsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ BeautyTips demo BeautyTipsã¯æ©Ÿèƒ½ãŒè±Šå¯Œã¨ã„ã†ã ã‘ã§ãªãã€ãƒ†ã‚ã‚¹ãƒˆã‚„ç”»åƒã€AJAXã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®è¡¨ç¤ºä½ç½®ã®è‡ªå‹•è£œæ£ãªã©åŸºæœ¬æ€§èƒ½ã‚‚ã—ã£ã‹ã‚Šã¨æŠ‘ãˆã‚‰ã‚Œã¦ãŠã‚Šã€ãƒ•ã‚©ãƒ¼ãƒ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¸ã®è¡¨ç¤ºã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å…ƒã®å¤‰æ›´ãªã©ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã¯canvasã§æã‹ã‚Œã¦ãŠã‚Šã€ç”»åƒã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6.x+, Fx3.x, Op8+, Safari3.xã¨ã®ã“ã¨ã§ã€canvaséžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ExplorerCanvasãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã€IE6ã®z-indexã¸ã®å¯¾å¿œã«bgiframeã€ãƒ›ãƒãƒ¼å‡¦ç†ã«hoverIntentãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ â€»Chrome 1, Fx2ã§
soratomo 2009/01/26
ajax

interface

library

javascript

plugin
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚ : could
UI UXã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€å®Ÿéš›åŒã˜ã‚ˆã†ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ãã ã‘ã§ãªãã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹éš›ã«ã‚‚å½¹ç«‹ã¤è²´é‡ãªè³‡æ–™ã§ã™ã€‚ä»Šã¾ã§å€‹åˆ¥ã§ç´¹ä»‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ä¸€æŒ™ã«ã¾ã¨ã‚ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ Introduction to Apple Human Interface Guidelines å€‹äººçš„ã« UI ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã„ãˆã°ã“ã‚Œã€‚æ—¥æœ¬èªžè¨³ã‚‚å¤§å¤‰ä¾¿åˆ©ã§ã™ Apple User Experience Guides ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºå‘ã‘ã§ã™ãŒã€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚ãŸã‚Šã¯å‚è€ƒã«ãªã‚Šã¾ã™ iPhones Human Interface Guidelines ä¼šå“¡ç™»éŒ²ã™ã‚‹ã¨è¦‹ã‚Œã‚‹ PDF è³‡æ–™ã§ã™ãŒã€ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¦³è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ Windows User Experience Interaction G
soratomo 2009/01/25
accessibility

design

guideline

interface

usability
ãƒªãƒ³ã‚¯
Symptoms Of An Epidemic: Web Design Trends â€” Smashing Magazine
Since Elliot Jay Stocks so poignantly told us to destroy the Web 2.0 look, weâ€™ve witnessed a de-shinification of the Web, with fewer glass buttons, beveled edges, reflections, special-offer badges, vulgar gradients with vibrant colors and diagonal background patterns. The transf ormation has been welcomed with relief by all but the most hardened gloss-enthusiasts. Since Elliot Jay Stocks so poignan
soratomo 2009/01/20
design

idea

interface
ãƒªãƒ³ã‚¯
ç¬¬4å›žã€€è¨è¨ˆå›³ã¨ã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã®æ´»ç”¨ | gihyo.jp
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®è¨è¨ˆãƒ„ãƒ¼ãƒ«ã¨ã—ã¦Visioã‚„OmniGraffleã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã§ã¯ç›®çš„ã«å¿œã˜ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ç”¨ã—ã¦ä½œæ¥ã‚’é€²ã‚ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãã®ã†ã¡ã€ãƒšãƒ¼ã‚¸ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆï¼ˆç¨®é¡žã¨ã—ã¦ã®æž çµ„ã¿ã‚„IDã‚„ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã‚’è¨˜ã™ãƒ˜ãƒƒãƒ€ãƒ¼è¦ç´ ãªã©ï¼‰ã‚’æŒ‡ã™ã‚‚ã®ã¨ã€ã‚‚ã†1ã¤ã€Œã‚¹ãƒ†ãƒ³ã‚·ãƒ«ï¼ˆã‚·ãƒ³ãƒœãƒ«ãƒ»å›³å½¢â ï¼‰â ã€ã¨å‘¼ã°ã‚Œã‚‹ã€Œãƒ‘ãƒ¼ãƒ„ã€ã‚’æŒ‡ã™å ´åˆã¨ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã®ã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã«æ³¨ç›®ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ ã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã¨ã¯ ç°¡å˜ã«è¨€ã†ã¨ã€å›³å½¢ã‚„ã‚·ãƒ³ãƒœãƒ«ã‚’æŒ‡ã—ã¾ã™ã€‚ã¤ã¾ã‚Šç”»é¢è¨è¨ˆãªã©ã‚’é€²ã‚ã‚‹ãŸã‚ã®ãƒ‘ãƒ¼ãƒ„é¡žã¨è€ƒãˆã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Webã«ãŠã‘ã‚‹ç”»é¢è¨è¨ˆã¯ã€Photoshopã‚’ç«‹ã¡ä¸Šã’ã¦ã™ã‚‹ä½œæ¥ã‚’æŒ‡ã™å ´åˆã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚‚ã¡ã‚ã‚“ãƒ©ãƒ•ã¨ã—ã¦æ‰‹æ›¸ãã§æãå ´åˆã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ãŸã ã—ã€å¤§è¦æ¨¡ãªã„ã—è¤‡é›‘ãªWebã‚µã‚¤ãƒˆæ§‹ç¯‰ã«ãŠã„ã¦ã¯æ•°åã®ãƒ¡ãƒ³ãƒãƒ¼ã¨ã®å…±åŒä½œæ¥ã¨å¤§é‡ç”Ÿç”£ã¨ã„ã†ç‚¹ã§ã“ã®ã‚¹ãƒ†ãƒ³ã‚·
soratomo 2008/12/18
architecture

interface

tool

direction
ãƒªãƒ³ã‚¯
ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºç¤¾é•·æ—¥è¨˜
ã„ã„ãï¼ 11 ãƒ„ã‚¤ãƒ¼ãƒˆ B! ã¯ã¦ãƒ– 734 Pocket 58 ã“ã“2ãƒ»3æ—¥ã€ã²ãŸã™ã‚‰è‰²ã€…ãªã‚µã‚¤ãƒˆã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚³ãƒžãƒ¼ã‚¹ã‚µã‚¤ãƒˆã®è³¼å…¥ãƒ•ãƒãƒ¼ã‚’è¦‹ã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦èªžã£ã¦ã„ã‚‹ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦ç ”ç©¶ã—ã¦ã„ã¾ã—ãŸã€‚ ã“ã†ã™ã‚Œã°ç™»éŒ²æ•°ãŒåŠ‡çš„ã«ä¸ŠãŒã‚‹ï¼ã¨ã‹ã€å£²ä¸ŠãŒä¸ŠãŒã‚‹ï¼ã¨ã„ã£ãŸæ–¹æ³•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å°‘ã—ã ã‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å®‰å¿ƒæ„Ÿã‚’ä¸ŽãˆãŸã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’å–ã‚Šé™¤ã„ãŸã‚Šã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã—ã€è¦‹ã¦ã„ãŸã‚µã‚¤ãƒˆã§ã‚‚ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã«ã¯å…±é€šç‚¹ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚ å°‘ã—é‡ãŒå¤šã„ã§ã™ãŒã€è‡ªåˆ†ã§æ„è˜çš„ã«è¡Œã£ã¦ããŸã“ã¨ã€ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã®å…±é€šç‚¹ã€ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦å‚è€ƒã«ãªã‚‹ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1ã¤1ã¤ã¯ã‚ˆãè¨€ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã€å¤§ã—ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã†ã„ã£ãŸå°ã•ãªãƒ‡ã‚£ãƒ†ã‚£ãƒ¼ãƒ«ã«ã“ã ã‚ã£ã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã®å´é¢ã‚‚å¼·ã„ã®ã§ã™ãŒã€ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„
soratomo 2008/08/27
usability

interface

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

mobile

interface

accessibility

usability

design

form
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãã€‚ï½œCSS HappyLife
ãƒœã‚¯ãŸã¡ã¿ãŸã„ãªã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã®äººé–“ã‹ã‚‰ã™ã‚‹ã¨ã€å…¨ãæ°—ã¥ã‹ãªã„äº‹ã«æ°—ã¥ã‹ã•ã‚ŒãŸã‚Šã—ãŸã®ã§ã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€‚ 2008å¹´2æœˆ14æ—¥ã®22ï¼š47é ƒã«è¿½è¨˜ ãƒœã‚¯ã®ãŸã ã®ãƒ¡ãƒ¢æ›¸ãã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨ã¡ã‚ƒã‚“ã¨ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æ›¸ã„ã¦ã‚‚ã‚‰ã£ã¦ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦ã”è¦§ã«ãªã£ã¦é ‚ãã¨ã€è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã®è¦šæ›¸ - ãã‚“ãŒã‚“ã®Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã«å‚åŠ ã—ãŸ ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹å ´åˆã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒãƒŠãƒ¼ã¯ã€èªçŸ¥ã™ã‚‰ã•ã‚Œãªã„å‚¾å‘ãŒå¼·ã„ã€‚ ãã‚‚ãã‚‚ãƒãƒŠãƒ¼ã¨ã—ã¦æŠ¼ã›ã‚‹ã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®é£¾ã‚Šã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹å ´åˆã‚‚ã€‚ ãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã¨ã‹ã®ãƒžãƒ¼ã‚¯éƒ¨åˆ†ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã‚ˆãƒ¼ã¨ã™ã‚‹äººãŒå±…ã‚‹ã€‚ ãã‚Œã«ã‚ˆã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã¨è«¦ã‚ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã€‚ ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ï¼ˆãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ï¼‰åž‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€è¿‘ãã®ãƒœã‚¿ãƒ³ã‚’æŠ¼
soratomo 2008/05/27
interface

design

accessibility

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