본문 바로가기

WWW

개발자에 의한, 개발자를 위한 자료 MDN developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org 크롬에 실증이 난 어느날 파이어폭스를 열었다가 우연히 연결된 사이트다. 아래와 같은 소개를 만난다. 개발자로 참여는 못하지만 홍보는 하고 싶다. 우리나라 개발자도 여럿이 참여하고 있는 모양이다. 우리말로도 꽤 많이 번역되었다. Mozilla Developer Network(MDN)는 오픈 웹, Mozilla 기술, Firefox OS를 비롯한 개발을 주제로 한 문서를 보관하.. 더보기
아이콘과 파비콘 만들기 아이콘(Icon): 이미지(image)를 뜻하는 그리스말에서 왔다. 동방 정교회에서 종교적인 그림을 일컫는 말이었다. 파비콘(favicon): 좋아하는(favorite) 아이콘(icon)을 줄인 말이다. 인터넷 브라우저 탭에서 블로그 이름 앞에 나타나는 그림을 일컫는다. (# 옛날엔 브라우저 주소창 주소 앞에 나타났었다.) 티스토리 블로그는 블로그 이미지, 아이콘 그리고 파비콘을 넣을 수 있다. 아이콘은 여러 가지 파일 형식(JPG, GIF, PNG)을 지원하므로 아이콘으로 쓰고 싶은 그림 파일을 적당한 크기 32x32, 64x64로 편집해서 올리면 된다. 그런데 파비콘(favicon)은 ICO 형식으로 만든 파일만 올릴 수 있다. 파비콘을 어떻게 만들까? 고민하지 말고 아래 링크한 사이트에서 만들면 된.. 더보기
브라우저 전쟁 1996년부터 컴퓨터를 쓰기 시작했으며 1997년 피씨 통신 시대까지 거쳤으니 나름 인터넷의 역사를 알만큼 안다. 브라우저가 없는 인터넷은 생각하기 어려우니 인터넷은 브라우저의 역사와 함께 한다. 위키백과에 있는 브라우저 전쟁을 우리말로 옮겨 본다. 우리말로 옮기기 어려운 용어가 워낙 많아서 영어를 그대로 쓰기도 했지만 대부분 우리말로 바꿔 보려고 힘썼다. 줄이거나 우리말로 옮긴 말 1. world side web: 웹. 2. Internet Explorer: 익스플로러. 3. Netscape Navigator: 내비게이터. 4. Firefox: 불여우 5. Hypertext: 초문서 6. version: 판 브라우저 전쟁은 브라우저 점유율을 둘러싼 경쟁을 말한다. 1990년 대 후반은 마이크로소프트의 .. 더보기
아이콘 쉽게 만들기_Fontawesome 블로그 살결을 다듬을 때 아이콘이 필요하다. 개인적으로 이미지가 없는 가벼운 살결을 좋아하지만 모두를 텍스트로 만들면 아무래도 볼품이 조금 아쉽다. 내 블로그 살결에 있는 몇몇 아이콘은 손으로 그려서 스캔한 것이다. 아무래도 정교함이 떨어진다. 이런 저런 검색으로 아이콘을 아주 쉽게 만들 수 있는 방법을 찾았기에 소개한다. http://fontawesome.io/icons/ 연결고리를 따라 들어가면 아래와 같은 아이콘을 만난다. Fontawesome에서는 오로지 CSS만으로 위에 있는 벡터 아이콘을 만들고 크기와 빛깔을 바꿀 수 있다. 그림자까지 넣을 수 있다. 보고 있는 블로그 사이드바에 있는 목록 앞에 달린 그림이 이렇게 만든 것이다. 쓰는 방법도 아주 간단하다. 먼저 이 사이트에 이메일로 인증을 받.. 더보기

티스토리툴바