본문 바로가기

DEV/Web

(33)
[Dev] mmt-donut-chart.js 개발일지 MMT-DONUT-CHART.JS 12/02 수- default chart option 추가 시 생긴 버그 수정if(parameters.defaultChart==null && percent==0){percent = 0.001;} 12/01 화- default chart option 추가- 0% 버그 수정 11/27 금- 버그 수정 ( '' → {} ) if(parameters==undefined){ parameters = {}; } 11/20 금 - 0% 에서 백그라운드 차트 안그려지는 현상 수정 - synchronize between 'drawing chart' and 'counting number' 11/16 월 - fill with gradient - 참고 http://stackoverflow.co..
[Dev] 프론트엔드 개발에서 사용할 수 있는 자동화 도구 Front-end Development Process - 어디까지 개선할 수 있나 from JeongHun Byeon 2014년 발표자료 / 출처: http://www.bloter.net/archives/214274comment; 2020년말에 바라보는는 이 과거자료 참 재밌다. 의존성 관리를 위한 도구 보어 http://bower.io/브라우저리파이 http://browserify.org/ 웹서버 실행 그런트JS http://gruntjs.com걸프JS http://gulpjs.com/ 코드 품질 관리 JS힌트 http://www.jshint.com플로우 http://flowtype.org/리세스 http://twitter.github.io/recess/ES린트 http://eslint.org/HTML..
[디자인] 인스타그램 웹사이트 리뉴얼 / 인스타그램 웹으로 퍼가는 방법 예전은 이런 모습이었다면 지금은 이렇게 변경![출처] 아이유 인스타그램 사진 클릭 시 로그인 피드 PC보다는 모바일 앱으로 주로 사용하기 때문에 자주 볼 일은 없겠지만 무시할 수는 없다. 반응형웹이며 모바일 사이즈로는 아래와 같이 보인다. #인스타그램 퍼가기 EMBED 태그 복사 해서 HTML 에디터에 붙여넣기 하면 끝! < 퍼온 모습 > 오늘은 #인나찡 탄신일🎁 #유치자#자나깨나#치자사랑#유디#울언니#치자꽃#그렇다고치자 이지금(@dlwlrma)님이 게시한 사진님, 2015 6월 4 오후 11:10 PDT
[웹접근성] 사용성 측면에서의 한국형 웹 콘텐츠 접근성 지침(KWCAG) [2014널리세미나] 사용자 측면에서의 한국형 웹 콘텐츠 지침 from Nts Nuli ▶ KWCAG 2.1 주요 개정 내용 ---------------------------------------------------------------------------------------------------- 1. IR(Image Replacement) 기법 사용시 display:none;, visibility:hidden; 사용금지 • W3C 표준에 맞게 스크린리더에서 display : none ; , visibility : hidden ; 은 인식하지 않도록 개선 됨 • 방법1 : text-indent, position 등에 음수를 사용하거나 Box 요소 크기를 작게 하고 overflow : hidden ..
[웹접근성] 한국형 웹 콘텐츠 접근성 지침 2.1 문서내용 : 한국형 웹 콘텐츠 접근성 지침(Korean Web Content Accessibility Guidelines) 2.1 최신버전 : 2.1개정일자 : 2013.12.18[출처] 한국정보통신기술협회 자료마당
[HTML5] 알기 쉬운 콘텐츠 요소 판별법
[웹브라우저] 레이아웃 엔진 / 렌더링 엔진 레이아웃 엔진(layout engine) 또는 렌더링 엔진(rendering engine)은 웹 콘텐츠(HTML, XML, 그림 파일 등)와 포맷 정보(CSS, XML 등)를 가져 와서 화면에 해당 콘텐츠를 정리하여 보여 주는 소프트웨어를 말한다. 이 프로그램은 모니터나 프린터에 표시할 창의 콘텐츠 영역을 그린다. 레이아웃 엔진은 웹 브라우저, 이메일 클라이언트와 같은 웹 콘텐츠를 보여 주거나 편집하는 데 쓰이는 응용 프로그램에 사용된다. 이름 설명 게코(Gecko) 모질라 재단에서 만든 레이아웃 엔진으로 파이어폭스, 모질라 선더버드, 시몽키 등이 이를 탑재하고 있다. 트라이던트(Trident) 마이크로소프트의 레이아웃 엔진으로 인터넷 익스플로러, 아웃룩 익스프레스, 마이크로소프트 아웃룩, 그리고 윈앰프..
[N-MET] CSS Sprites Generator CSS Sprites가 참 좋긴한데 디자이너가 따로 없는 이 상황에서 이미지 파일을 만들고 px값을 구하는 일련의 작업들이 꽤나 손이 가는게 현실이다. 그런게 이 모든걸 한방에 해결해 줄 프로그램이 있었다. 이미지들만 넣어주면 자동으로 생성되고 코드도 볼 수 있다. 진짜 최고다. 자세한 설명은 http://bezzera.tistory.com/289 이 곳을 참고 < N-MET 소개 > http://nuli.navercorp.com/sharing/fe/nmet N-MET은 마크업 개발 업무 중 비효율적이고 반복적인 부분을 툴로서 빠르게 처리할 수 있도록 하기 위해 만들어진 도구로서 마크업 개발자의 업무 효율을 높이고 유지보수 비용을 절감하는 데 도움을 줍니다. N-MET은 CSS Formatter, HTM..

반응형