[B! web][jekyll] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

webã¨jekyllã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

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

designudge | story | 2015-10-01 23:06
U.S. Web Design Standardsã¯ã€ã‚¢ãƒ¡ãƒªã‚«åˆè¡†å›½ã®é€£é‚¦æ”¿åºœã§ä½¿ã‚ã‚Œã‚‹UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã„ã†å½¢ã§æç¤ºã—ãŸã‚‚ã®ã§ã™ã€‚ è©±é¡Œã«ãªã£ãŸã®ã§è¦‹ãŸæ–¹ã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ã¡ãªã¿ã«Webã‚µã‚¤ãƒˆè‡ªä½“ã‚‚GitHubãƒªãƒã‚¸ãƒˆãƒªã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€18F/web-design-standardsã«ã¦ã¿ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ãã®æ°—ã«ãªã‚Œã°forkã§ãã‚‹ã—ã€ãƒ—ãƒ«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‚ã‘ã§ã™ã€‚ ãƒªãƒã‚¸ãƒˆãƒªã®æ§‹æˆã‚‚ãƒ¢ãƒ€ãƒ³ãªã‚‚ã®ã§ã€Webã‚µã‚¤ãƒˆè‡ªä½“ã¯jekyllã§å‡ºæ¥ã¦ã„ã¾ã™ã€‚ jekyllã«ã¤ã„ã¦ã¯ã€æ”¹ã‚ã¦èª¬æ˜Žã™ã‚‹ã¾ã§ã‚‚ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä¸€å¿œæ¦‚è¦ã‚’æ›¸ã„ã¦ãŠãã¨ã€jekyllã¯é™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚‚ã®ã§ã€markdownãªã©ãªã‚“ã‚‰ã‹ã®ç°¡æ˜“ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆçµ„ã¿åˆã‚ã›ã¦é™çš„ãªHTMLã‚’å‡ºåŠ›ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®CMSã§ã™ã€‚ ã¾ãŸã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒª
bitgleams 2015/10/02
æ¤œè¨¼

dev

usa

ui

components

web

jekyll

scss

***
ãƒªãƒ³ã‚¯
Developing a responsive, Retina-friendly site (Part 1)
In my last post, Designing a responsive, Retina-friendly site, I covered my design process and thoughts behind redesigning this site. I did not cover any aspects of actual development or any Jekyll specifics. This post will mainly cover coding up responsive design and the third and final post will cover retina media queries, responsive images and more. Note: The final part to this series is now pu
bitgleams 2013/02/05
responsive

webdesign

dev

design

retina

image

web

tutorial

jekyll

***
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (13)

webã¨jekyllã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (13)

webã¨jekyllã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

designudge | story | 2015-10-01 23:06

Developing a responsive, Retina-friendly site (Part 1)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (13)

webã¨jekyllã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹