CSS – Xenosium

2021 09 23

CreativeWeb 효율적인 다크 모드 구현을 위한 배경/전경 컨텍스트 기반의 컬러 팔레트 만들기 (feat. CSS variable) 2021/09/23
지난 글에서 스타일시트 메인 코드상의 색상 지정은 CSS variable (변수)로, prefers-color-scheme미디어 쿼리를 이용해 유저의 선호 테마를 알아내어 상황에 알맞는 값을 줘서 단일 코드로 여러 테마를 표시할 수 있는 방법에 대해 알아보았다. 간략하게 복습해보자면, 이런 식으로 실제 스타일 선언은 한 번만 […]
2020 05 29

Web CSS Variable을 이용해 손쉽게 다크/라이트 토글 가능한 스타일시트 만들기 2020/05/29
이번에 블로그를 워드프레스로 마이그레이션하면서, 디자인을 완전히 새로 갈아 엎은 건 아니지만 그래도 오랜만에 작업하는김에 이곳 저곳 손 본 곳이 꽤 된다. 그중에 가장 눈에 띄는 변화라고 한다면, 아마 라이트모드의 부활일 것이다. 현재 굴리고 있는 블로그의 디자인은 2017년에 처음 런칭한 것으로, […]
2018 10 13

Xenosium Xenosium 2018 Redesign 2018/10/13
citrus*paradisi XENOSIUM 8th DESIGN REVISION OCTOBER 2018 2018년 10월 4일을 기준으로 블로그의 디자인을 바꿨다. 정확히 따지자면 레이아웃은 그대로고 색상만 바뀐거긴 하지만, 배경색까지 반전이 되어서 체감은 꽤 큰 변화로 느껴지는 듯. 작년 10주년을 기념으로 디자인한 본 테마를 얼마나 오래 유지할지, 1년이 […]
2012 01 10

Web 5분만에 CSS로 큐베 만들어보기 2012/01/10
우선 기본적인 HTML 틀을 만들어줍시다. 독타입은 간단하게 흙탕물5로. <!DOCTYPE html><html><head></head><body><div class=”container”> <div class=”eye left”> <div class=”pupil”></div> <div class=”highlight”></div> </div> <div class=”eye right”> <div class=”pupil”></div> <div class=”highlight”></div> </div> <div class=”mouth left”></div> <div class=”mouth right”></div></div></body></html> eye는 공통요소로 pupil과 highlight이라는div를 넣어주고 left하고 right만 […]
2011 07 07

CreativeXenosium Xenosium 모바일용 스킨 완성! 2011/07/07
제노시움의 모바일용 스킨이 드디어 완성되었습니다! 아이폰 사고 나서부터 계속 해야지, 해야지 하고있다가 방학이 되어 드디어 작업에 착수, 약 3-4일간 고치고 고치고 고쳐서 이제 드디어 공식적으로 ‘완성’되었다고 발표할 수준까지 도달한것같습니다. php/javascript의 지식이 거의 없다싶은 저로서는 모바일을 어떻게 구별해서 리다이렉트시키지..하는게 주 고민이었는데, […]
2011 05 10

Creative Textcube용 관리 패널 스킨 Canon.MOD 2011/05/10
Textcube용 관리자 패널 스킨인 Canon.MOD를 공개합니다. 제목이 MOD인것처럼 새로 만든 것은 아니고, 기존 텍큐 1.8의 기본 스킨이던 Canon 스킨을 수정한 것입니다. 아직 개발(?)이 덜 끝나서인지 군데군데 상당히 미완성된 듯한 부분이 많이 보이더라구요. 거슬리긴 했지만 귀찮아서 그냥 불편한대로 써왔는데 무슨 불이 […]
2008 04 28

Tech Simple Multilingual Blogging with Tabber Javascript 2008/04/28
왜? 나는 처음부터 영어권 친구들과 한국의 방문자들을 위해 동시에 2개국어로 블로그를 운영해보고 싶었다. 그러나 정확히 어떻게 할 지 몰랐었다. 자동 번역은 아예 거들떠 보지도 않고, 일단 한 페이지에 위에는 한국어, 밑에는 영어로 직접 글을 썼다. 하지만 역시 그림등 다른 것들과 […]
2008 02 07

Xenosium Back to Web Standards. 2008/02/07
리디자인이 아직 완전히 다 끝나지는 않았지만, 오늘 드디어 다시 W3C의 XHTML/CSS 인증을 통과했다. 가장 큰 일은 스킨 자체의 코드 오류보다도 텍스트큐브에서 작성한 글 자체의 코드를 고치는 것과 플러그인들의 문제였다. 웹표준을 준수하기위해 (?) 많은 플러그인들을 포기해야했다. 얼마전 설치한 RSS 플러그인도 사이드바의 […]
no image 2008 01 30

Xenosium Testing out Moo.fx + Redesigning Blog. 2008/01/30
드디어 Moo.fx 아코디언 효과를 사이드바에 투입했다. 그에 맞춰 디자인도 변화시켰다… 그런데 으아아 사이드바의 태그 파트에서 13px짜리 왼쪽 여백 제대로 나타나는게 도무지 안된다… 태그 관련 CSS는 #tagbox .ul #tagbox .li #tagbox .a 3개밖에 없는데.. 오른쪽사이드바에 RSS에 “방문한” 링크 색깔도 조정안되고… 오늘은 […]