진짜 오랫만에 블로그 스타일을 변경했다. 특별한 계기가 있는 것은 아니고, 매번 생각해오던 것을 실행하게 된 것 일 뿐이다.ㅋ 변경 내용과 함께 새로 알게된 내용을 정리하고, 소개한다. 폰트 변경 폰트는 아주 오랫동안 고르고 골랐지만, 쏙 마음에 드는 것이 없다. 이번에 본문 폰트만 변경했는데, 영문이나 숫자는 또 마음에 안들어서...ㅠ 얼른 내 폰트를 만들어서 쓰고 싶다.ㅋ 맛소금체! 이롭게 바탕체를 접하면서 이롭게라는 회사를 알게 되었는데, 오우. 멋진데? 나중에 다시 만날 날이 있을지도 모르겠다는 생각이 들었다. http://font.iropke.com/batang/#font-test 강조 구문 스타일 변경 b 와 strong 태그에 대한 스타일을 변경하였다. 밑줄을 추가했는데, 아래 taegon...
수줍게 맛소금 아이콘과 심볼을 소개하고 만드는 과정에 대한 이야기를 적어봅니다. 맛소금 브랜드 심볼 소개 맛소금이라는 문자를, 특별히 한글!, 고스란히 담으면서도 굉장히 단순하고 그냥 보면 알 수 없는 픽셀 아트 같지만 볼 수록 그 모양 자체가 익숙해지는 것이 핵심입니다! 뭔가 알아들을 수 없는 소리 같지만…차근 차근 설명해 볼께요. (김프로 만든 애니메이션ㅎ) 한글을 담고 싶었습니다 저는 한글을 무척 좋아합니다. 한글로 '맛소금'을 담고 싶었습니다. 한글로 된 세계적인 브랜드 심볼이 많이 나왔으면 바라는 마음으로 한글을 바탕으로 시작했습니다. 단순해야 합니다 이유는 제가 전문 디자이너가 아니기 때문에 복잡한걸 그릴 수가 없어요.ㅋㅋㅋ 그리기도 쉽고 수정도 쉽고 정사각형이라서 파비콘이나 아이콘으로 사용하..
오랫동안 제대로 관리 못했던 고마워서 만든 블로그를 개편하였습니다. 모양새와 구조도 확바꾸고 내용도 체계적으로 정리하였습니다. 앞으로 운영도 착실하게 잘해서 더 쉽게 많은 도움을 드릴 수 있었으면 합니다. 반응형 스킨으로 교체 부트스트랩을 사용하여 반응형 스킨으로 만들었습니다. 잘 만들어서 공유하려고 하였지만 개인적인 취향이 너무 강하게 적용되어서 가져다 쓰실 분이 있을지 모르겠습니다.ㅠ 혹시나 몰라 공유는 해놨습니다. 티스토리 반응형 웹 스킨 공유 개인 도메인 연결 개인 도메인을 연결하였습니다! blog.delisalt.me 가비아에서 행사 가격으로 1년 6000원에 계약했습니다~ㅎ 네이버 블로그(맛소금n블로그)도 연결하고, 맛소금 홈페이지도 만들어서 여러가지 프로젝트를 진행해 보려합니다. 이부분은 다..
티스토리 초대장 10장 배포하려 합니다. 저에게도 이런 날이 오네요.ㅎㅎ 블로그 제대로 하지도 못하고 있는데...어느날 초대장이 들어와 있어서 이렇게 배포해드리려고 합니다.대단한건 아닌데, 티스토리 운영팀에서 초대장 배포에 신중을 기해서 진행해달라는 관계로 댓글로 신청을 받아서 선정 후 배포해 드려러 합니다~막상 시작해도 은근히 시간이 많이 들어서 블로그를 꾸준히 유지하는 것이 쉬운일이 아닙니다~ 그러니까 블로그 하시긴 전에 왜 블로그를 하는지 이유를 스스로 생각해 보시고 정리해 보시는 것도 좋을 것 같아욧!블로그를 하면 좋은점... 제 포스팅을 참고하셔도.ㅎ 신청방법 블로그 운영하시려는 이유와 담고 싶은 내용 (간단하게 써주셔도 되요~) 초대장을 받으실 메일 주소 두가지를 댓글로 적어주세요~ (비밀 댓..
티스토리 반응형 웹 스킨을 공유해 봅니다. 반응형 웹 스킨 공모전같은거 모르고 그냥 개인적으로 만들었는데, 그냥 함 내보려고요. 마지막까지 고민했는데, 정말 그냥 내보는 겁니다!!! (부끄러워요...ㅎ) 소개 제 스킨은 티스토리의 모든 기능이 구현되어 있지 않습니다.모든 기능에대해서 넣을지 말지 고민해 보았습니다. 그리고 있으면 좋을것은 다 빼고, 꼭 있어야 된다고 생각되는 것만 넣었습니다. 얼마전에 읽은 UX가이드 책에서 본 내용인데, 너무 와닿더라구요. 있으면 좋으니까 들어간 기능은 지저분하기만 한것 같아서 과감히 뺐습니다. 절대 귀찮아서 그런것 아닙니다.제가 원하는 모양을 만들다보니 불가피하게 자바스크립트로 컨텐츠의 위치를 조작했네요. 자바스크립트가 동작하지 못할 경우 일부 모양새가 이상하게 표현 ..
티스토리 본문 이지미가 가로폭을 넘어가는 문제가 다시 발생했다. 예전에 문제가 있어서 블로거님들의 도움을 받아서 아래 방법으로 해결했는데, 최근에 다시 문제가 나왔다. 옛날의 내가 아니지...이제 다른 사람에게 알려줄만큼 CSS를 잘알지요~훗. 우선, 예전 해결 방법은 다음과 같다. style.css 스타일 시트에 아래 두 줄을 추가해주어서 해결했는데, 지금은 안됨. img {max-width: 100%; height: auto;} span.imageblock {max-width: 100%; height: auto;} 참조: http://www.cmsfactory.net/node/10198 새로운 해결방법은 다음과 같다. .article img {max-width: 100% !important; heig..
블로그 글의 가독성을 높이려고 폰트와 줄간격, 문단간격 등에 대해서 알아보았다. 폰트에 대한 글은 많은데, 다들 조각, 조각이라서...ㅠ 한번 정리해서 올려 본다. 공부할게 많구만...ㅋ 우선, 폰트에 대해서 이해해야 한다. 폰트에도 저작권이 있고 용도와 구현 방법등에 따라서 구분이 많다. 특히, 형식에 대해서 여기 저기서 만들어놔서 호환성 문제가 있는데 자세한건 위키로! http://ko.wikipedia.org/wiki/서체 웹에서 폰트에 대한 설명 - 웹폰트 각기 다른 형식이 존재하는 것이 가장 큰 문제가 되는 부분은 웹이 아닐까. 다른 플랫폼들도 웹에서 모두 만나는데, 상황이 안될경우 웹디자이너의 의도와 다르게 표현되게 된다. 그래서 사람들이 모여서 웹 폰트를 만들었다. 아래는 웹폰트에 대한 글이..
문득, 이 밤에 내가 이걸 왜 하고 있나 싶은 생각이 들었다. 차라리 이 시간에 피아노 연습이나 할껄... 아니라고...나를 설득시키기 위해서 블로그를 하면 좋은점들을 적어본다. 생각을 정리해서 표현하는 연습을 할 수 있다. 생각을 정리해서 표현하는 것을 해본 사람과 안 해본 사람의 차이는 표현 능력 뿐만 아니라 교감 능력이 차이를 만든다. 나의 국어 실력을 반성하게 되기도 하고, 막연했던 생각들이 구체화 되고, 또 다른 아이디어가 되어서 되려 나에게 에너지를 제공하기도 한다. 조금 더 좋은 세상을 만드는데 기여할 수 있다. 나는 인터넷의 지식 공유가 가진자들의 노블리스 오블리주의 한 부분이라고 생각한다. 내가 속한 집단, 공동체와 사회를 위해서 기꺼이 나의 지식을 배풀고 자유롭게 접근하기를 허용한다. ..
넓이를 화면 사이즈에 맞게! 일반적으로 #container로 표시될 영역을 정하고, #content 또는 #sidebar 등으로 내부 영역을 구분한다. (각 영역은 float 속성으로~) css 파일을 열어서 width 를 찾아보면 고정 px로 되어있어서, 그 부분을 %로 변경해 주었다. container : 900px -> 80% content : 750px -> 77% sidebar : 190px -> 21% container 가 content와 sidebar 상위 개체(parent element)이고, 나의 경우 두개의 영역으로만 나눠져있기에 100%를 기존 px 비율로 나눴다. 이렇게 바꿔주면, 화면의 사이즈가 커지면 자동으로 커진다. 근데, 문제는 화면의 사이즈가 작아지면 계속 작아져서 화면 구..
마크다운이란? 마크업 언어의 일종인데, HTML 테그등을 열라 쉽게 사용할 수 있도록 만든 간단한 규칙을 가진 언어다. 블로그의 가독성에 대해서 고민하다가 H1등의 헤딩 테크의 중요성을 알게되었다. 헤딩테그를 비롯해서 마크업 언어는 처음에 잘해놓으면 여러모로 편하고 좋지만 대부분 귀찮아서 그냥 막 쓰다보니 여기저기 모양새가 잘 안맞고 오히려 더 불편해진다. (특히 붙여넣기할때, '이거 뭐여~'하며 '텍스트만 붙여넣기'를 클릭하는...ㅠ) 그간 나의 무관심을 반성하면서 앞으로는 귀찮아도 잘 써야겠다고 생각했지만, 매번 HTML 태그를 넣어가면서 글을 쓰는 것은 너~~~무 귀찮은 일이다. 그래서 고민하다가 나같은 사람은 분명 또 있다! 인터넷의 바다로...ㅎ 자세한 내용은 아래 글을 참조~ https://m..
언제인가부터 글을 쓸때 쉼표를 많이 사용하고 있다. 하나의 문장을 길게 쓰지 않으려 하고, 그 길지 않은 문장을 두개 이상의 문단으로 나눠서 기록하였다. 예를들면...하나의 문장을 길게 쓰지 않으려 하고, 그 길지 않은 문장을 두개 이상의 문단으로 나눠서 기록하였다. -> 이 문장을 아래와 같이. 하나의 문장을 길게 쓰지 않으려 하고, 그 길지 않은 문장을 두개 이상의 문단으로 나눠서 기록하였다. 이유는 아무래도 문단을 나눠두면 간결히 보일 수 있고, 의사 전달이 더 잘될 것이라고 생각했기 때문이다. 그런데 티스토리 블로그를 가꾸면서 그 습관이 디지털 환경에서 문제가 될 수 있다는 생각을 하게 되었다. 왜냐하면, 문단을 내가 임의로 나눌경우(고의 줄바꿈을 뜻함) 다른 환경의 사용자(특히 해상도 관련)의 ..
티스토리 블로그 시작하면서 html을 다시 만지게 되었다. html 수정을 위한 텍스트 에디터가 무엇이 있는지 경험해 보았다. 누군가 나처럼 막 블로그를 시작하고, 대학교때 나모 웹 에디터로나 만들었던 홈페이지를 추억하며 블로그를 꾸며갈때 나의 길이 조금이나마 도움이 되길 바라는 마음으로 기록을 남긴다. http://www.homejjang.com/01/best_editor.php 여기에서 많은 정보를 얻곤하는데, 이번엔 텍스트 에디터 추천에 대한 것이다. 에디트플러스를 설치해서 진짜 딱 5분 둘러봤는데, 감이 팍 온다. 진짜 쩐다. 너무 잘 만들어놨다. 개발자를 아는 사람이 만든것 같다. 개발자 originate design 이랄까? ㅋㅋㅋㅋㅋ 화면 구성부터 딱 감이오는데, 아이콘이며, 메뉴이며...적..
꾸미기라고 말하기는 너무 민망하고... 정리하는 방법이라고 해야할까?1. 스킨 선택 아주 멋진 외형을 갖추려면 많은 노력이 필요하지만 스킨을 잘 선택하는 것만으로도 깔끔한 외형을 아주 손쉽게 가꿀 수 있다. "관리 - 꾸미기 - 스킨"에서 변경2. 사이드바 정리 사이드바에 내용이 너무 복잡한데 "관리 - 꾸미기 - 사이드바"에서 정리할 수 있다.3. 추가 작업 1,2번 작업으로는 기본적인 편집만 가능하다. 여기에서 좀 더 자신만의 편집을 하려면 html/css 소스를 수정해야 한다. 그 부분은 자세한 내용은 이미 정리해둔 사이트가 많으므로 링크를 걸어둔다.아래 링크에서 또 링크를 따라 들어가다보면 많은 것을 알 수 있다. http://yazine.tistory.com/73스킨의 구조를 알고 싶다면 아래 ..
처음으로 공개 블로그를 시작해본다. 인터넷에서 정말 많은 도움을 거져 받아왔다. 고맙다는 말이라도 꼭 하려고 노력하지만 쉽지가 않다. 나도 다른 사람들에게 도움이 되었으면해서 조금의 수고를 들여 이 블로그를 시작해본다. 나를 위하여 그리고 다른 사람들을 위하여 포스팅을 꾸준히 이어가고 싶다. 주제는 딱히 없다. 유용하다고 생각되는 양질의 컨텐츠를 만들어서 공유하는 것에 집중하고 싶다. 2014. 10. 15 블로그를 시작하고 너무 오랫동안 방치해 두었다. 너무 바빴다고 핑계대본다. 이름도 바꾸고 꾸준히 포스팅도 해보려고 한다. 이름은 '정말 고마워서 만든 블로그'로...ㅎㅎㅎ 2015. 07. 25 처음 그 마음만 남겨두고 전부 새롭게 바꾸려 한다. 처음 그 마음을 보다 잘 표현해보려고 모양새도 다듬고 ..