[초대장+]티스토리 블로그 배포 스킨 추천 소개!! (무료 반응형 웹스킨 BEST 5)

안녕하세요. 스킨 꾸미기가 완성이 된 기념으로!!!!오늘은 티스토리 블로그 스킨 중무료로 공개된 반응형 웹스킨들을 추천해보는 시간을 가지겠습니다. 이 포스팅의 내용은 작성자의 주관적인 견해가 들어가 있습니다. ㅠ_ㅠ 절대로 참고용이지 선택은 본인이 하시길 바랍니다.항상 좋은 스킨들을 만들어 주시는 모든 웹개발자 웹디자이너 분들에게 감사의 말씀을 드립니다. 첫 번째 -CCZ-CROSS 스킨 by 흉내쟁이- CCZ-CROSS 스킨 v1.0 - http://webdir.tistory.com/492 지금 현재 제가 사용 하고 있는 스킨입니다. 개인적으로 생각 하는 장점은 가장 깔끔한 클래식한 디자인, CROSS스킨 답게 구형 익플도 지원하는 점!다양한 기능들의 트리거를 제공하는 점, 블로그 스킨 기본 구조 안내..

Life Style/Useful TIP 2016. 3. 4. 00:26

티스토리 블로그 CCZ-CROSS 스킨 꾸미기 완성 #1편

오늘은 간단하게 블로그 꾸미기 완성 관련 글을 작성해 보겠습니다. 간편한 말투!! 시작!!! 시간으로 보니 블로그 스킨을 새로 바꾸고 약 보름이라는 시간이 넘게 걸린 것 같다.이제 웬만한 블로그 스킨은 다 꾸몄고, 세세한 부분의 마감처리(?), 포인트 처리를 하고 있는 중이다. HTTP Requests도 60 이하로 줄였고,페이지 로드 속도를 매우 크게 향상 시켰다. 다만..... 지금 현재 내블로그의 서버 응답시간이 평균 3초 라는 것을 감안하면처음 접속한 방문객들도 초스피드 페이지 로드가 가능하다는 점!! 왜 HTML의 네트워크 서버 응답 시간이 3초가 걸리는지 모르겠다.2차 도메인의 사용이 원인인지.. 근데 다른 2차도메인을 사용하는 블로그를 보면 문제가 아닌 것 같고도메인 비용 몇천원 아껴보려고 ..

Tistory Blog/Html,Css 편집 2016. 3. 3. 16:40

[PBE]롤 신규 티저 영상 - LookToTheStars : he has returned (성우 추가)

안녕하세요. 어제 롤 새로운 신규 티저 영상이 he has returned 공개 되었습니다. 그리고 오늘 롤[PBE] 서버에 새로운 티저 파일이 공개 되었습니다. 그리고 새로운 보이스 오버에 ARAM Announcer 추가 되었습니다. (All Random All Middle 예전 커스텀 칼바람 모드를 ARAM이라고 불렀음) 그리고 파일명은 LookToTheStars "Oh look, another battle for survival.""Boring is dangerous, so make this interesting.""You call that an entrance? Hmph. Just wait...""Oh look.. Swords and maagggiiicc.""Aw, your little tower..

IT Review/Game 2016. 3. 2. 16:09

티스토리 블로그 SNS 공유버튼 직접 달기(공유 소스 API URL, 쉬움주의)

안녕하세요. 오늘은 아주 쉽게 티스토리 블로그 SNS 공유버튼을 아주 간단하게 만들어 보겠습니다. 제 블로그 상단 헤더 부분에 존재하는 것들이죠!예전에 하나씩 공유 버튼 다는법 포스팅을 했는데 이번엔 총정리!! 카카오톡까지!Addthis와 같은 플러그인들로 만들 수 있지만(X) 외부스크립트파일이고또 네이버나 카카오스토리는 없고!! 또 버튼 모양이나 배치를 원하는 곳에 할 수 없기 때문에!! 직접 아주 간단하게 만들어보겠습니다. 인트로-사전지식(크게 중요하지 않아요) 간단하게 사전지식이 필요로 합니다.encodeURIComponent() 이라는 자바스크립트의 인코딩 함수를 사용할 것입니다.한글 인코딩에 관련된 자세한 내용은 아래 해당 포스트를 읽어보세요http://d2.naver.com/helloworld..

Tistory Blog/Html,Css 편집 2016. 3. 2. 00:01

마우스 우클릭 방지 및 자동 출처 표시에 대한 고찰

오늘은 마우스 오른쪽 버튼 금지 및 자동 출처 표시에 대한 고찰에 대해서 글을 적어 보려고 합니다. 인트로 - 왜 불펌 방지 기능을 사용을 생각을 했는가? 저는 마우스 오른쪽 버튼 및 드래그 방지, 선택 금지등의 불펌방지 플러그인을 사용 하지 않고 있었습니다.일러스트의 이미지 파일과 소스코드 등이 많고 요즘에는 어차피 크롬으로 마우스 우클릭은 다풀려 버리니...http://cocosoft.kr/155 - 크롬 마우스 우클릭 해제 방법[[pig toolbox]그래서 굳이 사용할 필요성을 느끼지 못했는데... 최근 이미지 플러그인의 업데이트로 인해서 불펌 방지에 대해서 한 번 생각을 하게 되었습니다.최근에 티스토리 이미지 플러그인 Light TT EX가 업데이트 되면서(잠수함패치(?)) 직접적으로 마우스 오..

Tistory Blog/Html,Css 편집 2016. 3. 1. 21:05

티스토리 블로그 CCZ-CROSS스킨 상단 헤더 꾸미기

안녕하세요. 오늘은 블로그 스킨 상단 헤더 부분 꾸미기를 해보겠습니다. 하단 부분 이미지 넣기나 티스토리 블로그 꾸미기 포스팅을 보셨던 분들이라면 손쉽게 따라 올 수 있을 겁니다. 헤더부분 꾸미기를 잘하신다면 거의 꾸미기의 정점(?) 웬만한 이미지 첨부 및 박스 태그나앞으로 꾸밀 수 있는 모든 부분에서 손쉽게 해결을 할 수 있을 것입니다. 우선 이번 강좌를 따라오기만 해도 괜찮지만 미리 사전지식을 습득하고 온다면 정말 좋습니다. 생활코딩 CSS 수업중 - 박스모델 강의 입니다.https://opentutorials.org/course/45/6 (저도 그냥 이것 저것 하나씩 붙혀넣기하다보니깐 대충 구조는 알았지만 기본용어 및 정의등개념에 대해서 정리가 없어서 시간 날 때 마다 틈틈히 기초강좌부터 보고 있습..

Tistory Blog/Html,Css 편집 2016. 3. 1. 00:01

prism.js 소스코드하이라이트(문법 강조기) 사용법 및 소개

오늘은 prism.js 소스 코드 하이라이트에 대해서 살펴보겠습니다. 소스 코드 하이라이트는 말그대로 소스 코드의 문법을 강조 구분해서 사용자들에게 보기 좋게 표시를 해주는 것입니다. 이런식으로요!! ... 자 이렇게 하면 설치는 끝난 것입니다. 이제 사용법에 대해서 알아보자 ...여기에 코드... 사용법은 간단합니다. line-numbers 플러그인을 선택 했기 때문에 값을 주고사용할 코드 언어를 고르면 됩니다. language-xxxx Markup - markup CSS - css C-like - clike JavaScript - javascript 예를들어 일반 html 코드를 표시한다면 ; 이 되겠죠? 단, 부등호는 엔티티코드인 로 바꿔줘야합니다. 소스코드하이라이트도 결국 태그로 작성하는 ..

IT Review/Site,Social,Tech 2016. 2. 29. 02:36

죽음의 꽃 카직스 출시일 고화질 일러스트 인게임 영상 소개

오늘 소개할 신스킨은 죽음의 꽃 카직스 입니다. 영문명 (Death Blossom Kha'Zix) 죽음의 꽃 엘리스, 자이라와 함께 시리즈 상품입니다. 죽음의 꽃 연합은 나무정령 연합과 반대되는 스토리를 가지고 있죠. 나무정령 르블랑이 추가되더니 http://cocosoft.kr/365 - [롤]신스킨 나무정령 르블랑 죽음의 꽃 카직스 스킨도 새롭게 추가 되었습니다. 가격 : 975RP 저렴한 가격에도 불구하고 모든 외형과 스킬 이펙트 그리고 귀환 모션까지 새롭게 추가되었습니다. 근접 공격을 하는 카직스 특성상 화려한 스킬 이펙트가 내기어려워 가격이 낮게 측정된 것으로 보이지만.. (보통 귀환 모션 까지 바뀌면 1350RP정도 되는데..) 그만큼 동일 금액의 타스킨 보다 많은 이펙트들을 포함하고 있다는 ..

IT Review/Game 2016. 2. 29. 00:02

블로그 이미지 로딩 빠르게하기(페이지속도) CSS Sprite Image

안녕하세요. 오늘은 블로그 이미지 로딩을 빠르게 하는 방법 중 하나인 블로그 이미지 로딩 빠르게하기 CSS Sprite Image 에 대해서 알아보겠습니다. 예전 포스팅을 통해서 몇 가지 페이지 로딩 속도 향상을 위해서 방법을 알려드린 적이 있습니다. 첫 번째가 이미지 압축해서 사용하기 https://compressor.io/ - 무손실에 가깝게 이미지 크기를 압축 시켜 주는 사이트입니다. 두 번째 데이타 URI 스킴(Data-URI scheme)Base64 이미지 넣기 http://cocosoft.kr/364 이미지를 따로 라이브러리에 저장하지 않고 HTML이나 CSS 문서에 바로 base64코딩으로 코드로 집어 넣는 방법 (이 방법의 단점은 브라우저 캐시가 안된다는 점이겠죠?) 그리고 마지막 세 번째..

Tistory Blog/Html,Css 편집 2016. 2. 28. 00:10

구형 IE 익스플로러 브라우저 경고 문구 넣기(IE 조건부 주석)

이제는 익스플로러(이하 익플)6 또는 7과 같은 구시대적 유물과 같은 브라우저는 찾기도 정말 힘들지만 최근에 한국인터넷진흥원이 2월19일에 발표한 '2015년 국내 인터넷 이용환경 현황 조사'자료를 살펴보면 아직도 보안이 취약한 구식 구형 IE 웹브라우저를 사용하는 사용자가 60%가 넘습니다. IE7 이하는 많이 줄어들어서 그나마 다행이지만 익플8 점유율도 14년도에 비해서 매우 큰 폭으로 줄어들었습니다. 하지만 아직도 마소가 구글 크롬 따라 가보려다 말아먹은 쓰X기 IE9 와 그나마 덜 쓰X기 IE10 점유율이 40%가 넘습니다. 개인적으로 IE9은 IE8이나 심지어 IE6보다 못 한거 같은 느낌이.. 최근 각종 브라우저 및 운영체제에서 지원 중단 경고 문구와 안내를 통해서 구형 웹브라우저 사용이 점점..

IT Review/Site,Social,Tech 2016. 2. 27. 00:01