테마선택
  • 북마크
  • 접속자 9
  • FAQ
  • 1:1문의
  • 새글
  • 추천 태그

미등록페이지

Flexbox For Interfaces All The Way: Tracks Case Study

6,444 2015.11.04 14:20

짧은주소

본문

The days of floats and margin trickery are finally behind us, as CSS furnishes developers with new and improved properties perfect for those delicate layouts. Layout features such as vertical alignment, evenly distributed spacing, source-order control and other patterns such as “sticky” footers are quite effortless to achieve with flexbox.

In this article, we’ll discuss layout patterns well suited to flexbox, using the interface from the Tracks application, which also takes advantage of atomic design principles. I’ll share how flexbox proved useful and note the pitfalls of pairing it with particular layout patterns. We’ll look at those patterns that caused concern, provide suggestions for fallbacks and share additional tactics to start using this CSS property immediately.


댓글목록

등록된 댓글이 없습니다.

LOGIN
사이드 메뉴
설문조사
투표하기 테스트입니다.
Ranking

    출력할 랭킹이 없습니다.

  • 01 블루드래곤
    104,017
  • 02 채오설서
    25,200
  • 03 춘은수외
    15,400
  • 04 ucksaiqy
    12,200
  • 05 중동왕자
    12,154
  • 06 kssaiqyg
    11,100
  • 07 aiqygoww
    7,900
  • 08 saiqygow
    6,500
  • 09 pwwemuck
    6,500
  • 10 jrzhpxfn
    6,300
  • 01 kssaiqyg
    58,171
  • 02 dltbjrzh
    49,471
  • 03 vdltbjrz
    48,621
  • 04 ksaiqyyg
    46,651
  • 05 jrzhpxfn
    13,861
  • 06 채오설서
    4,841
  • 07 춘은수외
    2,881
  • 08 ucksaiqy
    2,241
  • 09 aiqygoww
    1,381
  • 10 pwwemuck
    1,101