Sel의 생각저장소

최근 포스트

• display: table을 파헤쳐보자

  table 요소만의 스타일을 사용할 수 있다.

  

  CSS display: table 속성은 말 그대로 요소를 table의 성질을 갖게 한다는 뜻이다. 이 속성으로 무엇을 할 수 있는가에 십중팔구 가로/세로정렬을 이야기할 것이다. 여러 개의 아이템을 일정하게 정렬할 때 많이 사용되는 방법으로, ...

  업데이트: 2020년 01월 09일 퍼블노트 CSS

• Javascript 요소와 jQuery 요소를 구별하기 위한 변수 명명법

  

  Javascript/jQuery 요소가 구별되지 않은 변수명이란 다음과 같다. 1 console.log(foo); 변수 선언부를 보기 전까지 어느 요소인지 알 수 없음. 1 2 var foo = document.getElementById(...

  업데이트: 2019년 12월 31일 퍼블노트 JavaScript

• display: inline-table을 이용한 가로정렬

  이런 속성도 있었다니..

  

  CSS로 가로정렬하는 방법하면 떠오르는 것들 : float, inline-block 등등.. 그와중에 inline-table이라는 신기한 녀석을 발견하여 기록함. block 요소인 table을 말 그대로 inline 요소의 성질을 갖게 만듦. 예...

  업데이트: 2019년 12월 30일 퍼블노트 CSS

• 난감한 텍스트 디자인.. 구현법을 알아내다

  의외로 쉬운 방법

  

  가끔 이런 텍스트 디자인을 봤을 것임. 딱 봤을 땐 뭐가 문제인지 모르겠으나.. 텍스트가 한 줄 이상이 된다면? 이런 보기 싫은 광경이 펼쳐진다. 어떻게 CSS를 줘야 할지 감이 잡히지 않는데, background-...

  업데이트: 2019년 12월 09일 퍼블노트 CSS

• 펌) 디자인할때 실용적인 일곱가지 팁

  잘 읽고 블로그 UI에 반영하였음.

  

  우연히 좋은 글을 발견하여 기록한다. UI 디자인할 때 실용적인 팁들이 담긴 좋은 글이며 영감을 얻고 블로그 UI에도 반영하였음. 그중 버튼에 대한 팁은 정말..

  업데이트: 2019년 12월 08일 자료 CSS

• anchor > anchor는 렌더링이 안된다?

  설마 렌더링이 안될줄은 몰랐다.

  

  a 요소 > a 요소가 마크업 위배이고, 하이퍼링크가 또 다른 하이퍼링크를 품고 있다는 것 자체가 상식적이지 않으며 의미론에 맞지 않는다는 건 알고 있었으나, 렌더링이 안될줄은 몰랐었음. anchor > anchor로 마크업해도 anc...

  업데이트: 2019년 12월 05일 퍼블노트 HTML

총 69개의 포스트