Web – Xenosium

2021 09 23

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

CreativeWeb UI 디자인에 활용할 수 있는 다단계 Shade 색 팔레트 시스템 만들기 2021/09/02
디자인에 있어서 색이 중요한 요소라는건 설명할 필요도 없이 누구나 납득할 사실일 것이다. 브랜드의 디자인 아이덴티티 (BI)를 만들 때에도 로고, 타이포그래피와 더불어 항상 빠지지 않는것이 브랜드 고유의 색 팔레트다. 코카콜라 하면 빨강색, 삼성 하면 파랑색… 하듯이 브랜드가 지정한 시그니쳐 컬러가 있다. 보통 로고에서 […]
2020 05 29

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

Web ‘온라인상의 관계’에 대한 고찰 2013/06/14
트위터나 온라인 상에서 알게 된 상대와 어떤 주제에 대해 논쟁을 벌이기 싫어하는 이유중 하나가, 서로 대립되는 의견으로 이야기를 하다보면 대화가 서로 감정적으로 변하기가 쉬운데, 그것때문에 그 사람과의 관계가 어색해지거나, 심한 케이스에는 끊어지기까지 할까봐 두려워서—라고 할 수 있을것 같다. 온라인상의 관계가 […]
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만 […]
2009 08 10

Web 『pixiv』에 대한 생각 2009/08/10
The ‘2nd’ Defined QA Batonby 徐하늘 님 ..제가 굳이 고민하지 않아도 포스팅거리가 그냥 막 생기는군요 요즘은. ㅎㅎ;; 아래는 바톤이 넘어온 경로입니다. 이제까지 받아본것 중에서 제일 길군요. ㄷㄷㄷ Expand 히엘님께 『무쿠로님』으로 받아왔습니다^//^ 넘겨주셔서 감사해요! 아카유키님께 『승리의 무쿠츠나』로 받아왔습니당..U///U..무, 무쿠츠나! 톳씨님께 「히바히바」로 […]
2009 07 11

Web 텍스트큐브닷컴 초대장 배포합니다. Get your Textcube.com Invites here! 2009/07/11
제 텍큐 닷컴 블로그는 거의 뭐 스킨제작/테스팅용으로만 쓰고 방치해두고(…) 있는데, 그래도 초대장은 쌓이는군요. 현재 20장이 남아있네요. 필요하신 분들께 드릴께요. 비밀글로 이메일 주소를 남겨주시고, 밑에 간략하게 어떤 용도로 블로그를 사용할 것인지를 적어주세요. 검토(?)해보고 초대장을 보내드리도록 하겠습니다. 🙂 아 그리고 새로 블로그를 […]
2009 06 02

Web Customized Twitter plugin for your blog! 2009/06/02
블로그에 붙힐 자신만의 트위터 피드를 만들어보자! 새로운 블로그 디자인을 런칭하고 나서 많은 분들로부터 좋은 피드백을 많이 받았다. 그중에 방문자님들이 자주 물어보시던 것중에 하나가 바로 블로그 상단 우측의 Twitter 피드를 어떻게 구현했는지인데, 이렇게 된 김에 아예 튜토리얼을 만들어보기로 했다. 작동하는 원리는 […]
no image 2009 05 23

Web The Real Human Interface 2009/05/23
진짜 “휴먼 인터페이스”. Engadget을 통해서 보게 되었는데, 와 정말 기발한 아이디어같다… 실제로 컴퓨터를 의인화한다면 저렇게 상상할 수 있지 않을까? ㅎㅎ First saw this from an article from Engadget… and wow how creative! Really, if we try to personify the computer […]
2009 02 22

Web Akinator, is really the Web Genius 2009/02/22
히라님 블로그에서 보고 에이.. 설마 하고 해봤는데…. 이거 대박인데??! 처음엔 좀 어리둥절했는데, 인물을 맞추는 게임이더군요.처음은 히나기쿠, 두번째는 퍼퓸의 카시유카, 세번째는 빌게이츠로 해봤는데…다 맞추더군요. 후덜덜.. 옆에서 컴터하는 여동생한테 알려줘서 를르슈, 이민호, 구혜선을 차례로 맟추더군요. 진짜 후덜덜…. 정말 천재 아녀? 무서버라…더더더러덜덜.. 아참, […]

browse categories...