본문 바로가기

html54

SVG Stroking * 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.* 필자의 기준이 절대적인 진리는 아닙니다.SVG Stroke Properties SVG는 다양한 범위의 선긋기 속성을 제공한다. strokestroke-widthstroke-linecapstroke-dasharray모든 선긋기 속성은 어떤 종류의 선이든 텍스트 그리고 원같은 요소의 테두리에 적용이 가능하다. SVG stroke Propertystroke 속성은 색상을 결정한다. Sorry, your browser does not support inline SVG. SVG 코드 SVG stroke-width Propertystroke-width 속성은 선의 두께를 결정한다. Sorry, your browser does not s.. 2015. 6. 8.
CSS 초기화 도구 5가지 브라우저의 종류는 여러가지가 있다.IE , Chrome , FF , Opera , Safari 등 많은 브라우저가 있는데브라우저마다 CSS속성의 기본값이 전부 제각각이다.때문에 크로스 브라우징 할 때 퍼블리셔들은 CSS의 늪에 빠지기 쉽다.그리하여 전부 똑같은 CSS 초기값을 주기 위해 css reset 초기화 라이브러리가 생겨났다.사용법은 css소스코드를 자신의 프로젝트의 main.css 의 최상단에 넣거나 css를 불러올때 맨 처음 불러오면 된다. 1. Eric Meyer's 의 "Reset CSS" 2.0출처 : http://meyerweb.com/eric/tools/css/reset/ 2. HTML5 Doctor CSS Reset출처 : http://html5doctor.com/html-5-res.. 2015. 6. 8.
웹기반 편집기 개발을 위한 SVG 정리 현재 캔버스로 개발되어있는 편집기가 하나하나의 객체가 많아지다보니 렌더링 시간이 꽤나 오래 걸리기 시작했다.또한 캔버스 기반 편집기는 렌더링시마다 서버와 통신을 해서 바뀐 정보를 하나하나 보낸 뒤 다시 받는 형식으로 개발되어있다.SVG로 변경하게 되면 서버와의 통신을 줄일 수 있고, 좀더 클라이언트 기반으로 편집기 엔진이 변경될 것 같아 SVG 스터디를 시작하려 한다. SVG 의 위키백과부터 살펴보았다. SVG(Scalable Vetor Graphics) 는 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의.. 2015. 6. 8.
[BootStrap] 1탄. 부트스트랩3 튜토리얼 설치 CDN 활용 부트스트랩은 트위터에서 만든 오픈소스 웹 디자인 프레임워크이며 무료로 다운로드를 받을 수 있고 무료로 사용이 가능해요.부트스트랩?부트스트랩은 웹 개발에 빠르고 편리한 무료 프론트엔드 프레임워크에요부트스트랩은 HTML 과 CSS 를 기반으로 디자인한 템플릿과 타이포그래피, 양식, 버튼, 표, 네비게이션, 모달, 이미지 carousels 그리고 다른 훌륭한 자바스크립트 플러그인들을 옵션으로 갖추고 있어요.부트스트랩은 여러분에게 쉽고 강력한 반응형 웹 디자인을 제공할 거에요. 부트스트랩 역사부트스트랩은 Mark Otto 와 Jacob Thornton 이 트위터에서 개발했어요. 그리고 2011년 8월 깃헙에 오픈소스 제품으로 공개했죠. 왜 부트스트랩을 쓰나요? 부트스트랩을 썼을 때 얻는 (개)이득 :사용하기 쉬.. 2015. 5. 13.