본문 바로가기

Frosty

이글루스 코드 제한에 딱 맞춘 CSS3 스킨 - Frosty 매번 스킨 만들때마다 느끼는 것이지만 CSS 글자수 제한 어떻게 안되나? 건의 한지가 언젠데 발전이 없는 것을 보면 이글루스 운영진은 티스토리보다 더 노답인듯. 덕분에 만들어 놓은 스타일도 글자수 제한으로 밀어버리고 새로 만드는 병크를 저질렀다. 글자수 제한 때문에 스킨 옵션에서 배경이미지 또는 헤더 이미지 둘중에 하나만 넣을 수 있다. 둘다 넣을 경우 잘린다. 사실 배경 이미지만 넣어도 일부 코드가 잘리지만 위치 설정용 코드만 잘리기 때문에 별 문제는 없다. (position 코드의 경우 전부 오버라이드됨. 헤더는 해당사항 없음.) 특징 CSS3을 사용하여 만들어진 스킨으로 표준 요소와 비표준 요소가 적절히 섞여있어 브라우저마다 다르게 보이는 스팩타클함을 자랑한다. 아마도 2년이내에는 모든 브라우저에서.. 더보기
CSS3의 새로운 효과와 스케치 목업으로 간단한 스킨 만들기 - 이글루스 스킨 Frosty CSS만 작성하면 스킨이 나오는 이글루스로 간단하게 만들어보았다. 제작시간: 약 하루? 어제 반나절 + 오늘 반나절 스케치로 만든 목업이다. 사용후기는 여기를 참고 그냥 평범한 1140 그리드 스킨이다. 딱 보면 느낌 알겠지만 반응형이 아니다. (애초에 지원할 이유도 없음)대신에 실험삼아 요새 핫한(?) CSS3 태그를 써 보았다. Backdrop filter 조니 아이브의 주도 하에 애플 제품군에는 새로운 디자인 언어가 적용되었다. 플렛 디자인이라고 불리는 이것은 기존의 실물을 흉내내던 스큐어모픽과는 달리 형광톤의 컬러와 블러 레이어를 통해 경계를 나누는 방식이다. 이후 iOS와 macOS의 서리낀 유리효과를 표현하고자 수많은 웹개발자들이 삽질에 삽질을 거듭하였다.물론 현재 쓰고 있는 XP1에도 검색창.. 더보기