전체 글37 브라우저의 접근성!! ㅇ ㅏ 내가 왜 여기까지 왔는지;;; 시작은... 1. font 파일 종류는 무엇이 있나? 2. IE8이하 버전은 @font-face를 사용할 때. eot 파일만 을 인식한다. 3. 그러면 IE를 그냥 다운로드하면 들어갈 수 있나?? 4. 네이버 검색창에서 '인터넷 익스플로러 11' 검색해 사이트에 입장!! 5. 입장하면 바로 아래와 같은 안내문이 나온다. 6. 저 파란색 버튼 'Microsoft Edge 시작' 클릭하는 순간!? 마이크로소프트 엣지에 오신 것을 환영합니다. 시작을 한다. 인터넷 익스플로러 : Microsoft Edge 7. 하나, 하나 ~~ 클릭하다가 '접근성 및 도구' 순간 도구?? 설마 스크린 리더기?? 설마~ 8. ㅇ ㅏ IE가 없어지지 더니 갑자기 튀어나온 엣지에 웹을 소리 내어.. 2023. 9. 4. 가상 요소(Pseudo Element)란? ★가상 요소(Pseudo Element)란?? 또는 의사 요소!! 앞에 ' :: ' 시작함 선택자::의사요소이름 {속성: 속성값;} /*문법*/ ::before 란?? 특정 요소의 내용(content) 부분 바로 앞에 다른 요소를 삽입합니다. ::after 란?? 특정 요소의 내용(content) 부분 바로 뒤에 다른 요소를 삽입합니다. >>before와 after를 사용할 때에는 content=' '라는 속성이 필요합니다. 특정 요소의 내용(content=' ') 바로 앞 또는 뒤에 삽입할 때 사용하기 때문이다. >> content=" " 란? Html 문서에 정보로 포함되지 않은 요소를 css에서 새롭게 생성시켜주는 가짜 속성입니다. * content=" "대표적으로 사용되는 속성 Normal .. 2023. 4. 18. 가상 클래스(Pseudo Class)란?? ***가상 클래스(Pseudo Class)란?? 또는 의사 클래스 클래스 또는 태그 다음에 ' : ' 시작하는 가상 클래스들!! 선택자:의사클래스 {속성: 속성값;} /*문법*/ 1. 동적 의사 클래스(dynamic pseudo-classes) ▶링크 선택자 :link (기본 상태) 사용자가 아직 한 번도 해당 링크를 통해서 연결된 페이지를 방문하지 않은 상태를 모두 선택함. :visited 사용자가 한 번이라도 해당 링크를 통해서 연결된 페이지를 방문한 상태를 모두 선택함 a:link{ color: black; } a:visited{ color: orange; } ▶반응 선택자 :active 사용자가 마우스로 링크를 클릭하고 있는 상태를 모두 선택함. :hover 사용자의 마우스 커서가 링크 위에 오라.. 2023. 4. 18. <br/>태그를 사용할까? 말까? UI 개발을 하다 보면 디자인 때문에 줄 바꿈을 하려고 태그를 사용할 일이 참 많다!! 절대 없지는 않다!! 일반적으로 태그를 사용하는 것은 문제가 되지 않는다. 하지만 장점과 단점 있다. 1. 일반적으로 고정 문장일 경우 html 파일의 태그를 사용할 경우 아래와 같이 노출됩니다. 나는 너고 하지만, 나는 너가 아니다! *웹 화면에서 노출 시 나는 너고 하지만, 나는 네가 아니다! *스크린 리더기 : 읽고 한번 쉬고 다시 읽어 준다고 한다. 단점 : 듣는 입장에서 한 문장이 아니 다른 문장으로 인식할 수 있습니다. 나는 너고 하지만, 나는 네가 아니다! 하지만, html 파일의 태그에 고정 문구가 아니라, react.js 또는 vue.js, script 등으로 태그 안에 상황에 맞게 변경 또는 reac.. 2023. 4. 17. 품위 있는 사람들의 특징 1. 있는 그대로 자신을 인정한다. 보통 사람들은 내면과 겉의 차이가 크기 때문이다. 품위 있는 사람들은 상대적으로 내면과 외면이 많이 일치하는 모습을 보입니다. 2. 다름을 배움으로 다룬다. 품위 있는 사람들은 발끈하는 일이 드뭅니다. 그것은 다름을 '틀리다'로 받아들이지 않기 때문입니다. 그래서 다름을 '배움'으로 여길 줄 알게 되는 것입니다. 3. 어려울 때도 제자리를 지킨다. 품위란?? 품위란 삶의 하강기가 찾아와도 퇴행하지 않을 수 있는 능력이다. 고통에 직면하면서도 무뎌지지 않을 수 있는 능력, 극심한 고뇌를 겪으면서도 제자리에 남을 수 있는 능력은 품위를 지킬 때 완성된다. - 미국의 정신과 의사이자 신학자 '스캇 팩' 말 - 잘 나갈 때 잘 났다고 자랑하거나 남을 무시하지 않습니다. 어려울.. 2023. 4. 12. 순수 CSS 이미지 hover 효과 CSS만으로 호버 효과를 낼 수 있다는 거!! 다소 많은 코드가 필요하지만 일반적인 호버 말고 애니메이션 같지만 아니 호버 효과를 내 보세요^^ http://imagehover.io/ Imagehover.css - A Pure CSS Image Hover Library Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scaleable image hover effects. Choose from over 40 hover effect classes from a CSS library weighing in at a minified size of only 19KB. www.imagehover.io 도움이 되는 사이트도.. 2023. 4. 12. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
