웹폰트 변환 사이트 웹폰트를 쉽게 변환해주는 사이트 입니다. 이 사이트들은 저도 작업하면서 아주 유용하게 썼어요 1. https://onlinefontconverter.com/ 2. www.fontconverter.org/ Online font converter Welcome to the online font converter This tool allows you to convert one font format into another, including many exotic formats. We support most common font file formats for Mac and PC. For a detailed list of all supported formats see the 'About' sec..

처음 아톰 에디터를 실행하면 중앙부나 살짝 오른쪽으로 세로 줄이 있는 걸 볼 수 있습니다. 왜 있는 건지 쓰임이 뭔지 잘 모르겠지만 일단 거슬리니까 제거합니다. 상단 메뉴에서 file > Stylesheet 으로 들어가주세요. 다음 아래에 코드를 입력합니다. 123456atom-text-editor::shadow { .wrap-guide { visibility: hidden; }} cs 저장 후 다시 확인해보면 선이 사라져있습니다.

css로 만든 다양한 모양들. 사각형 원에서부터 다이아몬드 별 말풍선까지 다양하게 있다. https://css-tricks.com/examples/ShapesOfCSS/

css를 사용한 10가지 애니메이션 밑줄 텍스트 효과 https://speckyboy.com/underline-text-effects-css/

ul li 요소들을 display:inline-block; 을 사용하여 정렬을 하면 li 들 사이에 공백이 생긴다. 1 2 3 4 5 6 7 8 9 10 ul{ overflow:hidden; } li{ display:inline-block; padding:5px; background-color:gold; font-size:15px; } cs 해결방법 감싸는 부모에 font-size:0; 주기 또는 margin 음수값으로 조절하기 등이 있습니다. 보통 저는 font-size:0을 하거나 float 를 이용합니다. 1 2 3 4 5 6 7 8 9 10 11 ul{ overflow:hidden; font-size:0; } li{ display:inline-block; padding:5px; background..

jquery 를 이용하여 부드럽게 화면 상단으로 이동하기 스크롤과 상관없이 항상 보이게 하고싶으면 fadein(), fadeOut()을 생략

1. can i use https://caniuse.com/ 2. nth-child http://nthmaster.com/ 3.http://easings.net/ko