본문 바로가기

CSS

(4)
웹접근성 고려한 html, css 작성방법 웹접근성 고려한 html 0. 크로스브라우징을 고려하여 html, css가 작성되었는가? - 서울시 기준 ie11까지는 고려해야함. ie11, edge, chrome, firefox에서 구동 확인 - W3C 마크업, CSS 검사 서비스 통과 1. 문서 기본 언어가 (html lang="ko") 로 설정 되었는가? 2. 대체 텍스트가 적절히 들어갔는가? - img에 alt 속성이 적절히 들어갔는지? (디자인을 위한 의미없는 img의 경우 alt="" 로 값 비우기) 3. 페이지 이동은 a, 그 외는 button으로 적절히 사용되었는가? - a태그로 페이지 이동이 아닌 이벤트 구현시 onclick="return false;" 등 포커스 이동을 막는것이 쓰였는가? 4. table - scope 속성이 잘 쓰였..
스터디 - SCSS scss는 css 전처리기 이다. css를 작성할때 중복 등 불편함을 해소하고자 생긴거라고 생각하면 될것같다. 처음 학원을 다니면서 배울때 css로 배웠기 때문에, scss라는게 있다고는 들었어도 막연하게 사용법이 어려울것이라고 생각하곤 시도해 보지 않았다. 헌데 점점 class명이 복잡해지고, 복잡한 구조의 사이트들을 만들면서 css 작성이 쉬워질수 있는 방법을 찾아보았고, scss 사용법을 가볍게 공부하고 실제 프로젝트에 도입함으로써 css 작업 효율성이 개선되었다. 여러 사이트들을 돌아다니며 공부한 scss에 대한 기본 study 내용이다. 내가 보려고 정리한 것이기 때문에 다소 중구난방이다. - Ruby 언어로 이루어져 있기 때문에 먼저 컴퓨터에 Ruby 설치 -> https://rubyinsta..
css 속성 정렬 바꿔주기 나는 원래 CSS를 모든 속성마다 ENTER를 했다. 그래서 CSS 파일이 정말 끝도없이 길어졌다. 1000줄은 기본으로 넘어가곤 했다. 그래도 난 불편한지 몰랐다. 처음부터 그렇게 작성했으므로. 그러다가 우연한 기회에 반드시 css를 인라인으로 써달라는 홈페이지를 코딩하게 됬는데, 세상에! 신세계 아닌가. CSS를 띄어서 쓰면 각 속성 찾기에는 편할지 몰라도 코드 찾는게 좀 어려웠는데 인라인으로 쓰니 속성이 아무리 길어봤자 1-2줄이면 끝나니까 바로바로 찾을수 있어서 너무너무 편했다. 상대적으로 띄어서 쓰는것이 불편하게 느껴졌다. 처음에는 손에 익은 코딩 방법을 바꾸려니 조금 어색했는데, 이제는 잘 적응해서 CSS를 인라인으로 쓰면서 편하게 코딩하고있다. 문제는 내가 이전에 코딩해둔 CSS파일들. 죄다..
[기사] CSS의 7가지 단위 Korean (한국어) translation by June H Yeo (you can also view the original English article) 우리가 잘 알고 있는 CSS기술을 사용하는 것은 쉽고 간단하지만 새로운 문제에 맞닥드리면 해결하기 어려워집니다. 웹은 항상 성장하고 있고, 새로운 해결법 역시 계속 성장하고 있습니다. 그러므로, 웹 디자이너와 프론트 엔드 개발자로서 우리의 노하우를 활용할 수 밖에 없다는 것을 잘 알고 있습니다. 우리의 특별한 방법을 알면서, 단 한 번도 사용하지 않더라도 언젠가 필요한 때가 오면 정확한 방법을 실무에 적용할 수 있다는 뜻이기도 합니다. 오늘, 저는 이전엔 알지 못했던 몇 가지의 CSS 방법을 알려드리려고 합니다. 몇몇 수치 단위들은 픽셀이나 em과 ..

728x90