[B! Web][webdesign] sisicomã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sisicom id:sisicom

Webã¨webdesignã«é–¢ã™ã‚‹sisicomã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

è©±é¡Œã®ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ã‚½ãƒ•ãƒˆSketch3ã®æ—¥æœ¬èªžå‚è€ƒã‚µã‚¤ãƒˆã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãªã©ã®ã¾ã¨ã‚ã€‚
fireworksã®é–‹ç™ºãŒçµ‚äº†ã—ã€WEBåˆ¶ä½œã«ä¾¿åˆ©ãªãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ã‚½ãƒ•ãƒˆã¨ã—ã¦è„šå…‰ã‚’æµ´ã³ã¦ã„ã‚‹Sketchã€‚ æœ€åˆã¯fireworksã®ä»£æ›¿å“ç¨‹åº¦ã®èªè˜ã§ã—ãŸãŒã€ã‚·ãƒ³ãƒœãƒ«æ©Ÿèƒ½ã€ã‚¹ãƒ©ã‚¤ã‚¹ã‚’åˆ‡ã‚‰ãªãã¦ã‚‚ã‚·ãƒ³ãƒœãƒ«ãŒã‚¹ãƒ©ã‚¤ã‚¹åŒ–ã•ã‚Œã‚‹æ©Ÿèƒ½ãªã©ãªã©ã€éžå¸¸ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒæƒã£ã¦ã„ã¾ã™ã€‚ Illustratorã‚„Photoshopã¯ã¾ã ã¾ã å¿…è¦ãªãƒã‚¤ãƒ³ãƒˆã€æ©Ÿèƒ½ãŒã‚ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€ãã‚Œã„ç›®ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«ãƒ‘ãƒ¼ãƒ„ã‚’ä¹—ã›ã¦ã‚«ãƒ³ãƒ—åŒ–ã€ãã®ã¾ã¾åˆ‡ã‚Šå‡ºã—ãªã©ã¨ã„ã†åŸºæœ¬çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’å®Ÿç¾ã™ã‚‹ã®ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒç››ã‚Šã ãã•ã‚“ã®æ³¨ç›®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ å…ˆæ—¥ã®gulpå‹‰å¼·ä¼šã§ã€sketchã§ä½œã£ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç·¨é›†ã€ä¿å˜ã™ã‚‹ã ã‘ã§ç”»åƒã‚„ãƒ•ã‚©ãƒ³ãƒˆãŒæ›¸ãå‡ºã•ã‚Œã€gulpçµŒç”±ã§ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ãƒªãƒãƒ¼ãƒ‰ï¼ã¿ãŸã„ãªä¾¿åˆ©ãªæ©Ÿèƒ½ç´¹ä»‹ã‚‚ã‚ã‚Šã€æ€ã‚ãšè²·ã£ã¦ã—ã¾ã£ãŸãŸã‚ã€æ—¥æœ¬èªžã§sketchã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã‚„è¨˜äº‹ã‚’è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢
sisicom 2016/11/15
Sketchã‹ãªã‚Šè‰¯ã„ã¿ãŸã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼’ãªã‚‰ã‚ã‚‹ã‘ã©ããˆã€‚

fireworks

App

web

design

webdesign
ãƒªãƒ³ã‚¯
The Grid System
A collection of resources and templates - Grid related (like grid systems) and different kinds of templates (resumes).
sisicom 2013/06/19
ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®æƒ…å ±ã‚µã‚¤ãƒˆã€‚ã“ã‚“ãªã®ã‚ã£ãŸã®ï¼ï¼Ÿ

GRID

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

web

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

design

webdesign

typography

layout

css
ãƒªãƒ³ã‚¯
Responsive Web Design JPï¼ˆæ—¥æœ¬å›½å†…ã®ç§€é€¸ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆï¼‰
æ—¥æœ¬å›½å†…ã®ç§€é€¸ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚
sisicom 2013/03/29
ä½œã‚‹ã¨ãã®å‚è€ƒã«ã—ã‚ˆã†ã€‚

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

web

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

webå‚è€ƒã‚µã‚¤ãƒˆ

webdesign
ãƒªãƒ³ã‚¯
ç¸¦ã‚„æ¨ªã«é•·ã„ã‚µã‚¤ãƒˆã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€1åº¦ã¯è¦‹ã¦ãŠããŸã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ¼”å‡ºã®ã¾ã¨ã‚32å€‹ï¼
HTML+CSS+JavaScriptã§ã¤ãã‚‹ã‚µã‚¤ãƒˆã®å®šç•ªæ¼”å‡ºã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ï¼ HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ã€ŒHTML5ã®é¬¼ã€ã“ã¨ã»ã‚“ã ã§ã™ã€‚ ã‚«ãƒ¤ãƒƒã‚¯ç¤¾å†…ã§ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã„ã†æ„›ç§°ã§å‘¼ã‚“ã§ã„ã‚‹ç¸¦ã‚„æ¨ªã«é•·ã„1ãƒšãƒ¼ã‚¸ã‚µã‚¤ãƒˆã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ¼”å‡ºãŒå°è±¡çš„ã§ã™ã‚ˆãã€‚ ä»Šå›žã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã‚°ã‚°ã‚‹ã¨1ä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€ åƒ•ã®ã¯ã¦ãƒ–ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã‚¿ã‚°ã‹ã‚‰åŽ³é¸32ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ï¼ ã¾ãšã¯çŽ‹é“ï¼ç¸¦ã«é•·ã„é«˜ç´šãƒšãƒ©ã‚¤ãƒ
sisicom 2012/06/19
HTML

å®‡å®™

android

blog

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

webdesign

web

design
ãƒªãƒ³ã‚¯
LukeW | Multi-Device Layout Patterns
Multi-Device Layout Patterns by Luke Wroblewski March 14, 2012 Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adapta ble
sisicom 2012/03/15
design

webdesign

web

UI

ios

IA

webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆç§ï¼‰ã«ã‚ˆã‚‹Webåˆ¶ä½œã®ã¨ãã«æ°—ã‚’ã¤ã‘ã¦ã‚‹ã“ã¨ã‚„åˆ¶ä½œãƒ•ãƒãƒ¼ã¨ã‹ã„ã‚ã„ã‚
ç§ã¯ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã® Web ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã® Web ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ãŠæ‰‹ä¼ã„ã‚’ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€ç§ãŒä»•äº‹ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ã¦ã„ã‚‹äº‹ã‚„ã€Web åˆ¶ä½œã®ãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ ...ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€ã¿ãªã•ã‚“ã¯ã©ã‚“ãªåˆ¶ä½œãƒ•ãƒãƒ¼ã‚’ãŸã©ã£ã¦ä½œã£ã¦ã¾ã™ã‹ï¼Ÿç§ã¯ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã§ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€æœ€åˆã‹ã‚‰æœ€å¾Œã¾ã§ã²ã¨ã‚Šã§ä½œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ä»Šå›žã¯ãµã ã‚“ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«æ°—ã‚’ã¤ã‘ã¦ã‚‹äº‹ã‚„ã€ã„ã¤ã‚‚ã—ã¦ã„ã‚‹ Webã‚µã‚¤ãƒˆã®ä½œæˆãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚‚ã£ã¨åŠ¹çŽ‡åŒ–ã§ãã‚‹ã“ã¨ãŒã‚ã‚‹ã¯ãšã ãªãƒ¼ã¨æ€ã„ã¤ã¤ã€æœ€åˆã‹ã‚‰æœ€å¾Œã¾ã§ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãŸã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã£ã¦ã©ã‚“ãªä»•äº‹ãªã®ã£ã¦ã„ã†è³ªå•ã‚’ã¨ãã©ãã„ãŸã ãã®ã§ â€¦ ã“ã‚“ãªã“ã¨ã—ã¦ã¾ã™ â€¦ ã¿ãŸã„ãªç´¹ä»‹ã§ã™ã€‚ã“ã‚Œã¯ã‚ãã¾ã§ç§ãŒ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã«ã—ã¦ã„ã‚‹ãƒ•ãƒãƒ¼ã§ã€ä»–ã® Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚„åˆ¶ä½œä¼šç¤¾ã•ã‚“ã¨é•
sisicom 2012/02/23
web

webåˆ¶ä½œ

webdesign

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1