[B! framework] popup-desktopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

popup-desktop id:popup-desktop

frameworkã«é–¢ã™ã‚‹popup-desktopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

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

ä¸»è¦³ã¨å®¢è¦³ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹é›éŒ¬ï½œMiwa Kuramitsu
çªç„¶ã§ã™ãŒã€ã“ã“ã«ä¸€ã¤ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ ãã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’è¦‹ã¤ã‚ã‚‹è¦–ç·šã«ã¯æ§˜ã€…ãªç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ ãã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç‚¹ã€åˆ©ç”¨ã—ã¦ã„ãªã„ãŒå˜åœ¨ã¯çŸ¥ã£ã¦ã„ã‚‹ã¨ã„ã†äººã®è¦–ç‚¹ã€ãã‚Œã‚’ã¤ãã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è¦–ç‚¹ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’é‹å–¶ã—ã¦ã„ã‚‹ä¼šç¤¾çµŒå–¶è€…ã®è¦–ç‚¹â€¦ ã‚‚ã—ã‚ãªãŸãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Œã°ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è¦–ç‚¹ã ã‘ãŒå”¯ä¸€è‡ªåˆ†ã§ä½“æ„Ÿã§ãã‚‹ã€Œä¸»è¦³ã€ã§ã€ãã‚Œä»¥å¤–ã¯ã™ã¹ã¦ã€Œå®¢è¦³ã€ã¨ãªã‚Šã¾ã™ã€‚ ä¸»è¦³ã¨å®¢è¦³ã®ã‚¹ã‚¤ãƒƒãƒãƒ³ã‚° ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æœŸå¾…é€šã‚Šã«æ£ã—ãå‹•ãã—ãã¿ã‚’è¨è¨ˆã—ã€ã€Œã“ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’åˆ©ç”¨ã—ãŸæ™‚ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç”Ÿæ´»ã¯ã©ã†å¤‰åŒ–ã—ã¦ã„ãã®ã ã‚ã†ã‹ï¼Ÿã€ã¨å•ã„ã‚’ç«‹ã¦ãªãŒã‚‰ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã‚’è©•ä¾¡ã—ã¦ã„ãã¾ã™ã€‚ è‡ªã‚‰ã®è€ƒãˆã‚‹ç†æƒ³åƒã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰ã€ä¸€æ–¹ã§ãã‚Œã«è§¦ã‚Œã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ§˜åã‚’æƒ³åƒã™ã‚‹â€¦ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ä¸»è¦³ã¨å®¢è¦³ã‚’é›»æ°—ã®ã‚¹ã‚¤ãƒƒãƒã®ã‚ˆã†ã«çž¬æ™‚ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã«é•·ã‘ãŸäººãŒå¤šã„ã‚¤ãƒ¡
popup-desktop 2021/03/23
ux

design

framework
ãƒªãƒ³ã‚¯
Key action storyboarding | Krystal Higgins
User onboarding is a journey made up of multiple activities, not a single, linear flow. Onboarding should align guidance independently around each of the â€œkey actionsâ€ of its experience so that newcomers can interact with them at the pace and in the order that makes sense for their different situations. In an earlier post, I covered how to identify key actions. In that same post, I covered how to
popup-desktop 2020/07/02
framework

ux

uxd
ãƒªãƒ³ã‚¯
Material Design Lite
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesnâ€™t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
popup-desktop 2015/08/21
framework
ãƒªãƒ³ã‚¯
Bootstrapä»¥å¤–ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŽ¢ã—ã¦ã¿ãŸ - Qiita
#ã‚„ã‚ŠãŸã‹ã£ãŸã“ã¨ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã„ãŸã„ã€‚ã‘ã©ã€Bootstrapã ã¨ã‚ã‚ŠããŸã‚Šã™ãŽã‚‹â€¦ã¨ã„ã†ã¨ãã«ã€ä»–ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ Bootstrap ä»¥å¤–ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã„ã‚ã„ã‚ ##HTML Kick start http://www.99lime.com/elements/ å…¨ä½“çš„ã«ä¸¸ã¿ã‚’å¸¯ã³ã¦ã„ã‚‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ˆã„ã€‚ ä»–ã®ç‰¹å¾´ã¯ã‚ˆãåˆ†ã‹ã‚‰ãªã„ã§ã™ã€‚ ##Cascade http://jslegers.github.io/cascadeframework/index.html Also different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older brows
popup-desktop 2014/07/28
framework

bootstrap
ãƒªãƒ³ã‚¯
ã€ŽGAIABREAKERï¼ˆã‚¬ã‚¤ã‚¢ãƒ–ãƒ¬ã‚¤ã‚«ãƒ¼ï¼‰ã€é–‹ç™ºé™£ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã€€ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³â€œenchant.jsâ€ã‚’ä½¿ã£ãŸWii Uå‘ã‘ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã«ç§˜ã‚ã‚‰ã‚ŒãŸé‡Žæœ›ã¨ã¯ï¼Ÿ - ãƒ•ã‚¡ãƒŸé€š.com
2013å¹´12æœˆ25æ—¥ã€Wii Uã®ãƒ‹ãƒ³ãƒ†ãƒ³ãƒ‰ãƒ¼eã‚·ãƒ§ãƒƒãƒ—å‘ã‘ã«é…ä¿¡ã•ã‚ŒãŸã€ŽGAIABREAKERï¼ˆã‚¬ã‚¤ã‚¢ãƒ–ãƒ¬ã‚¤ã‚«ãƒ¼ï¼‰ã€ã€‚æ—¢å ±ã®é€šã‚Šï¼ˆâ‡’è¨˜äº‹ã¯ã“ã¡ã‚‰ï¼‰ã€æœ¬ä½œã¯ä»»å¤©å ‚ãŒæä¾›ã™ã‚‹é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯â€œNintendo Web Frameworkâ€ã«å¯¾å¿œã—ãŸã€â€œenchant.js for Nintendo Web Frameworkâ€ã§ä½œæˆã•ã‚ŒãŸç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã ã€‚ â€œNintendo Web Frameworkâ€ã«â€œenchant.jsâ€ï¼ˆã‚¨ãƒ³ãƒãƒ£ãƒ³ãƒˆãƒ»ã‚¸ã‚§ãƒ¼ã‚¨ã‚¹ã¨èªã¿ã¾ã™ï¼‰ã¨ã„ã†ã¨ã€ä½•ã ã‹ã™ã”ãã†ã ãŒã€æ£ç›´ã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã‚Šâ€¦â€¦ã€‚ã¾ã‚ã€ã‚ã‹ã‚‰ãªã„ã“ã¨ã¯é–‹ç™ºé™£ã«ç›´æŽ¥èžãã®ãŒã¦ã£ã¨ã‚Šæ—©ã„ï¼ã€€ã¨ã„ã†ã‚ã‘ã§ã€ã©ã‚“ãªæŠ€è¡“ã§æœ¬ä½œãŒä½œã‚‰ã‚ŒãŸã®ã‹ã‚’è§£æ˜Žã™ã¹ãã€ãƒ¦ãƒ“ã‚ã‚¿ã‚¹ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆã®é–‹ç™ºé™£ã¸ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚’æ•¢è¡Œã—ãŸã€‚ ãªãŠã€ãƒ¦ãƒ“ã‚ã‚¿ã‚¹ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆã¯ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¼
popup-desktop 2014/01/27
ãƒ¬ãƒ“ãƒ¥ãƒ¼ã®æƒ¨çŠ¶ã«ã¤ã„ã¦ã¯ãƒŽãƒ¼ã‚¿ãƒƒãƒãªä»¶â€¦ã€‚

JS

framework

game

wiiu
ãƒªãƒ³ã‚¯
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã‚ã€‚ Webã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã‚„SCSSã®é€£è¼‰ã‚’æ›¸ã„ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚ ãã†ã„ãˆã°Google ReaderãŒçµ‚äº†ã™ã‚‹ã¨ã®ã“ã¨ã§ã¨ã¦ã‚‚æ®‹å¿µã§ã™ãã€‚ èªè€…ã®ã¿ãªã•ã¾ã‚‚æ¬¡ã®å¼•ã£è¶Šã—å…ˆãƒ„ãƒ¼ãƒ«æŽ¢ã—ã§å¿™ã—ã„ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°ã®RSSã‚‚å¿˜ã‚Œãšã«ç™»éŒ²ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚æ›´æ–°é »åº¦ã®é«˜ã„ãƒ–ãƒã‚°ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã®RSSã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ æœ¬é¡Œ ãã‚Œã§ã¯æœ¬é¡Œã§ã™ãŒã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆãã€‚ å€‹äººçš„ã«ã¯HTMLä¸Šã®ã‚¯ãƒ©ã‚¹ã«ã‚ã¾ã‚Šæ„å‘³ã®ãªã„æ–‡å—åˆ—ã¯å…¥ã‚ŒãŸããªã„ã®ã§ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚HTMLã‚‚ç·¨é›†ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€‚ ãµã¨Sass/SCSSã§Extendã—ãŸã‚ŠMixinsã§åˆ¶å¾¡ã§ãã‚‹ã‚‚ã®ã§ã‚ã‚Œã°ç„¡é§„ãªã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’æ¸›ã‚‰ã—ã¦å¯å¤‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰åˆ¶å¾¡ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰è‰²ã€…ã¨ã‚ã‚Šã¾ã—ãŸã€‚ æœ€åˆ
popup-desktop 2013/07/09
framework
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
popup-desktop 2013/07/09
framework
ãƒªãƒ³ã‚¯
Front-end CSS Frameworks
UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
popup-desktop 2013/03/19
Framework
ãƒªãƒ³ã‚¯
Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton
Large user base Grids: Fluid and fixed UI tools: Lots of widgets; good for rapid prototyping History: Built by Twitter as a style guide for internal tools Medium user base Grids: Fluid. Most robust grid tools. UI tools: Good for rapid prototyping, but not as expansive as Bootstrap History: Built by ZURB as boilerplate for client projects Medium user base Grids: Fluid. Most robust grid tools. UI to
popup-desktop 2013/03/12
framework

RWD

prototyping
ãƒªãƒ³ã‚¯
HTML5ãƒ¢ãƒã‚¤ãƒ«Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒ - ãã—ã ã®Hatena
ãƒ¢ãƒã‚¤ãƒ«ç”¨ã§JavaScriptã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦æ¯”è¼ƒã—ãŸè¨˜äº‹ã‚’ç¿»è¨³ã—ã¾ã—ãŸã€‚ Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri ä»Šå¹´ã¯ãƒ¢ãƒã‚¤ãƒ«Webã«ã¨ã£ã¦é¢ç™½ã„å¹´ã«ãªã£ã¦ã„ã‚‹ã€‚HTML5ã¨CSS3ã®æŽ¡æŠžã€ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å‘ä¸Šã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®çˆ†ç™ºã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã§ã®ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªWebä½“é¨“ã®ä½œæˆãŒã“ã‚Œã¾ã§ã‚ˆã‚Šã‚‚ç¾å®Ÿçš„ã«ãªã£ãŸã“ã¨ã‚’æ„å‘³ã™ã‚‹ã€‚PhoneGapã®ã‚ˆã†ãªãƒ©ãƒƒãƒ‘ã‚’ä½¿ã†ã“ã¨ã§ã€iPhoneã‚„iPadã€Androidã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã®Appã‚¹ãƒˆã‚¢ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é…å¸ƒã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ãªã£ãŸã€‚å˜ä¸€ã®ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©
popup-desktop 2012/05/18
html5

JavaScript

framework
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€ãŒå…¬å¼ã‚µã‚¤ãƒˆã‚’å…¬é–‹ | ClockMaker Blog
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ã€ŒCreateJSã€ã®å…¬å¼ã‚µã‚¤ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ http://www.createjs.com/ CreateJSã¯HTML5ã‚’ä»‹ã—ã¦ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒ„ãƒ¼ãƒ«ã®ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚CreateJSÂ Suiteã«ã¯EaselJSã€TweenJSã€SoundJSã€PreloadJSã€ã¨Zoeã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã®ãƒ–ãƒã‚°ã§ã‚‚EaselJSã€TweenJSã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ‡ãƒ¢ã‚’å¹¾ã¤ã‹åˆ¶ä½œã—ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€Flashã§åŸ¹ã‚ã‚ŒãŸæŠ€è¡“ãŒãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ç‚¹ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ„ãƒ¼ãƒ«ç¾¤ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ EaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ EaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ ä»Šå›žã¯å…¬å¼ã‚µã‚¤ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£
popup-desktop 2012/04/18
html5

javascript

framework
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªCSSã‚°ãƒªãƒƒãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â€“ creamu
CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽZURBã€ã€‚ã‚¯ãƒ¼ãƒ«ãªCSSã‚°ãƒªãƒƒãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚«ãƒ©ãƒ æ•°ã‚„å¹…ã‚’æŒ‡å®šã—ã¦ã€CSSã‚’ç”Ÿæˆã§ãã¾ã™ãã€‚Screen Widthã‚’å¤‰ãˆã¦ç¢ºèªã™ã‚‹ã“ã¨ã‚‚ã§ãã¦ã€ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã™ã€‚ ä¼¼ãŸã‚µã‚¤ãƒˆã ã¨ã€960 Grid SystemãŒã‚ã‚Šã¾ã™ãã€‚ ã“ã¡ã‚‰ã¯åˆ¶ä½œäº‹ä¾‹ã‚‚å¤šãã€å‚è€ƒã«ãªã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®åˆ¶ç´„ã‚’å—ã‘ãã†ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æ‰‹é–“ã‚’å¤šå°‘æ¸›ã‚‰ã—ã¤ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒã§ããã†ã§ã™ã€‚ ä¸€åº¦è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ ZURB CSS Grid Builder ã“ã“æ•°æ—¥å¤œã¯ã¡ã‚ƒã‚“ã¨å¯ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã‚‹ã®ã§ä½“èª¿ãŒã„ã„ã€‚ã“ã®èª¿åã§ã„ãã¾ã™ã€‚
popup-desktop 2010/03/10
css

framework
ãƒªãƒ³ã‚¯
Blueprint CSS ã¨ä»²è‰¯ããªã‚‹ãƒ„ãƒ¼ãƒ«ã‚ã‚Œã“ã‚Œ
ã”ããŸã¾ã«ã§ã™ãŒã€è‡ªåˆ†ã®æœ¬ç·¨è¬›æ¼”ãŒå§‹ã¾ã‚‹å‰ã«ç°¡å˜ãªãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã‚’ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚å°é›£ã—ã„ã“ã¨ã‚’è©±ã™å‰ã«ã‚ãƒ£ãƒƒãƒãƒ¼ãªè©±é¡Œã«è§¦ã‚Œã¦è¬›æ¼”ã«å°‘ã—ã§ã‚‚æ³¨ç›®ã—ã¦ã‚‚ã‚‰ãŠã†ã¨è€ƒãˆã€æ™‚é–“ãŒã†ã¾ãèª¿æ•´å‡ºæ¥ãŸã¨ãã«ã—ã¦ã„ã¾ã™ã€‚æ˜¨å¹´ï¼™æœˆã«é–‹å‚¬ã•ã‚ŒãŸ CSS Nite LP7 ã§ã¯ã€Blueprint ã¨ã„ã† CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ Blueprintã¯ã€æ§˜ã€…ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ class å±žæ€§ã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ã‚«ãƒ©ãƒ ã®æ•°ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¨ãƒªã‚¢ã®æ¨ªå¹…ã€ãƒœãƒƒã‚¯ã‚¹ã®ç§»å‹•ã€ãã—ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆãªã©æ‰‹è»½ã«æ“ä½œãŒå¯èƒ½ã§ã™ã€‚æŸ”è»Ÿæ€§ã«é•·ã‘ã¦ã„ã‚‹ã ã‘ã‚ã£ã¦ã‚³ãƒ¼ãƒ‰ã®é‡ã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®åˆ†ã‘æ–¹ãŒç‹¬ç‰¹ãªã®ã§ã€ç´å“ç‰©ã¨ã—ã¦å‡ºã›ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ãŒã€HTMLã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ŠãŸã„ã¨ã„ã†æ–¹ã«ã¯è‰¯ã„ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨å‘¼ã°ã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã¯ä»–ã«ã‚‚å¹¾ã¤ã‹ã‚ã‚Šã¾ã™ãŒã€Blueprintã¯é–¢é€£ãƒ„ãƒ¼ãƒ«
popup-desktop 2010/01/17
css

framework

blueprint
ãƒªãƒ³ã‚¯
çŸ¥ã‚‰ãªã„ã¨æã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒæ´»ç”¨æ³• - GoTheDistance
ãƒ›ãƒƒãƒ†ãƒ³ãƒˆãƒªãƒ¡ãƒ¼ã‚«ãƒ¼ã‹ã‚‰ã‚¿ã‚¤ãƒˆãƒ«ã‚’é ‚æˆ´ã—ãŸã€‚id:phaã•ã‚“ã‚ã‚ŠãŒã¨ã€‚ ç¤¾ä¼šäººãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒ : LINE Corporation ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ–ãƒã‚°ãŒéžå¸¸ã«äººæ°—ã§ä»Šå¹´ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ–ãƒã‚¬ãƒ¼(ã¨ã„ã†ã‹ã‚¨ãƒ³ãƒˆãƒªå¤§è³žã«è¦‹ãˆã‚‹)å¤§è³žã«ã‚‚ãƒŽãƒŸãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã€‚ã“ã†ã„ã†è¨˜äº‹ã¯ãƒ‹ãƒ¼ã‚ºãŒã‚ã‚Šãã†ãªã®ã§ã€åƒ•ãªã‚Šã«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã«ã¤ã„ã¦ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨æ„ã—ã€åƒ•ãŒä½¿ã†ãƒãƒ£ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ ã¨ã„ã†ã‹1000ä»¥ä¸Šã®ï¾Œï¾žï½¸ï¾ã¨ã‹ãƒ»ãƒ»ãƒ»å«‰å¦¬ï¼æ¿€ã—ãå«‰å¦¬ï¼ï¼ãƒãƒ³ã‚«ãƒå™›ã‚“ã˜ã‚ƒã†ï¼ï¼ï¼ï¼ ãã‚‚ãã‚‚è°è«–ã—ã¡ã‚ƒã„ã‘ãªã„ã“ã¨ å€‹äººã®ä¾¡å€¤è¦³ã«ä¾æ‹ ã—ã€ãŠäº’ã„ã®ä¸»å¼µã‚’å‡ºã—åˆã£ã¦ã‚‚å…¨ä½“ã¨ã—ã¦åˆæ„ãŒå¾—ã‚‰ã‚Œãã†ã«ãªã„ã“ã¨ã€‚ä¾‹ãˆã°ï½¢æµ®æ°—ã®å®šç¾©ï½£ã¨ã‹ã€‚ã“ã‚“ãªã®ã¯è°è«–ã—ãŸã£ã¦å…¨ä½“æœ€é©ãªã‚“ã¦å°Žã‘ã‚‹ã‚ã‘ãŒç„¡ã„ã®ã§ã€ãƒ“ã‚¸ãƒã‚¹ã®å ´ã§ã¯å…¨ãæŒã£ã¦ãƒ ãƒ€ã§ã™ã€‚å±…é…’å±‹ã§ã‚„ã‚Šã¾ã—ã‚‡ã†ã€‚ ä»•äº‹ã§è°è«–ã™ã‚‹ã“ã¨ã®æ„å‘³ ã‚ãªãŸ
popup-desktop 2009/01/28
business

framework

lifehacks

work

tips
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
popup-desktop 2009/01/22
css

framework
ãƒªãƒ³ã‚¯
ç¤¾ä¼šäººãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒ - livedoor ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ Blog(ãƒ–ãƒã‚°)
ã“ã‚“ã«ã¡ã¯ã€livedoor Blogæ‹…å½“ã®çœžåè£•ä»‹ã§ã™ã€‚ ä»Šå›žã¯ã€ãƒ“ã‚¸ãƒã‚¹ä¸Šã®ã‚¹ã‚ãƒ«ã¨ã—ã¦æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã€ã«ã¤ã„ã¦èª¬æ˜Žã„ãŸã—ã¾ã™ã€‚ ãã‚‚ãã‚‚ã€ã¿ãªã•ã‚“ã¯ã€ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã€ã¨ã¯ã€æƒ…å ±åˆ†æžã€å•é¡Œç™ºè¦‹ã‚„ã€å•é¡Œè§£æ±º(*1)ã‚„æˆ¦ç•¥ã‚’ç«‹æ¡ˆã™ã‚‹éš›ã«åˆ©ç”¨ã™ã‚‹ã€Œæ€è€ƒã®æž ã€ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ (*1)All Aboutã®ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã—ã¦ã¾ã™ã‹ï¼Ÿã€ã‹ã‚‰å¼•ç”¨ã—ã¾ã—ãŸã€‚ ã“ã®ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã€ã‚’æ´»ç”¨ã™ã‚‹ã¨ã€è‡ªç„¶ã¨æ€è€ƒãŒè«–ç†çš„ã‹ã¤å®¢è¦³çš„ã¨ãªã‚Šã€æ€è€ƒã®çµæžœã‚’äººã«èª¬æ˜Žã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ ç§ã®çµŒé¨“ã‚’ã‚‚ã¨ã«è¨€ãˆã°ã€ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã€ã‚’å¦ã¶ä»¥å‰ã«ã€Œæ©Ÿèƒ½ã®è¦æœ›ã€ã‚’æ¤œè¨Žã™ã‚‹æ™‚ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç«‹å ´ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ±‚ã‚ã‚‹ã§ã‚ã‚ã†æ©Ÿèƒ½ã‚’è€ƒãˆã¦ã„ã¾ã—ãŸãŒã€ã©ã†ã—ã¦ã‚‚ä¸»è¦³çš„ãªæ„è¦‹ã¨ãªã‚ŠãŒã¡ã§ã—ãŸã€‚ã—ã‹ã—ãªãŒã‚‰ã€ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ€è€ƒã€ã‚’å¦ã‚“ã å¾Œã¯ã€ã€Œ
popup-desktop 2008/11/26
business

work

tips

framework
ãƒªãƒ³ã‚¯
Responsive Design Frameworks: Just Because You Can, Should You? â€” Smashing Magazine
After Marcotte defined the technique, responsive design frameworks began to emerge that incorporated these principles. Many of these frameworks are open-source, free to download and quickly customizable, and in this article, Jen Kramer will focus on the most popular ones: Bootstrap and Foundation. A responsive design framework might be a helpful tool in your arsenal, for quick prototyping, testing
popup-desktop 2007/09/29
CSS Frameworkã‚„åˆæœŸåŒ–CSSã®ã¾ã¨ã‚ï¼†ãƒ¡ãƒªãƒƒãƒˆãƒ‡ãƒ¡ãƒªãƒƒãƒˆ

css

framework
ãƒªãƒ³ã‚¯
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
popup-desktop 2007/09/02
css

yaml

framework
ãƒªãƒ³ã‚¯
ã‚‚ã£ã¨ã‚‚äººæ°—ã®ã‚ã‚‹AJAXè¨€èªžã¯ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ (MYCOMã‚¸ãƒ£ãƒ¼ãƒŠãƒ«)
Ajaxian.comã«ãŠã„ã¦23æ—¥(ç±³å›½æ™‚é–“)ã€"Ajaxian.com 2006 Survey Results"èª¿æŸ»çµæžœãŒå ±å‘Šã•ã‚ŒãŸã€‚æœ¬å ±å‘Šã¯Ajaxian.comã®èª¿æŸ»ã«ã‚ˆã‚‹ã‚‚ã®ã§ã€ä»Šå›žã§2å›žç›®ã«ãªã‚‹ã€‚865äººã‹ã‚‰å›žç”ã‚’å¾—ã¦ã„ã‚‹ã€‚ã‚‚ã£ã¨ã‚‚äººæ°—ã®ã‚ã‚‹Ajaxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Prototype.jsã€Script.aculo.usãŒ2ä½ã«ã¤ã‘ã¦ã„ã‚‹ã€‚è¨€èªžã§ã¯PHPãŒã‚‚ã£ã¨ã‚‚äººæ°—ãŒé«˜ãã€æ¬¡ã„ã§Javaã¨ãªã£ã¦ã„ã‚‹ã€‚ ä¸»ãªçµæžœã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ ãƒãƒ”ãƒ¥ãƒ©ãƒ¼Ajaxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Prototype - 43% Script.aculo.us - 33% Dojo - 19% DWR - 12% Moo.fx - 11% iQuery - 7% Yahoo! UI - 5% Rico - 5% Atlas - 4% MochiKit - 4% XAJAX - 4% Google Web Toolk
popup-desktop 2006/09/27
ajax

framework
ãƒªãƒ³ã‚¯
Ajaxã‚¢ãƒ—ãƒªã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«é–‹ç™ºãƒ„ãƒ¼ãƒ«ï¼Œãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚’ç‹™ã„NTTãƒ‡ãƒ¼ã‚¿ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦å…¬é–‹ã¸ï¼šITpro
NTTãƒ‡ãƒ¼ã‚¿ã¯ï¼ŒAjaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«ä½œæˆã§ãã‚‹é–‹ç™ºãƒ„ãƒ¼ãƒ«ã€Œãƒžã‚¹ã‚«ãƒƒãƒˆã€ã‚’ï¼Œ2006å¹´9æœˆä¸ã«ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã¨ã—ã¦ç„¡å„Ÿå…¬é–‹ã™ã‚‹ã€‚ãƒœã‚¿ãƒ³ã‚„ã‚¿ãƒ–ï¼Œãƒ„ãƒªãƒ¼ãªã©ã®ç”»é¢ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒžã‚¦ã‚¹ã§é…ç½®ã—ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãã‚‹ã€‚NTTãƒ‡ãƒ¼ã‚¿ã«ã‚ˆã‚Œã°ï¼ŒJavaScriptã‚’æ›¸ãã“ã¨ãªãã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãï¼Œå·¥æ•°ãŒç´„60ï¼…å‰Šæ¸›ã•ã‚Œã‚‹ã¨ã„ã†ã€‚ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã¨ã—ã¦ç„¡å„Ÿå…¬é–‹ã™ã‚‹ã“ã¨ã§ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆãƒ»ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã®åœ°ä½ã‚’ç‹™ã†ã€‚ ãƒžã‚¹ã‚«ãƒƒãƒˆã«ã‚ˆã‚‹é–‹ç™ºã®æ‰‹é †ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚‹ã€‚ã¾ãšç”¨ä»¶å®šç¾©æ‹…å½“è€…ãŒWebãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ã€Œãƒžã‚¹ã‚«ãƒƒãƒˆWebãƒ–ãƒ©ã‚¦ã‚¶ç‰ˆIDEã€ã§ï¼ŒWebç”»é¢ã‚’ãƒžã‚¦ã‚¹æ“ä½œã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ï¼Œç”»é¢å®šç¾©XMLãŒç”Ÿæˆã•ã‚Œã‚‹ã€‚ã“ã‚Œã‚’é–‹ç™ºæ‹…å½“è€…ãŒã€Œãƒžã‚¹ã‚«ãƒƒãƒˆ Eclipseç‰ˆIDEã€ã«ã‚¤ãƒ³ãƒãƒ¼ãƒˆã—ã¦ï¼Œç”»é¢ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨æ—¢å˜ã®æ¥å‹™ãƒã‚¸ãƒƒã‚¯ãƒ»ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å¯¾å¿œä»˜ã‘ã‚‹è¨å®šãªã©ã‚’è¡Œã„ï¼Œ
popup-desktop 2006/09/16
ajax

development

framework

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