본문 바로가기

TIPs/Blog n Sns59

블로그와 웹페이지를 간지나게. 시각화 도구 구글챠트 블로그에 챠트를 넣어봅시다. 구글 챠트를 사용하면 행, 열, 값을 수정해서 웹사이트와 블로그에 추가 할 수 있습니다. 다만 소스 고치는 노가다가 좀 필요해요. 웹 환경은 다 그러려니 하고 써봐야죠. 챠트는 종류도 많고 이쁩니다. 그리고 무료예요.■ 시도지사 선거 결과를 파이챠트로 만들어 보았습니다. 마우스를 올리면 수치가 보여요. 아래 챠트들도 동일합니다. ■ 국회의원 선거결과 ■ 이건 버블 챠트라고 합니다. 구글 챠트 사이트에 샘플코드 있습니다. 코드 카피해서 쓰면 됩니다. 자바 스크립트로 되어 있는데 웹 프로그램 잘하는 능력자 분들은 사이트 시각적으로 간지나게 꾸미기 좋겠어요. 2018.06.16
반응형 웹사이트 자동으로 생성하기 aperitif.io는 웬만한 블로그에서 사용하는 서식이 다 있을 정도로 여러 형식으로 반응형 사이트를 자동으로 생성해줍니다. 사용법도 아주 간단해요. 그저 마우스 클릭클릭만 하면 됩니다.왼쪽 배치할 공간을 선택하고 오른쪽 템플릿을 선택하면 적용됩니다. 무한대로 선택은 안되니 골고구 선택해서 다운 받은 후 편집하면 되네요. 아무거나 적용해서 다운 받아 편집해본 sample이예요.반응형이라 기기 화면마다 형식이 달라져요. 게시물 보기, 수정 요런 서식은 따로 만들어야 합니다. 이곳에서는 지원하지 않네요. 템플릿의 css 파일 사용하면 일관성 있는 view 쉽게 만들어 질 듯 합니다. 2018.06.16
구독자 190만 명의 V로거 성장기 유투브와 V로거들의 성장이 늦게 나마 국내에도 대 유행이 되어가고 있습니다. 국내 유투브 영상을 볼 때마다 내용보다는 자극적이고 지나친 색상 편집으로 피곤해져 점점 외국 채널에 있는 시간이 많아 지는데 대단히 감동적인 채널을 발견했습니다. 블로그 10년차 사진작가의 채널인데 방송환경, 사진작업 방법, 자신이 어떻게 성장해왔는가 솔직하게 드러내는데, 유투버 지망생이나 단지 사진과 영상에 취미있는 사람에게도 좋은 자료 같습니다.Peter라는 사진작가의 유투브 방송 셋팅입니다. 책상, 컴퓨터, 카메라, 조명, 큰 저장장치가 끝이네요. 가장 중요한 것이 하나 더 보입니다. 오른쪽에 자연광이 들어오는 창문을 주 조명으로 사용하고 있습니다. 방송화면을 보면 번들거림 없이 자연스럽게 인물 조명을 구현하고 있습니다. .. 2018.05.01
카카오 서버 털렸나? 새벽에 문자가 왔습니다.다른 기기에서 카카오톡 접속되었다고..... 잉?카카오 계정은 있지만 아이디, 비번 유일한 것으로 만들었는데~~카카오톡은 사용하지도 않는다는.... ㄷㄷㄷIP 찾아보니 중국입니다. 역시 짱깨들.. 뭐 황사나라에 사무실 차린 김치일 수도 있겠지만... 암튼 내 카톡 아이디가 외부에서 사용한 적이 없으므로 다른데서 유출 될 가능성은 생각이 안나고 카톡 서버가 털렸을 것이라는 생각 밖에 안듭니다.비번은 즉시 바꿨으나 소용없겠죠. ㅋ 다시 털면 되는 것을...구글, 아마존 계정은 지금까지 한번도 다른데 도용된 적 없는데 유독 한국 인터넷은 왜 이 모양일까요. 2017.05.23
반응형 웹디자인 참고 사이트들 도음 1년 프로젝트로 공부해가며 반응형 스킨만들어 보려고 이것저것 자료 수집하다 바로 정리 못해서 다시 찾기 힘든 것들이 생깁니다. 그래서 저장용 포스트 써 놓고 업데이트하려고 합니다.1. developers.google.com/web구글 디벨로퍼 / 웹 분류의 가이드라인 : 구글은 하나의 제목에 자료를 모아 놓은 것이 아니고 필요한 분류에 놓는 경향이 있습니다. 반응형 디자인 자료는 구글 안에서도 여기저기 2. developers.google.com/webmasters구글 자료인데 웹마스터 분류에 있는 가이드 라인입니다. 모바일 사이트에 최적화 해야하는 이유, 검색엔진 최적화 방법이 있습니다.3. davidlab.net/google-design-ko/layout개발자라 소개하고 있는 사이트에 있는 반응형 U.. 2017.05.01
블로그 스킨 폰트 색 코드 쉽게 찾는 법 열심히 블로그에 글을 작성했는데 왜 내 블로그 폰트는 알아보기 힘들까요. 아무리 바꿔도 잘 보이지 않는 폰트 색. 남의 떡이 커보인다고 따라해보려고 해도 폰트 코드를 알아야 바꾸죠.폰트 색상 코드를 쉽게 찾는 방법이 있습니다. 스샷도 되는 1석 2조. 프로그램 하나 설치해줘야 합니다. '에스캡쳐'라는 프로그램 입니다. 본래 기능은 스크린 샷 캡춰하는 것인데 '색상추출' 기능이 포함되어 있습니다.프로그램 기능은 캡춰와 색상추출 크게 2가지 입니다. 캡춰는 영역, 윈도우, 창 3가지 방법이고, 저장방법은 이미지로 저장, 클립보드로 복사, 메모로 저장 3지가 있습니다. 단, 메모는 따로 전용 프로그램이 있어야 합니다.▶ 추출 방법은먼저 마음에 드는 폰트나 이미지를 찾으세요. 워드나 파워포인트에서 여러가지 색을.. 2017.04.21