본문 바로가기

웹관련자료

(72)
카카오스토리 로고심볼마크 - ai파일 다운로드 가능 오늘 쓸 웹관련 디자인글은 카카오톡의 카카오스토리 로고에 관한 글이다. 카카오스토리의 따옴표형태 로고심볼마크를 찾는 사람이 많을 것 같아 글을 써본다.일러스트파일 ai확장자로 다운받을 수 있게 파일도 올려둔다.이런거 은근 찾으려면 시간잡아먹는 요소임.....-_- 형태는 아래에 있는 이미지를 참고하자.노란색, 그라데이션, 검은색 등등 다양한 형태다.
[폰트]Bitstream Vera Sans Mono - 퍼블리싱이나 코딩하기 좋은 글씨체 오늘 쓸 웹관련자료(html/css) 글은 코딩하기 좋은 폰트이야기다. 디자인적으로 봤을 때 아름답고 이쁜 폰트는 아니지만글자가 차지하는 폭이 들쭉날쭉한 영문의 특성을 무시, 간격을 일정하게 맞춘 폰트다.한 글자당 2byte를 차지한다고 해야하나?ㅋㅋ비트스트림이라는 회사에서 개발한 Vera Sans Mono 폰트라는데나도 최근에서야 첨 써보았다. 그러므로 코드를 주로 다루는 개발자나 퍼블리셔들에게 유용한 글씨체가 되겠다. 아래 있는 샘플이미지를 보더라도 알수 있듯이영문대문자 오 "O"영문소문자 오"o"숫자 영 "0" 등이 전부 다르게 표기되고 영문대문자 아이"I"영문소문자 아이 "i"도 마찬가지로 구분할 수 있게 각각 다르게 표기된다. 코드를 다루는 사람이라면 다들 한번 쯤 겪어봤을.....문제;;실제로..
에디트플러스/알ftp 접속계정정보 백업하기(XP와 윈도우7) 오늘 쓸 html/css 관련글은 내가 자주쓰는 툴인 에디트플러스와 알FTP의 접속정보를 백업하는 방법에 관한 글이다. PC를 포맷하거나 새로이 세팅해야할 일이 있을때 하나하나 계정정보를 등록하는건 너무나 귀찮고 힘든 일이므로 손쉽게 백업파일로 남겨두었다가 필요할 때 덮어쓰기만 하면 된다. 설명은 XP와 윈도우로 나눠서 하겠다! 1. 에디트플러스 3 접속정보 백업 OS : XP의 경우 C:\Documents and Settings\컴이름\Application Data\EditPlus 3 OS : 윈도우 7의 경우 C:\Users(또는 사용자)\컴이름\AppData\Roaming\EditPlus 3 EditPlus 3 폴더의 *.ini 파일을 전부 복사해서 보관. 2. 알 FTP 접속정보 백업 OS : X..
서울우유/협동조합/SEOUL DALRY COOPERRATIVE/SEOULMILK/SEOUL DALRY CO-OP 로고 오늘 쓸 디자인글은 서울우유의 로고파일에 관한 글이다. 서울우유/서울우유협동조합/SEOUL DALRY COOPERRATIVE/SEOULMILK/SEOUL DALRY CO-OP 로고들 모아둔 ai (일러스트)파일도 같이 올린다. 서울우유의 로고형태가 이렇게 다양한지 처음 알았음...ㅋㅋ 소스를 찾아 헤매이는 분들을 위해 올려둔다. 파일은 글 제일 아래에서 다운받으면 된다.
플래시(FLASH)에 div띄우기 - z-index정도만 주의하면 문제없음. 샘플파일 첨부 오늘 쓸 html/css글은 플래시위에 코드를 올리는, 즉 div를 비롯한 객체나 인라인요소들을 띄우는 방법이다. 자주 있는 일은 아니지만 간혹, 플래위에 버튼든 이미지든 무언가를 올려야 할때가 발생하기도 한다. 그때 내가 해결했던 방법이다. 일단 html 소스를 적어보겠다. 주석구분을 해두었으니 보기 어렵진 않을 듯... 샘플 : 포지션앱솔루트 position:absolute 를 써주면 어지간한건 다 띄워진다. div위에 div를 올리는건 물론, 테이블위에 테이블, 스팬위에 스팬 띄우기도 다 된다. 단 너무 자주 남발하면 좋지는 않다. 완벽히 틀어짐 없이 짜여진 틀안에서 요소를 위해 absolute를 쓰는건 경험 상 큰 무리가 없었다. 사용할 때 z-index의 노출순위(?)조정만 잘해주면 OK. 첨부..
파피콘 만들기 - 인터넷창 탭에들어있는 아이콘이미지(favicon) 오늘 쓸 html/css 글은 파피콘 만들기이다. 파피콘(favicon)이란, 브라우저 탭에 보여지는 작은 이미지를 말한다.브라우저아이콘이라고 하고~파비콘이라고도 하고~ 바로 이런것!만드는 방법은 생각보다 간단하다! 파피콘으로 쓸 16px * 16px 사이즈의 이미지를 준비한 뒤에~http://favicon-generator.org/요 사이트엘 들어가 이미지 변환을 한다.그럼 확장자가 ico인 파일이 만들어지는데요 파일을 적용할 웹FTP에 업로드 한 뒤에 head부분에 링크태그를 넣어주면 끝! 링크태그는 아래와 같다. 둘 중 입맞에 맞는 링크태그로 골라쓰면 되겠다!
키보드 ESC가 안먹어요 - 포토샵사용시 해결가능성 200%/키보드테스터포함 키보드 ESC키가 언제부턴가 먹통이 되었다. 사실 esc하나 때문에 작업이 불가능 한건 아니지만...이게 은근 불편하게 만들더군. 캡쳐하나를 하더라도 esc가 안눌려 클릭해야만 컨트롤이 되고... 작업중에 이런저런 창을 띄워도 esc가 안눌려 클릭질해야만 창을 닫을 수 있고...등등 알게 모르게 스트레스가 쌓이던 와중에 해결방법을 찾아냈다! 나 역시도 'ESC가 안먹어요' 라고 검색해보니 윈도우7에 포토샵 CS2/CS3을 사용하면 발생할 수 있는 현상이라고 하더라. 뭐 이런 황당한 버그가 있는건지....-_- 어쨌든, 본인의 키보드에 하드웨어적 문제가 있는지 파악할수 있도록 키보드테스터와 esc먹통현상을 해결 해 줄 파일을 함께 첨부한다. ▲키보드 테스터의 모양새. 설치없이 실행하면 되는거라 간편하긴한데..
울트라에디트(Ultraedit) 창 여러개 띄우는 방법 에디트플러스의 경우 기본세팅 자체가 다중인스턴스가 가능했기 때문에 모니터마다 개별적으로 창을 띄워 사용할 수 있었으나 울트라 에디트는 추가적으로 설정을 해줘야만 한다. 방법은 어렵지 않다. 아래 적힌 설정을 그대로 따라한 뒤 울트라에디트를 재실행 하면 된다. 난 센스있게 국문버전과 영문버전을 둘다 적어보겠다...ㅋㅋㅋㅋㅋ 그럼 이후부터 다중인스턴스(창 여러개 띄우기)가 가능해지니 참고하길!!!! 한글버전은 고급 > 설정 > 어플리케이션 배치 > 기타사항 > 다중인스턴스 허용 체크박스 클릭. 영문버전은 Advanced > configuration > Application Layout > Miscellaneous > Allow multipleinstances 체크박스 클릭 위 설정을 마치면 모니터마다 울트라..

반응형