유용한사이트5 HTML, CSS 크로스브라우징 확인하는 사이트 * 사이트명을 클릭하면 해당 페이지로 이동합니다. Can I use 사이트 브라우저마다 HTML태그와 CSS속성의 지원 여부를 확인할 수 있는 Can I use라는 사이트다. 사이트 상단 주황색 박스 속 Can I use 뒤 빈 칸에 확인하고 싶은 HTML태그나 CSS 속성을 넣어 주면 바로 밑에 각 브라우저별 적용 여부를 확인할 수 있다. 빨간색, 초록색, 회색, 갈색으로 표시 되는데 빨간색은 브라우저 미지원을 의미하고 초록색은 브라우저 지원을 의미한다. 갈색은 브라우저에 제한적으로 지원되어 불안정함을 의미하며 회색은 알 수 없음을 의미한다. 해당 사이트를 이용하면 대응해야 하는 사이트에 HTML태그와 CSS 속성의 지원 여부를 확인할 수 있어 크로스브라우징에 유용하다. 2022. 9. 14. html에 의미없는 텍스트 채우는 방법 작업을 하다 보면 의미 없는 텍스트를 넣어야 하는 경우가 있다. 직접 타이핑하는 건 번거롭고 인터넷에 찾는 것도 귀찮을 때 아래의 방법을 알고 있으면 아주 편리하다. 1. 텍스트 에디터에서 바로 생성하기 방법 1 ) lorem 입력하고 tab 또는 엔터를 누르면 텍스트 한 단락이 생성된다. 방법 2 ) lorem단어수 입력하고 tab 또는 엔터를 누르면 단어 수만큼 텍스트가 생성된다 방법 3 ) lorem*단락수 입력하고 tab 또는 엔터를 누르면 단락 수만큼 텍스트가 생성된다. 2. Lorem Ipsum사이트에서 복사해 사용하기 * 사이트명을 클릭하면 해당 페이지로 이동합니다. Lorem Ipsum사이트로 접속해서 우측 하단에 paragraphs(단락) / words(단어) / bytes(바이트) / .. 2022. 9. 7. 그라디언트 CSS 소스 만들어주는 사이트 CSS를 이용해서 그라디언트 효과를 나타낼 수 있다. 하지만 포토샵만큼 정교하게 원하는 그라디언트 디자인을 구현하기 쉽지 않아 보통은 그라디언트 이미지를 사용했다. 그런데 이번에 원하는 디자인으로 그라디언트 CSS 소스가 자동 생성되는 유용한 사이트를 알게 기록해 두려 한다. * 사이트명을 클릭하면 해당 페이지로 이동합니다. CSS Gradient 사이트 CSS Gradient 사이트는 색상 추가가 자유롭고 다양한 효과가 바로바로 적용되기 때문에 쉽고 빠르게 그라디언트 CSS를 만들 수 있다. 원하는 그라디언트 디자인이 완성되었다면 하단에 CSS 코드만 복사해 넣어주면 자신이 만든 그라디언트 디자인이 적용된다. 2022. 9. 2. 이미지로 폰트 찾아 주는 사이트 * 사이트명을 클릭하면 해당 페이지로 이동합니다. 1. 산돌구름 사이트 2. 이용 방법 (1) 찾고싶은 폰트를 캡처하여 이미지 파일을 저장한다. (2) 카메라 버튼을 눌러 캡처한 이미지 파일을 업로드 하고 파른색 검색버튼을 누른다. (3) 붉은색 박스를 마우스로 클릭한다. (4) 이미지 파일과 비슷한 폰트들이 검색된다. 2022. 8. 25. 이전 1 2 다음
