티스토리 밀어주기 HTML로 모든 포스트에 적용하기 2014년을 맞아 티스토리에서 야심차게 준비한 시스템이 바로 밀어주기 기능입니다. 인터넷 방송의 별사탕 시스템이나 오마이뉴스의 원고료 주기 시스템과 닮아 있는데, 블로그에 있는 양질의 글을 통해 읽는이로 하여금 자발적으로 소정의 금액을 지원해줄 수 있도록 하는 시스템입니다. ▼ 공통적으로 모바일에서 동일한 디자인의 위젯을 제공해주고 있으며, 크기 또한 같습니다. 티스토리에서는 현재 시범오픈 기간으로 해당 기능을 적용해두고 있으며, 2013년 우수블로그에겐 우선 제공하였고 클로즈 베타 모집을 통해 일부 유저들에게 적용하여 사용해 볼 수 있도록 해두었습니다. 저 역시 클로즈 베타에 신청하였었는데 오늘 테스트가 가능하다는 방명록을 보고 적용시켜 보았습니다. ..
마크다운 에디터 MOU에서 CSS 수정하기 마크다운 에디터인 MOU에서 블로그 포스팅용으로 글을 작성하다보면, MOU의 기본기능인 미리보기 기능을 통해 자신이 쓴 글이 어떤식으로 보여질지 미리 확인해 볼 수 있다는 장점이 있습니다. 하지만 콘텐츠 디자인은 최종적인 스타일시트(CSS)를 따르기 때문에, 블로그에 적용되어 있는 CSS와 MOU에 적용되어 있는 CSS가 상이할 경우에는 다른 모습으로 보여지기 때문에, 조금의 혼란이 있을 수 있고 미리보기 기능의 의미가 많이 퇴색되기도 합니다. 그래서 MOU에서는 CSS를 사용자가 커스텀하여 사용할 수 있는 기능을 제공 중입니다. 오늘은 마크다운 에디터 MOU에서 CSS를 개인의 입맛에 알맞게 수정하여 사용하는 방법을 소개해드립니다. 1. 설정 - Prefere..
티스토리 Skeleton 반응형 스킨 본문 이미지 가운데 정렬하는 법 콘텐츠를 자신이 직접 디자인하여 사용한다는 것은 매우 멋진 일입니다. 마크쿼리 ↩님이 개발 및 배포하고 있는 티스토리 반응형 스킨은 사용자가 콘텐츠를 직접 디자인하여 사용할 수 있는 스킨입니다. 기존에 많이 배포되던 일반적인 스킨이 완성형 스킨이라면 마크쿼리 스킨은 커스텀 디자인 여지가 존재하고, 여러가지 아이디어로 콘텐츠 확장성을 겸비한스킨이라고 볼 수 있는데요. 현재 티스토리에서 큰 인기를 끌고 있는 스킨인만큼 마크쿼리 커뮤니티 ↩와 제 블로그 댓글에도 다양한 문의들이 올라오고 있습니다. 그 중에서도 블로그 UI 중에서 기초적이라 할 수 있는 이미지 가운데 정렬법에 대한 문의가 꽤 있어 별도의 포스트로 안내해드립니다. 앞서 언급한 ..
현재 꾸준히 계속하여 HTTP 프로토콜, 요청과 응답, 클라이언트가 서버와 통신하는 구조 등을 포스팅 하고 있습니다. 2010/06/27 - [Programing/JSP & Servlet] - HTTP 응답 - MIME 타입 ( 컨텐츠 타입 ) 2010/06/27 - [Programing/JSP & Servlet] - GET 방식과 POST 방식 ! 2010/06/24 - [Programing/JSP & Servlet] - HTTP 요청과 응답의 구성요소 2010/06/24 - [Programing/JSP & Servlet] - 브라우저에서 HTTP 헤더(Header) 정보 보기. 2010/06/24 - [Programing/JSP & Servlet] - 웹 서버와 클라이언트가 하는 일? 읽기전에 손가락..
Head First HTML with CSS & XHTML - 에릭 프리먼.엘리자베스 프리먼 지음, 홍형경 옮김/한빛미디어 웹의 길은 멀고도 험하다... 기본이 되는 HTML 정복을 위해................... 기본에 기본에 기초에 기초에 ................ 를 이해하기 위해 구입했다 근데 뭐 , 사실 전반적인 HTML 내용도 나왔지만 CSS 관련 내용도 나와서 좀 당황하긴 했는데 알아둔다고 나쁠건 없으니 ^^ 의외로 구성이 괜찮았다 가격도 나름 착한 편이고 , 번역도 잘 되어 있군............. 난이도는 다른 Head First 시리즈와는 다르게 아주 초급 인것 같다.... 레퍼런스가 아니므로 원리 이해를 해야 되는데, 이건 뭐........... 원리 이해랄것 까지도 없..
HTML 에서의 특수문자 및 심볼 표현 싸이트 링크이다. 이를테면 HTML 의 '&' 라던지 따위는 태그로 인식해 버리기 때문에 내용에 추가할수가 없으므로 참조 엔티티를 써야 한다!! 예 ) HTML 의 & 표현 = & 링크 주소 : http://www.w3schools.com/tags/ref_entities.asp http://www.unicode.org/charts 개인적으론 심볼 및 특수문자만 활용한다 했을 땐 첫번째 싸이트가 더 보기 좋은것 같다.
