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

hashimoya id:hashimoya

webdesignã«é–¢ã™ã‚‹hashimoyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (199)

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

ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šç´šè€… 21ã®ç‰¹å¾´
ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šç´šè€…ã¯ã€ä¸ç´šè€…ã¨åˆå¿ƒè€…ã¨ä½•ãŒé•ã†ã‚“ã ã‚ã†ï¼Ÿã£ã¦æ€ã£ãŸæ™‚ã«ã€ã“ã¡ã‚‰ã®æœ¬ãŒå½¹ã«ç«‹ã¡ã¾ã—ãŸã€‚ ã€Žä¸Šé”ã®æ³•å‰‡ â€“ åŠ¹çŽ‡ã®ã‚ˆã„åŠªåŠ›ã‚’ç§‘å¦ã™ã‚‹ â€“ã€ã¨ã„ã†æœ¬ã§ã™ã€‚ã“ã®æœ¬ã«ã¯ã€ç¢ã‚„èŒ¶é“ãªã©ã€ã‚ã‚‰ã‚†ã‚‹åˆ†é‡Žã«å…±é€šã™ã‚‹ä¸Šç´šè€…ã®ç‰¹å¾´ãŒã®ã£ã¦ã„ã¾ã™ã€‚ã“ã®æœ¬ã‚’å‚è€ƒã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šç´šè€…ã®ç‰¹å¾´ã¨ã€ä¸Šç´šè€…ã«ãªã‚‹ãŸã‚ã®å®Ÿè·µæ–¹æ³•ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šç´šè€…ã®ç‰¹å¾´ 1. ä¸Šç´šè€…ã¯ä¸€ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒå¤šã„ ä¸€ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦‹ãŸã¨ãã€ä¸Šç´šè€…ã®æ–¹ãŒä¸ç´šè€…ã€åˆç´šè€…ã‚ˆã‚Šã‚‚æ°—ã¥ãã“ã¨ãŒå¤šã„ã§ã™ã€‚ä¾‹ãˆã°ã€èƒŒæ™¯ã«è–„ãã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã‹ã£ã¦ã„ã‚‹ã¨ã‹ã€ç¸¦ã®ã‚°ãƒªãƒƒãƒ‰ã®ãƒ©ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã‚‹ãªã©ã€‚ ã¾ãŸã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãŸãã•ã‚“ã®æƒ…å ±ã‚’å¼•ãå‡ºã—ã¦ã„ã‚‹ã®ã§ã€é•·ãè¦‹ã¦ã‚‚é€€å±ˆã—ã«ãã„ã¨ã„ã†ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ 2. ä¸Šæ‰‹ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ã„ã†ã“ã¨ã«é«˜ã„ä¾¡å€¤ã‚’ãŠã„ã¦ã„ã‚‹ ä¸Šç´šè€…ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã—ã¦æœ¬æ°—ã§å–ã‚Šçµ„ã‚€åº¦åˆã„ãŒé«˜ã„ãŸã‚ã€ä¸Šæ‰‹ãª
hashimoya 2012/02/25
webdesign
ãƒªãƒ³ã‚¯
Beckett Werbeagentur in Ingolstadt
hashimoya 2012/02/19
ã‚ªã‚µãƒ¬ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

webdesign

parallax
ãƒªãƒ³ã‚¯
henteco(ã¸ã‚“ã¦ã“)ï½žæ£®ã®æ´‹è“ååº—ã€ç›®é»’åŒºç¢‘æ–‡è°·ï¼ã‚«ãƒ•ã‚§ï¼†ç„¼ãè“åå°‚é–€ãƒ»æ´‹è“ååº—ã€‘
ã€2018å¹´3æœˆä¸Šæ—¬é ƒé–‹åº—äºˆå®šã€‘ç›®é»’åŒºç¢‘æ–‡è°·ã®ã‚«ãƒ•ã‚§ï¼†ç„¼ãè“åå°‚é–€ãƒ»æ´‹è“ååº—ã€‚ã©ã†ã¶ã¤ã‚¯ãƒƒã‚ãƒ¼ã‚„ç´ æã«ã“ã ã‚ã£ãŸç„¼ãè“åã€ç¾Žå‘³ã—ã„ç´…èŒ¶ã‚„ã‚³ãƒ¼ãƒ’ãƒ¼ã¨ã€ã‚«ãƒ•ã‚§ã‚¹ãƒšãƒ¼ã‚¹ã‚‚ã”ç”¨æ„ã€‚
hashimoya 2012/02/18
ã“ã‚Œã¯å–œã¶å‹äººãŸã¡ã®é¡”ãŒæµ®ã‹ã¶ãªã‚â€¦ã€‚ä»Šåº¦ã„ã£ã¦ã¿ã‚ˆã€‚

webdesign

food
ãƒªãƒ³ã‚¯
æ¥½å¤©ã‹ã‚‰å¦ã¹ã‚‹æ—¥æœ¬çš„ãªWebã‚¢ãƒ—ãƒãƒ¼ãƒ
å¦ã¹ã‚‹ã¨ã“ã‚ãŒå¤šã„æ¥½å¤©ãƒšãƒ¼ã‚¸Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã‚ã‚‹æ§˜ã€…ãªæƒ…å ±ã‚„ãƒŽã‚¦ãƒã‚¦ãŒä¸–ç•Œä¸ã§å…±æœ‰ã•ã‚Œã¦ã„ã‚‹ã¨ã¯ã„ãˆã€ãŠå›½æŸ„ã¯å˜åœ¨ã—ã¾ã™ã€‚Yahoo!ã§ã‚‚ã€ä¸–ç•Œå…±é€šã«ã¿ãˆã‚‹ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ãŒã€ã‚¢ãƒ¡ãƒªã‚«ã¨æ—¥æœ¬ã¨ä¸å›½ã§ã¯ã‚¢ãƒ—ãƒãƒ¼ãƒãŒç•°ãªã‚Šã¾ã™ã€‚æƒ…å ±ã«ãƒ¡ãƒªãƒãƒªã‚’ãã‹ã›ã¦ã„ã‚‹ã‚¢ãƒ¡ãƒªã‚«ã€‚ä»Šã®è©±é¡Œã‚’ä¸å¤®ã«ãŸãã•ã‚“è©°ã‚è¾¼ã‚ã‚‹ã‚ˆã†ã«å·¥å¤«ã—ã¦ã‚ã‚‹æ—¥æœ¬ã€‚ã‚¯ãƒªãƒƒã‚¯ã‚’ã—ãªãã¦ã‚‚è†¨å¤§ãªæƒ…å ±ã‚’æ¶ˆåŒ–ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ä¸å›½ã€‚ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã‚’ã²ã¨ã“ã¨ã§è¨€ã£ã¦ã‚‚ã‚„ã‚Šæ–¹ãŒã„ã‚ã„ã‚ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ å„å›½ã® Yahoo! ã‚’è¦‹ã¦ã€Œæ¬§ç±³ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã«ã€æ—¥æœ¬ã‚„ä¸å›½ã¯ãªã‚“ã‹ã”ã¡ã‚ƒã”ã¡ã‚ƒã—ã¦ã„ã‚‹ã€ã¨æ„Ÿã˜ãŸæ–¹ã¯ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãªãœãã‚“ãªå°ã•ãªã¨ã“ã‚ã«æƒ…å ±ã‚’è©°ã‚è¾¼ã‚€ã®ã‹ã€ãªãœãƒšãƒ¼ã‚¸ã‚’æ•´ç†ã—ãªã®ã‹ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’çµžã£ã¦ãƒ¡ãƒªãƒãƒªã‚’ã¤ã‘ãªã„ã®ã‹ã€ã¨ã„ã£ãŸæ‚©ã¿ã‚’æŠ±ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ æ—¥æœ¬ã‚‰ã—ã„å¿™ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»£è¡¨ä¾‹ã¨ã—ã¦ã‚ˆ
hashimoya 2012/02/18
ç¢ºã‹ã«å›½ç”£webã‚µãƒ¼ãƒ“ã‚¹ã¨æµ·å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¯”è¼ƒã—ã¦ã¿ã¦ã‚‚ã€æ—¥æœ¬ã®ã»ã†ãŒãƒã‚¿è‡ã„ã¨ã„ã†ã‹ã“ã£ãã‚Šã—ã¦ã‚‹æ„Ÿã˜ã™ã‚‹ã€‚ã‚¢ã‚¸ã‚¢åœã§ã‚‚ããã‚Œã‚‹ã ã‚ã†ãªã€‚

webdesign

æ¥½å¤©
ãƒªãƒ³ã‚¯
GoSuite: Powerful Online Non-profit software solution - Celerate: CRM Software & Web Development for Nonprofits
hashimoya 2012/02/17
webdesign

ã‚ã¨ã§
ãƒªãƒ³ã‚¯
amana Digital & Publishing
amana visual Photographerã€Retoucherã€CGI ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆ UPDATE Photographer ç€¬æ²¼è‹‘å VIEW MORE amana WORKS æœ€æ–°ã®åˆ¶ä½œå®Ÿç¸¾ã‚’ã”ç´¹ä»‹ã—ã¾ã™ VIEW MORE amana INSIGHTS Tailor Appï½œå†ç”ŸåŒ»ç™‚ç™ºæƒ³ã‚¹ã‚ãƒ³ã‚±ã‚¢ã€ŒiCellã€ã‚’å¯è¦–åŒ–â”€â”€æ°·å·ãã‚ˆã—ã§ä¼ãˆã‚‹ã‚³ãƒ”ãƒ¼ãƒ»æ˜ åƒãƒ»ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã®ãƒ–ãƒ©ãƒ³ãƒ‰æˆ¦ç•¥ VIEW MORE amana INSIGHTS ãªãœäººã¯ã€Œç‰©èªžã€ã«å…±æ„Ÿã™ã‚‹ã®ã‹ï¼Ÿãƒ–ãƒ©ãƒ³ãƒ‰ä¾¡å€¤ã‚’ç”Ÿã‚€ãƒŠãƒ©ãƒ†ã‚£ãƒ–ã®åŠ› VIEW MORE
hashimoya 2012/02/02
ã®ã¡ã»ã©ãªã‚ã¾ã‚ã™ã‚ˆã†ã«è¦‹ã‚‹

html5

webdesign
ãƒªãƒ³ã‚¯
http://www.beautifulexplorer.com/main.html?skip=1
hashimoya 2012/02/02
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã®ç”»åƒã¨ã‹ã‚’ãƒ¢ãƒ“ãƒ¼ãƒ«ã¿ãŸã„ãªã‚„ã¤ã«ã¶ã‚‰ã•ã’ã¦ãã‚‹ãã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦è¦‹ã‚‹ã‚„ã¤ã€‚iPadã¨ã‹ã®ãŒç›¸æ€§ã‚ˆã•ãã†ã€‚

webdesign

webservice

scroll
ãƒªãƒ³ã‚¯
SALT SURF
Sign up for the SALT SURF newsletter to get 15% off your first order! And to stay up to date on sales, new launches and other behind the scenes news at SALT SURF!
hashimoya 2012/02/02
èƒŒæ™¯å…¨ç”»é¢ã«æ•·ã„ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚„ã¤ã®ãŠæ‰‹æœ¬ã€‚ä¸‹ã®éšŽå±¤ãŒã™ã”ã„ã‚·ãƒ³ãƒ—ãƒ«ã¨ã‹ã€å¯¾æ¯”ãŒç”Ÿãã¦ã‚‹æ„Ÿã˜ã€‚ã‚„ã£ã±ã‚Šãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«å‘½ãªã¨ã“ãŒä½¿ã£ã¦ãªã‚“ã¼ã ã‚ˆãƒãƒ¼

webdesign

fashion
ãƒªãƒ³ã‚¯
ã€Œå°¾é“å¸‚ç«‹åœŸå ‚å°å¦æ ¡ã€
é–‰æ ¡ã«ä¼´ã„ã€æœ¬æ ¡ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã¯ã€ï¼“æœˆï¼“ï¼‘æ—¥ã‚’æŒã£ã¦çµ‚äº†ã¨è‡´ã—ã¾ã™ã€‚ ä»Šã¾ã§ã”è¦§ã„ãŸã ãã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
hashimoya 2012/01/31
webdesign

education
ãƒªãƒ³ã‚¯
//// COLOURlovers :: loving colours since 1981
Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.
hashimoya 2012/01/30
webdesign

color
ãƒªãƒ³ã‚¯
ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã¯ä½•pxã¾ã§ï¼Ÿ ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚µã‚¤ã‚º5å¹´é–“ã®å¤‰åŒ–ã‚’å¤§å…¬é–‹ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹… | Webæ‹…å½“è€…Forum
ã€2026å¹´ç‰ˆã€‘å¤§å¦ç”Ÿã®å°±è·äººæ°—ä¼æ¥ãƒ©ãƒ³ã‚ãƒ³ã‚°ã€Googleã‚„Appleã‚’æŠœã„ãŸ1ä½ã¯ï¼Ÿã€ãƒªã‚¹ã‚¯ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼èª¿ã¹ã€‘ 1æœˆ29æ—¥ 6:00
hashimoya 2012/01/30
ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã®æœ€è¿‘ï¼ˆã¨ã„ã£ã¦ã‚‚åŠå¹´ä»¥ä¸Šå‰ï¼‰ã®ãƒ‡ãƒ¼ã‚¿ã€‚ãƒ¯ã‚¤ãƒ‰ãƒ¢ãƒ‹ã‚¿å¢—åŠ ã®å½±éŸ¿ãŒã“ã“ã«ã‚‚

webåˆ¶ä½œ

webdesign
ãƒªãƒ³ã‚¯
ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼.com -Webã‚µã‚¤ãƒˆã®ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆ-
ã¯ã¦ãƒ– ãƒ„ã‚¤ãƒ¼ãƒˆã™ã‚‹ ã‚·ã‚§ã‚¢ã™ã‚‹ ä»–ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãƒ•ãƒƒã‚¿ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¦ã‚§ãƒ–ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ ã„ã‚ã‚“ãªWEBã‚µã‚¤ãƒˆã®ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚’é›†ã‚ã¾ã—ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã€‚æŽ²è¼‰ã‚µã‚¤ãƒˆãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸå ´åˆã¯ã”ç´¹ä»‹ã®ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ãŒä½¿ç”¨ã•ã‚Œã¦ã„ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ é€£çµ¡å…ˆï¼šmanage.hp+favicon@gmail.com copyright Â© favicon-design.com All Rights Reserved.
hashimoya 2012/01/25
ã‚ã‚Šã¨ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚ã‚‹ã®å‰æã«ãªã£ã¦ãã¦ã‚‹ã‚‚ã‚“ãªãƒ¼

webservice

favicon

gallery

webdesign
ãƒªãƒ³ã‚¯
For a Future-Friendly Web
For full breakdown, visit http://bradfrostweb.com/blog/web/for-a-future-friendly-web/ This talk was from Web Design Day (http://webdesignday.com) in beautiful Pittsburgh, PA. This talk introduces the need to start thinking and acting in a more future-friendly (http://futurefriend.ly) way when approaching web design. The diversity of web-enabled devices is increasing at an alarming rate. We have to
hashimoya 2012/01/20
ãªã‚“ã‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã§èª¬æ˜Žã—ã¤ã¤ã€è¨€è‘‰ã§ã‚‚ã‚ã‹ã‚‹ã¨ã„ã†ãŠæ‰‹æœ¬ã®ã‚ˆã†ãªã‚¹ãƒ©ã‚¤ãƒ‰ã ã£ãŸã€‚

slide

webdesign
ãƒªãƒ³ã‚¯
http://www.re-print.me/
hashimoya 2012/01/20
ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ã‚‚ç·šã§è¦‹ã›ã‚‹ãªãƒ¼

calendar

print

webdesign
ãƒªãƒ³ã‚¯
2012å¹´ã®Media Queries
2011å¹´ã«ã¯Mobile Firstã¨ã„ã†æ‰‹æ³•ãŒæµ¸é€ã—ãŸã€‚å½“åˆã¯å¤šåˆ†ã«æŠ€è¡“çš„ãªäº‹æƒ…ã«ã‚ˆã‚‹ã‚‚ã®ã§ã€å…ˆã«ä½Žè§£åƒåº¦å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ›¸ãã“ã¨ã«ã‚ˆã£ã¦ã€é«˜è§£åƒåº¦å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ä½¿ã‚ã‚Œã‚‹å¤§ããªç”»åƒã‚’èªã¿è¾¼ã¾ã‚Œãªã„ã‚ˆã†ã«ã™ã‚‹ã¨ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã—ã‹ãªã‹ã£ãŸã€‚ã—ã‹ã—ã€çµæžœã¨ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡è¦–ã§CSSã‚’æ›¸ãã‚„ã™ããªã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã€æ€¥é€Ÿã«æµ¸é€ã™ã‚‹ã“ã¨ã«ãªã£ãŸã€‚Media Queriesã¯ãã‚“ãªMobile Firstã®ä¸æ ¸ã‚’ãªã™æŠ€è¡“ã ãŒã€ãã®ä½¿ã‚ã‚Œæ–¹ã¯é™å®šçš„ãªã‚‚ã®(ã»ã¼min-widthã¨printã ã‘)ã ã€‚2012å¹´ã«ã¯ãã“ã‚‰ã¸ã‚“ã‚‚å¤‰ã‚ã£ã¦ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã€‚ @media screen and (min-width: 481px) { /* do something */ } ã“ã†ã„ã£ãŸå¼·ãã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚’æ„è˜ã—ãŸæ›¸ãæ–¹ã‚’ã™ã‚‹ã®ã§ã¯ãªãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¿œã˜ã¦åˆ‡ã‚Šæ›¿ãˆãƒã‚¤ãƒ³ãƒˆã‚’æŽ¢ã‚‹å¿…è¦ãŒã‚ã‚‹ã ã‚ã†ã€‚ä¾‹
hashimoya 2012/01/20
ã€Œç‰©ç†çš„ã§ã¯ãªãã‚‚ã£ã¨è«–ç†çš„ã«Webã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãã¨ã„ã†ã“ã¨ã ã€‚ã€

mediaqueries

webdesign
ãƒªãƒ³ã‚¯
ç§ãŒwebã‚µã‚¤ãƒˆã®ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹æ™‚ã®æµã‚Œ â”‚ Design Spice
ç§ãŒwebã‚µã‚¤ãƒˆã®ãƒ©ãƒ•ã‚’ä½œã‚‹æ™‚ã®æµã‚Œã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ç‹¬å¦ã§èº«ã«ä»˜ã‘ãŸæ–¹æ³•ã§ã‚ã‚Šã€ ä¸€èˆ¬çš„ãªæ–¹æ³•ã§ã¯ãªã„ã‹ã‚‚çŸ¥ã‚Œãªã„ã“ã¨ã‚’äºˆã‚æ–ã£ã¦ãŠãã¾ã™ã€‚ ç§ã«ã¯ã‚„ã‚Šã‚„ã™ã„æ–¹æ³•ã§ã™ãŒã€ ä»–ã®äººã«ã¨ã£ã¦ã¯ãã†ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“â€¦ æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿æ³¨åŠ›ã™ã‚‹ãŸã‚ã€æ—¢ã«ã‚³ãƒ³ã‚»ãƒ—ãƒˆã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã€ã‚µã‚¤ãƒˆæ§‹æˆãªã©ã¯æ±ºã¾ã£ãŸçŠ¶æ…‹ã¨ä»®å®šã—ã¾ã™ã€‚ ï¼ˆâ€»æœ¬æ–‡ä¸ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã¯å…¨ã¦Macã®å ´åˆã§ã™ï¼‰ å¸Œæœ›ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ã‚¢ãƒªãƒ³ã‚° â€»å§”è¨—æ¥å‹™ã®å ´åˆã§ã™ ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¸Œæœ›ã‹ã‚’å…ˆæ–¹ã«ãƒ’ã‚¢ãƒªãƒ³ã‚°ã—ã¾ã™ã€‚ ã“ã®æ™‚ã«ã§ãã‚‹ã ã‘ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æ˜Žç¢ºã«ã™ã‚‹ãŸã‚ æŠ½è±¡çš„ã§ã‚‚è‰¯ã„ã®ã§æ²¢å±±è¨€è‘‰ã‚’è²°ã„ã¾ã™ã€‚ æ˜Žã‚‹ã„ã€å¯æ„›ã„ã€ãƒãƒƒãƒ—ã€ã‚«ãƒƒã‚³ã„ã„ã€ã‚·ãƒ³ãƒ—ãƒ«ã€è½ã¡ç€ã„ãŸâ€¦etc å…·ä½“çš„ã«ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒã«ã—ãŸã„ã‚µã‚¤ãƒˆãŒã‚ã‚‹ã®ãªã‚‰èžã„ã¦ãŠãã¾ã™ã€‚ ã¾ãŸé ‚ã„ãŸè¨€è‘‰ã¨è‡ªåˆ†ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚®ãƒ£ãƒƒãƒ—ã‚’åŸ‹ã‚ã¦ãŠãã¾ã™ã€‚ â€ã‚·ãƒ³ãƒ—ãƒ«â€ã¨è¨€ã†
hashimoya 2012/01/19
webdesign
ãƒªãƒ³ã‚¯
è‰¯è³ªãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¶…ç°¡å˜ã«è£½ä½œã§ãã‚‹Fireworksæ‹¡å¼µæ©Ÿèƒ½ã€ŽPlaceholderã€ãŒã‚ã¡ã‚ƒã‚ã¡ã‚ƒä¾¿åˆ©!!
ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã§WEBè£½ä½œã‚’ã•ã‚Œã¦ã„ã‚‹@sou_labã•ã‚“ã‹ã‚‰ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã ã‘ã§ã‚µã‚¤ã‚ºè¡¨è¨˜ä»˜ãã®è‰¯è³ªãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãŒä½œã‚Œã¦ã—ã¾ã† è¶…ä¾¿åˆ©ãªFWæ‹¡å¼µæ©Ÿèƒ½ã®å˜åœ¨ã‚’æ•™ãˆã¦é ‚ãã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ãŸã®ã§ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ FWæŒã£ã¦ã‚‹ã‘ã©ä½¿ã£ãŸã“ã¨ãªã„ãƒ»ãƒ»ã¨ã„ã†æ–¹ã«ã‚‚æ˜¯éžèªã‚“ã§ã„ãŸã ããŸã„è¨˜äº‹ã§ã™ï¼ï¼ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¨ã¯ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¨ã‚Šã‹ã‹ã‚‹å‰ã«ã‚µã‚¤ãƒˆã®éª¨çµ„ã¿ã‚’è¦–è¦šåŒ–ã—ã€ è¦ç´ ã®æ¼ã‚Œã‚’é˜²ã„ã ã‚Šã€å…¨ä½“ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æŽ´ã‚€ãŸã‚ã«ç”¨æ„ã™ã‚‹ã‚‚ã®ã§ã™ã‚ˆãã€‚ å®Ÿã¯ã‚ãŸã—ã¯ä»Šã¾ã§ä½œã£ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ ã—ã£ã‹ã‚Šéª¨çµ„ã¿ã‚’ã—ã¦ãŠã‘ã°ãƒ‡ã‚¶ã‚¤ãƒ³æ™‚ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã®ä½œæ¥ãŒã‚¹ãƒ ãƒ¼ã‚ºã«é€²ã¿ã¾ã™ã—ã€ä½œã£ã¦ãŠã„ã¦æã¯ãªã„ãƒ¢ãƒŽã§ã™ãã€‚ Placeholderã¨ã¯ ãã‚“ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã§ã™ãŒã€è‡ªåˆ†ç”¨ãªã‚‰ã¨ã‚‚ã‹ã ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã«ãŠè¦‹ã›ã™ã‚‹å ´åˆã¯ã€è¦ç´ ã”ã¨ã«widthã‚„heightã®æ•°å€¤ãªã©ã‚‚è¨˜è¼‰ã—ã¦ã‚ã£ãŸæ–¹
hashimoya 2012/01/16
Fireworksã§WFä½œã‚Šã‚„ã™ããªã‚‹ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã€‚FWã¯ã‚ã‚Šã¨ã“ã†ã„ã†ã®å‘ã„ã¦ã‚‹ã¨æ€ã†

fireworks

webdesign

extension

è¨è¨ˆ
ãƒªãƒ³ã‚¯
Responsive web design
If youâ€™ve been working in the web design field for the past couple of years you should know that designing a fixed interface for a widescreen computer is not enough. Most of the clients youâ€™ll be dealing with from now are going to request that their site is not only desktop-compliant but is also optimized for smartphones and tablets. This issue presents the necessity of working with different scre
hashimoya 2011/11/13
ç¾å ´ãƒ¬ãƒ™ãƒ«ã§è€ƒãˆã‚‹ã¨ã€responsiveãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å°Žå…¥ã™ã‚‹ã®ã¯ã¾ã ã‹ãªã‚Šé›£ã—ãã†ã ã‘ã©ã‚‚ã€webã®åˆ©ç‚¹ã¨ã„ã†ã‹ç‰¹å¾´ã‚’ãã®ã¾ã¾ä½“ç¾ã—ã¦ã„ã‚‹æ¦‚å¿µãªã‚“ã ã‚ˆãªãâ€¦ã€‚ã‚„ã£ã¦ã¿ãŸã„ã€‚

responsive

webdesign
ãƒªãƒ³ã‚¯
Reset vs Normalize
CSSã®è¨˜è¿°æ³•ã¨ã—ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é•ã„ã‚’ã€ŒResetã€ã—ã¦ä¸€ã‹ã‚‰æŒ‡å®šã™ã‚‹ã¨ã„ã†æ–¹æ³•ãŒé•·ã‚‰ããƒžã‚¸ãƒ§ãƒªãƒ†ã‚£ã‚’å ã‚ã¦ã„ã¾ã—ãŸã€‚ã¾ã ã¾ã ãã®æ–¹å‘ã§æ›¸ã„ã¦ã„ã‚‹äººãŒå¤§åŠã§ã™ãŒã€ã€ŒNormalizeã€ã™ã‚‹ã¨ã„ã†æ–¹æ³•ã‚’æŽ¡ã‚‹äººé”ã‚‚å¢—ãˆã¦ã„ã¾ã™ã€‚ãªãœãƒªã‚»ãƒƒãƒˆã§ã¯ãªããƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºãªã®ã‹ã¨ã„ã†ã‚ˆã†ãªè©±ã‚’ãªã‚“ã¨ãªããƒ€ãƒ©ãƒ€ãƒ©æ›¸ã„ã¦ã¿ãŸã„æ„Ÿã˜ã§ã™ã€‚ ä»¥ä¸‹ã€ãƒªã‚»ãƒƒãƒˆã¯YUI 2ã®CSS Resetã‚’ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯Normalize.cssã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¦èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ ãƒªã‚»ãƒƒãƒˆã¨ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚º ã¾ãšã¯ä¸¡è€…ã®é•ã„ã‹ã‚‰ã€‚ãƒªã‚»ãƒƒãƒˆã¯ãªã‹ã£ãŸã“ã¨ã«ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã€ã»ã¼å…¨ã¦ã®è¦ç´ ã«å¯¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã‚’æŽ’é™¤ã—ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é•ã„ã‚’å¸åŽã™ã‚‹ã‚‚ã®ã§ã™ã€‚å¯¾ã—ã¦ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç”Ÿã‹ã—ã¤ã¤ã€å„ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®æŒ™å‹•ã‚’æ“¦ã‚Šåˆã‚ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ãƒªã‚»ãƒƒãƒˆãŒè² ã®æ–¹å‘ã§çµ±ä¸€ã—ã¦ã„ã‚‹ã¨ã™ã‚Œã°ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯æ£ã®æ–¹å‘ã§çµ±ä¸€
hashimoya 2011/11/13
ã“ã†ã„ã†ã®ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã£ã¦ã„ã†ã®ã‹â€¦/å„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ãŒçµ±ä¸€ã•ã‚ŒãŸã‚Šã—ãªã„ã ã‚ã†ã‹

webdesign

reset

css
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®æ³¨æ„ç‚¹ã¾ã¨ã‚ | ã‚µã‚¤ãƒ–ãƒªãƒƒã‚¸ãƒ©ãƒœãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚Šã†ã“ã§ã™ã€‚ ä»Šæ—¥ã‹ã‚‰11æœˆã§ã™ã! ã¨ã„ã£ã¦ã‚‚ä»Šæ—¥ã‚‚20â„ƒã‚ªãƒ¼ãƒãƒ¼ã§æš–ã‹ã„ã®ã§ã€å¯’ã„ã®ãŒè‹¦æ‰‹ãªç§ã¯ã“ã®ãã‚‰ã„ã®æ°—æ¸©ãŒç¶šã„ã¦ãã‚Œã‚Œã°ã„ã„ã®ã«ã€‚ã€‚ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã§ã¯ã€æ—©é€Ÿã§ã™ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«æ°—ã‚’ã¤ã‘ãŸã„ã“ã¨ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æ¨ªå‘ãã§è¦‹ã‚‹ã“ã¨ã‚’æƒ³å®šã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ ã“ã‚Œã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®éš›ã«ã‚‚æ°—ã‚’ã¤ã‘ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã™ãŒã€ å›ºå®šå¹…ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ã€æ¨ªå‘ãã«ã—ãŸã¨ãã«ä¸‹ã®ç”»åƒã®ã‚ˆã†ã«ä½™ç™½ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒªã‚ãƒƒãƒ‰ï¼ˆå¯å¤‰å¹…ï¼‰ã‚’æƒ³å®šã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ãŒåŸºæœ¬ã§ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã¯12pxä»¥ä¸Š æ–‡å—ãŒèªã¿ã¥ã‚‰ããªã‚‹ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ iOSã®Safariã§ã¯ã€æ–‡å—ã‚µã‚¤ã‚ºãŒ11pxã€10pxã€9pxã®ã¨ãã¯ æŠ˜ã‚Šè¿”ã—åœ°ç‚¹ã®å³å´ã«ä½™ç™½ãŒã§ãã‚‹ã¨ã„ã†ãƒã‚°ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ ã€å‚è€ƒã€‘iOSã®Safariã§ç‰¹å®šã®font-sizeã®ã¨ãã®è¬Žã®éš™é–“ http://webte
hashimoya 2011/11/13
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webdesign
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸