웹 퍼블리싱: 가운데 정렬 하는 방법 CSS를 하다보면 가운데 정렬 시키는 방법들이 정말 다양하다는 것을 알 수 있다. 그런데 종종 가운데 정렬이 생각한대로 적용이 잘 안될 때가 있어서 답답할 때가 있다. 헷갈리기도 하고... 내가 가운데 정렬 시킬 때 쓰는 방법은 총 3가지인데, 공부할 겸 어떤 상황에 어떤 방식을 사용해야 하는지 정리해보려고 한다! 가운데 정렬 하는 방법 3가지 text-align: center; margin: auto 0; transform: translate(X, Y); text-align: center; : text의 정렬을 뜻하고, 'center'는 텍스트를 가운데에 정렬을 시킨다는 뜻이다. 말 그래도 '텍스트'만 가운데 정렬 시키는 방법이다. text-align를 적용하면 자..

티스토리 블로그: 제목 영역 꾸미기 티스토리 블로그 Portfolio 스킨으로 변경하였다. Portfolio 스킨의 가장 큰 특징 중의 하나는 포스팅한 글의 상단 제목 영역이 배경이미지로 채워져 있다는 것이다. 이번 튜토리얼에서는 이 상단 제목 영역은 간단하게 3가지 방법으로 꾸며보는 것이다. (변경된 화면은 지금 이 포스팅의 PC, Mobile 화면으로 확인할 수 있다!) 변경할 부분 글 제목 영역 화면 전체를 꽉채우는 스타일로 키우기 글 제목 영역의 배경 이미지를 스크롤 상관없이 고정하기 글 제목 영역 '어둡기' 조정하기 CSS: 글 제목 영역 키우기 아래 이미지처럼 원래 스킨에서의 글 제목 영역을 디스플레이 화면 크기만큼 키우려고 한다. 이미지로 꽉 채웠을 때의 시각적인 느낌을 개인적으로 좋아한다...

디지털 노마드로 살고 싶다! 가끔 복권에 당첨된다면~ 이라는 상상을 해본다. 부끄럽지만(?) 돈 많은 한량이 되고 싶다는 생각을 한다ㅋㅋ ^^; 아무 걱정없이 흘러가는 대로 살고 싶다. 하지만 나의 소망(?)과 달리 복권에 당첨되지 않아서 돈많은 한량은 될 수 없으며, 그냥 놀 수만은 없으니 일을 해야한다. 최근 '구해줘홈즈'라는 프로그램에서 카페와 주거를 함께 이룰 수 있는 공간을 찾는 편이 방송되었다. 자작나무가 있는 집이 나왔는데, 내가 정말 꿈꾸던 집이자 공간이었다. 나도 언젠가 저런 멋진 공간에서 생활하며 일도 하고 여유도 찾을 수 있을까... 절로 상상하게 되었다. 하지만 현실이 그렇게 녹록하지 않다는 걸 안다. TV 속 집에서 산다고 해서 한량처럼 살 수는 없을 것이다. 그래도 꿈은 꿀 수 ..

요즘 나의 가장 큰 관심(또는 걱정)은 내가 무엇을 하고 먹고 살아야할지에 대한 것이다. 이러한 생각에 빠져있는 가장 큰 이유는 내가 내 삶을 주체적으로 이끌며 살고있지 못하다고 생각하기 때문이다. 불안정한 직장 생활, 불만족스러운 성과, 자신감 하락... 코로나와 같은 이변 등등... 나를 둘러싸고 있는 직간접적인 상황들이 있지만, 결국에는 그 속에서 내가 돌파구를 찾아 용기를 내지 못하고 있는 것이 가장 문제다. 용기를 내면 본질적인 문제를 해결이 될 가능성이 높아진다는 것을 잘 알고 있지만 쉽지가 않다. 자꾸만 쉬운 길을 찾고 싶어진다. 먹고 살아야하니, 돈을 벌어야하는데, 어떻게 돈을 벌 것인가에 대해서 고민을 했다. 현재의 직장이 만족스럽지 않으니 이직을 준비하고 이직에 성공하는 것이 가장 '간..

결혼 3년차가 말하는 배우자의 조건 다른 사람들의 결혼에 대해 나같은 제3자가 왈가왈부할 자격은 전혀 없지만, 결혼 3년차가 되고 나니 결혼 준비하면서도 결혼하고 나서도 '배우자의 조건'에 대해 지금까지도 공감이 되는 말이 하나 있다. "거슬리는 것이 없는 사람" 나도 가만 생각해보니 내 짝꿍과 결혼 준비를 하면서 주변 사람들에게 '나만 잘하면 될 것 같아'라는 이야기를 많이 했었다. 말 그대로 '거슬리는 것이 없는 사람'이었기 때문이다. ('거슬리다'라는 말이 거슬릴 수도 있지만^^; 이처럼 찰떡같은 말은 없는 것 같다.) 이상형을 물어보거나 당신의 배우자는 어떤 사람이기를 바라냐는 질문에 대부분 '코드가 잘 맞는 사람', '취향이 잘 맞는 사람', '대화가 잘 통하는 사람'이라고 대답한다. 그래서 코..

티스토리 블로그 꾸미기: Header 고정하기 Poster 스킨으로 상단에 슬라이더와 벽돌형 리스트를 추가하면서 블로그 리스(liis)의 첫 화면을 조금 바꾸었다. 그러다보니 화면 전체길이가 길어지게 되었고, 스크롤을 하면 헤더(Header)에 있는 로고가 잘 보이지 않아 아쉬웠다. 그래서 화면에서 항상 로고가 보이도록 헤더를 고정하기로 하였다. 현재 블로그 리스(liis)의 화면을 보면 스크롤을 하면 헤더가 화면 상단에 고정이 되어서 계속 노출이 되는 것을 확인할 수 있다. 투명도를 주어서 뒤에 콘텐츠가 살짝 보이게도 하였다. (수정하는 과정에서 여러가지 요소들의 스타일을 같이 바꿔줘야 하기 때문에 아래 튜토리얼이 조금 복잡해보일 수 있지만 티스토리는 html 블로그 만들기가 가능하니까 차근차근 흐름을..

나는 모든 걸 내가 다 해야하는 스타일이다. 도와달라고 말하는 것이 쑥쓰럽기도 하고 민폐가 되는 것 같기도 하다. 그리고 어느 정도 내가 스스로 할 수 있는 일이라면 직접 배우거나 시도하면서 스킬을 갖추려고 한다. 남에게 도움을 청하지 않아도 되게끔 말이다. 스킬이 쌓이면 더욱더 다른 사람들에게 도움을 청할 필요가 없어진다고 생각하게 된다. 예를 들면 잡지를 만들고 싶다는 생각이 들면, 블로그를 개설하고 글과 사진을 함께 올리면 된다. 나는 사진 편집도 가능하고 필요하다면 삽화도 그려넣을 수 있으니 내용을 더 풍부하게 만들 수도 있다. 브랜딩도 할 수 있기 때문에 블로그 형식의 매거진의 네이밍이나 브랜딩, 디자인까지 할 수 있다. 이미 웹진 하나를 그럴 듯하게 만든 것을 상상 속에 그려진다! 하지만 여기..

남편의 위로 몇 달전 계속해서 밀리고 있는 월급을 해결하기 위해 기획자가 새로운 외주를 받아왔다. 당장의 문제 해결을 위한 고마운 일거리였으나 클라이언트는 생각보다 까탈스러웠다. 세번에 걸쳐서 돈을 지급하겠다는 클라이언트는 첫번째 지급일을 어떠한 이유로 미루었고, 두번째 지급일이 다 되었을 때, 세번째 지급일에 모두 한꺼번에 지급해도 되겠냐고 말 같지도 않은 문의(?)를 해왔다. 나는 계속 밀린 월급에 매우 지쳐있었다. 그동안 모아둔 여윳돈으로 겨우 내 생활비를 해결하고 있었기 때문에 그 말을 전해 들은 후 결국 참았던 울음이 터졌다. 나는 성실하게 살아왔다고 생각했는데 왜 이런 일이 생기는 것일까. 내가 적극적으로 새로운 일을 찾지 않아서일까. 내가 이 일을 그만두지 못해서일까. 밀린 월급에 항의하지 ..

어쩔 수 없이 집에 있을 수 밖에 없는 요즘, 나의 극복법 여행을 가고 싶은데 갈 수 없을 때 나는 여행 책을 읽는다. 여행 간 기분을 간접 경험하기 위해서다. 글이 아니더라도 여행을 가지 못하는 마음을 해소할 수 있는 여행 사진과 영상 같은 시청각적 자료는 넘쳐나지만, 혹시 내가 훗날 그 여행지를 가게 될 수도 있으니 감동을 해치지 않을 수 있고 머리 속으로 무한 상상을 할 수 있는 텍스트가 훨씬 내 취향이다. 이전에 여행 책을 빌릴려고 도서관을 간 적이있다. 수많은 여행 책들 중에서 나는 어느 곳으로 여행을 가볼까 살펴보았지만 마음에 드는 책을 한 권도 고를 수가 없었다. 도서관에 있었던 책들은 대부분 해당 여행지의 명소에 대한 설명, 꼭 맛봐야할 음식 등과 함께 책이 출판되었을 때 유행하던 여행 스..

liis 로고 모션: 직접 손으로 쓰는 효과 로고 모션은 '애프터 이펙트(After Effect)'라는 툴의 'Stroke'라는 효과를 사용하면 만들 수 있다. 간만에 Stroke 효과를 사용하려고 하니까 어떻게 적용했는지 기억이 안나서 유튜브의 '편집하는 여자'의 영상을 보고 따라 만들었다! 영상 보고 따라하기 요약하자면, → 로고 이미지 또는 텍스트를 컴포지션에 불러오고, → 펜툴로 로고를 따라 선을 그린 다음 → Stroke 효과를 입힌 후 → 해당 효과에 타이밍을 지정해서 완성하는 방식. 애프터이펙트는 초보자가 처음 다루기에는 좀 어려운 툴이지만, 어도비 프로그램을 어느 정도 다뤄본 분들이라면 위 영상을 따라 차근차근 만들 수 있다. 유의해야할 점 Stroke 효과에서 가장 유의해야할 점은 Str..