매일 성장하는 디자이너

flex item 속성 1 2 3 4 order: item 순서를 직접적으로 지정 가능 1 2 3 4 ​ flex-grow: flex-grow의 기본값은 0이고 상대적으로 다른 아이템보다 몇 배 가로로 늘어지게 할 건지 설정. 값이 높을수록 늘어남이 크다. 1 2 3 ​ flex-shrink: 기본값은 1이고 값이 높을수록 축소. 값이 0이면 기본1인 아이템보다 늘어남. 1 2 3 4 5 6 7 8 9 10 ​ flex-basis: 플렉스 항목 초기 길이 지정. 공통 css로 플렉스 아이템을 100px로 지정하고 특정 아이템만 초기값을 200px으로 지정해주면 해당 비율을 유지하여 늘어나고 줄어든다. 1 2 3 4 ​ flex: 플렉스 속성에 대한 약식 속성. flex-grow, flex-shrink, ..

float로 아이템 정렬을 컨트롤했었는데 이번 기회에 플렉스 기능에 대해 정리하고 알아두고자 기록함. flex 속성은 IE 11부터 지원 가능. 하지만 IE를 대응해야 한다면 플렉스 사용을 고려해야 한다고..(셀 수 없는 많은 버그가 존재.) +추가) IE관련 버그는 플러그인을 써서 해결할 수 있는 것 같다. [CSS] flexbox를 사용하며 배운것들 (중급) 그 동안 로 작업하면서 배운것들에 대해 알아보자. flexbox의 기초 flexbox의 기초를 다룬 좋은 글이 많기 때문에 여기서 다시 다룰 필요는 없을것 같다. 만약 flexbox에 대해 잘모르거나 잘 생각나지 blueshw.github.io OKKY | 마크업 IE이슈 다들 어떻게 해결하세요? 최근에 마크업 방식의 고민이 있습니다. flex기..

하루 동안 경험했던 사실 기존 홈페이지 메인 하단 리스틀 수정 시 펼침메뉴 깨짐 발견. html css js까지 그대로 복사해왔으나 상단 펼침메뉴 깨짐. 코딩 시 메뉴 전체 높이값이 190px이고 실제 콘텐츠 높이는 140px에 패딩 값은 50px. 전체 높이값은 먹이지 않은 상태인데 오류 발생. 임의로 부모 요소에 overflow: hidden을 주고 자식 요소인 실제 콘텐츠 높이값을 강제로 190px로 맞추니 해결(임시 긴급 처치) UX/UI의 10가지 심리학 법칙 3장. 힉의 법칙 정리 이에 대한 나의 느낌 요즘 잘 쓰지 않는 float로 코딩이 되어있다. flex box를 익히는 것이 필요하다. 여기서 배운 점 사용자에게 너무 많은 선택지를 주어 사용자가 인지 부하가 걸리지 않도록 주의해야 한다...