Sel의 생각저장소

최근 포스트

• position: absolute 모든 방향을 이용한 중앙정렬 기법

  신기한 방법인듯

  

  요소를 중앙정렬하는 기법 중 신기한 것을 발견하여 기록한다. 익숙했던 방법 1 2 3 <div> <p>Paragraph</p> </div> 1 2 3 4 5 6 p { position:...

  업데이트: 2020년 05월 20일 퍼블노트 CSS

• 초점이동 테스트를 위한 Javascript 연구

  

  실무에서나 블로그 작업에서나 Tab키에 의한 초점이동 테스트를 할 때, “현재 초점이 잡힌 요소에 숫자가 떠서 몇 번째 요소에 초점이 잡혔는지 알 수 있으면 좋겠다”라는 생각을 했는데, 코드를 만들어서 테스트해본 결과 대만족. 실무에서도 사용할 ...

  업데이트: 2020년 05월 09일 퍼블노트 JavaScript 웹 접근성

• 더 효율적인 SCSS mixin 설계

  복잡하게 써놨으면서 간결하게 썼다고 착각하지 말자...

  

  최근 Jekyll 테마를 만들면서 SCSS로 스타일링을 하는 중인데, 알면 알수록 재밌는 도구라고 느낀다. 최근 삽질을 한 코드 p 요소에 색상을 줄 수 있는 mixin을 만들어볼 것이다. 1 <p>text</p> ...

  업데이트: 2020년 04월 26일 퍼블노트 CSS SCSS

• Jekyll 테마 제작 시작하다

  재밌는 개인 프로젝트~

  

  막연히 생각만 해보던 Jekyll 테마 제작을 시작하였다. 현재 minimal-mistakes 테마에 약간의 커스터마이징을 더해서 사용 중인데, 처음부터 끝까지 내가 만들어낸 테마를 쓰고 싶은 욕구 때문에 결국 언제 끝날지 모르는 작업에 돌입하였...

  업데이트: 2020년 04월 11일 퍼블노트 개인 프로젝트 Jekyll

• 왜 IE에서 word-break: keep-all 미적용 문제가 발생하는가…

  해답은 어디에

  

  오늘 실무에서 엄청난 멘붕을 겪었는데, word-break: keep-all 선언이 IE 모든 버전에서 정상적으로 적용되지 않는 문제.. 검색을 해보니 word-break: break-all IE 미적용 관련 글을 쉽게 찾아볼 수 있었으나 kee...

  업데이트: 2020년 03월 30일 퍼블노트 CSS

• 더 효율적인 CSS 작성 연구 2

  기존의 습관화된 코딩 방식에서 탈피해야 한다.

  

  이번에는 div > a 구조에서 div에 검정 반투명 배경색을 깔아주기 위해 다음과 같이 CSS를 작성하였다. 1 2 3 <div> <a href="#">anchor</a> </div> ...

  업데이트: 2020년 03월 25일 퍼블노트 CSS

총 69개의 포스트