티스토리 블로그 꾸미기: 오디세이 스킨의 로고 이미지 크기 원하는 대로 바꾸기 오랜만에 티스토리 블로그 스킨을 바꾸었다. 가장 최근 스킨인 'Odyssey(오디세이)'을 보니까 html을 변경하지 않고도 커스텀하기 좋게 잘 나온 것 같아서 나도 이것 저것 바꾸어 보는 중이다^^ 블로그의 타이틀도 이미지로 바로 넣을 수 있게 되어있는데, 텍스트 크기 18px에 맞춰서 고정이 되어있다보니까 로고 이미지의 높이가 '18px'보다 큰 경우 아래처럼 로고가 너무 작게 들어가서 보기가 좋지 않다. ↓ 이 부분은 티스토리 블로그 html 편집하는 곳에서 간단하게 수정이 가능해서 바꾸어보겠다. 변경할 부분 로고 크기 바꾸기 모바일 화면에서 로고 관련 부분 수정하기 CSS:로고 크기 변경 일단 '스킨편집'에서 로고 이미..

뒤늦은 2022년...목표? 오랜만에 블로그에 글을 쓴다. 작년 12월 그림일기(?)를 마지막으로 올해에는 하나도 포스팅을 하지 못했다. 결론부터 말하자면 회사일이 많아지면서 블로그는 전혀 신경 쓸 수가 없었다. (물리적이든, 심리적인든) 회사로부터 독립하고 싶어서 이 블로그를 시작했는데, 아이러니하게도 독립은 커녕 더 옭아매여있는 듯하다^^;;; (나 독립할 수 있는거여...?) 2021년 목표들의 결과 2021년 새해 목표 5가지 (긴 글 주의) 2021 새해 목표 2020년을 돌이켜보면 쭉 그려진 화살표가 뚝 끊어진 느낌이었다. 방황하기도 했고, 나의 가장 연약한 면을 봤던 해이기도 하다. 답답한 마음을 해소하기 위해서 이 블로그를 만들기 liis.tistory.com 작년 초에는 아주 어마 어마한..

올해의 컬러 2022: 베리 페리 2021년 작년에는 코로나 시국에서의 우리의 삶을 위로해주는 컬러가 2가지 선정이 되었었다. 여전히 코로나 시국이 계속되고 있는 오늘, 2022년에는 어떤 컬러가 선정이 되었을지 매우 궁금했다. 하나의 컬러로 한 해에 대한 기대와 희망을 주고 새로운 해에 대한 전망과 지난해를 돌아보게 하게 되어 매년 궁금해진다^^ 2022년 올해의 컬러는 베리 페리(Very Peri)라는 귀여운 이름의 푸른 빛이 도는 보라색이 선정이 되었다. '베리 페리'가 선정된 것을 보고 개인적으로는 첫인상 봤을 때는 매우 아쉬웠다. 지난 2018년 올해의 컬러인 '울트라 바이올렛(Ultra Violet)'을 떠올리게 했기 때문이다. 울트라 바이올렛는 신선함이 느껴졌었는데... 지난 2021년 올해..

꾸준함에 대하여 최근 한 유튜브 영상에서는 더이상 '꾸준함, 성실함, 열심'이라는 것은 어필할 수 있는 장점이 아니라고 말하는 것을 봤다. 인간이 시간을 들여서 꾸준히 할 수 있는 것은 이미 같은 시간 대비 더 큰 효율로 '로봇'이 할 수 있다는 것이다. 이제 사람에게 열심히 하는 것, 성실하게 하는 것, 오랜 시간동안 꾸준하게 하는 것은 미련한 일이라는 것이란다. 이 말을 듣고 놀라고 화나기도 했지만 한편으로는 공감이 되어서 굉장히 씁쓸했다. 정말 이제는 '꾸준함'이라는 것은 필요없는 것인가...라는 생각이 들었을 때, 그럼에도 불구하고, 올해 나의 부모님을 보며 '꾸준히' 한다는 것은 여전한 필요한 '자세'라는 것을 새삼 깨달았다. 올해 초 부모님께 블로그를 추천해드렸었다. 코로나 시국에 은퇴를 하시..

html: 레이아웃 구조 ↓↓↓ 차례대로 먼저 보고 오기 ↓↓↓ 서당개 웹 튜토리얼 시작! Let's Start! '서당개 웹 공부' 튜토리얼 소개 서당개 웹공부 프롤로그 프롤로그 튜토리얼 소개 (링크트리 스타일 랜딩페이지 만들기) 누구에게 도움이 될까? 긴~ 서론 '랜딩페이지 제작 판매'를 하는 것이 올 liis.tistory.com 서당개 웹 튜토리얼 00. 무료 소스 코드 편집기: vscode 웹사이트 제작하기 위한 소스 코드 편집기: 비주얼 스튜디오 코드(Visual Studio Code, VSCode) 서당개 웹 튜토리얼 시작! Let's Start! '서당개 웹 공부' 튜토리얼 소개 서당개 웹공부 프롤로그 프롤로그 튜 liis.tistory.com 서당개 웹 튜토리얼 01. 웹 퍼블리싱 전 기..

2021년 한글날 기념 무료폰트 5가지 소개 한글날로 생긴 대체휴무일 연휴기간에 이사를 하는 바람에 한글날 무료 폰트 리스트들을 놓쳤다^^; 집정리 좀 하고 뒤늦게 새롭게 배포된 한글 무료 폰트들을 찾아보았다. 그 중 5가지를 소개해본다. 우아한형제들 배민 을지로오래오래체 국립한글박물관 덕온공주체 서울우유협동조합 서울우유체 KOTRA 코트라희망체 대구 수성구 수성혜정체 우아한형제들 배민 을지로오래오래체(https://www.woowahan.com/#/fonts/euljirooraeorae) 작년에 을지로10년후체가 나오면서 생각보다 잘 사용되지 않을 것 같다고 예상이 되었지만, 종종 미디어에서 을지로10년체가 많이 나오는 것을 보고 아 저렇게도 활용할 수 있구나~라는 예시를 보게 된 것 같아 신기했다. ..

웹 제작 기초 작업: 와이어프레임 작성하고 초기 세팅하기 서당개 웹 튜토리얼 시작! Let's Start! '서당개 웹 공부' 튜토리얼 소개 서당개 웹공부 프롤로그 프롤로그 튜토리얼 소개 (링크트리 스타일 랜딩페이지 만들기) 누구에게 도움이 될까? 긴~ 서론 '랜딩페이지 제작 판매'를 하는 것이 올 liis.tistory.com 서당개 웹 튜토리얼 00. 무료 소스 코드 편집기: vscode 웹사이트 제작하기 위한 소스 코드 편집기: 비주얼 스튜디오 코드(Visual Studio Code, VSCode) 서당개 웹 튜토리얼 시작! Let's Start! '서당개 웹 공부' 튜토리얼 소개 서당개 웹공부 프롤로그 프롤로그 튜 liis.tistory.com ↑ 지난 포스팅에서 웹사이트를 만들 때 사용하는 소스..

최근 유퀴즈온더블록이라는 프로그램에 나온 김은주 구글 수석 디자이너의 인터뷰를 보게 되었다. 그 인터뷰가 최근 직장 생활의 회의감이 들고, 이 블로그까지 만들게 하면서 일하는 내가 더이상 멋져보이지 않고... 일에 대한 궁극적인 목표가 사라져 스스로를 끊임없이 괴롭혔던 고민과 고뇌, 답답함 등에 대해 답을 얻을 수 있었던 이야기여서 마음이 뭉클했었다. 나만 그런게 아니구나, 나만 유별난게 아니었구나 라는 위안과 함께 내가 나를 괴롭히지 말아야지, 라며... 진정한 '회사로부터의 독립'은 무엇인지 다시금 생각해보게 된 것 같다. 김은주 구글 수석 디자이너의 인터뷰가 유튜브에 올라와서 다시 한번 보게 되었고 그녀의 위로를 오랫동안 간직하고 싶어서 다시 볼 일은 없었으면 하지만 또 답답함을 느끼게 될 때 위안..

웹사이트 제작하기 위한 소스 코드 편집기: 비주얼 스튜디오 코드(Visual Studio Code, VSCode) 서당개 웹 튜토리얼 시작! Let's Start! '서당개 웹 공부' 튜토리얼 소개 서당개 웹공부 프롤로그 프롤로그 튜토리얼 소개 (링크트리 스타일 랜딩페이지 만들기) 누구에게 도움이 될까? 긴~ 서론 '랜딩페이지 제작 판매'를 하는 것이 올 liis.tistory.com ↑지난 포스팅을 통해서 링크트리 형태의 랜딩페이지를 제작하기로 하며 '서당개 웹 공부'의 포문(?)을 열었다. 웹페이지는 메모장만 있어도 만들 수 있지만, 좀 더 편리하게 소스를 작성하기 위해 소스 코드 편집기를 이용하면 좋다. 이전에 웹 퍼블리싱을 독학할 때 개발자 분께 추천 받은 무료 프로그램인 '앱타나(Aptana)'..

'서당개 웹 공부' 튜토리얼 소개 서당개 웹공부 프롤로그 프롤로그 튜토리얼 소개 (링크트리 스타일 랜딩페이지 만들기) 누구에게 도움이 될까? 긴~ 서론 '랜딩페이지 제작 판매'를 하는 것이 올해 목표 중 하나였다. 웹 퍼블리싱에 관심도 있고 회사에서 웹디자인 할 때마다 퍼블리싱을 어깨너머 배우기도 했기 때문에 서당개 풍월 읊 듯 간단하게 웹 페이지를 제작하는 것은 할 수 있을 것 같아 용기있게 목표로 삼았지만, liis - 2021년 새해 목표 4가지 웹 특성 상 발생할 수 있는 여러가지 오류를 해결하기에는 서당개 수준의 웹 경험만 가지고서는 돈을 받고 웹 제작을 하는 것은 아직 무리가 있다고 생각이 들었다. 그래서 티스토리 블로그에 '튜토리얼' 방식으로 랜딩페이지를 처음부터 끝까지 만들어보는 경험을 공..