웹사이트에서 시각적인 이미지가 중요해지고있습니다. 이런 흐름과 함께 웹사이트상 수치를 시각적으로 보여주는 그래프들이 다양하게 등장하고있습니다. HTML5와 Css3만으로는 동적인 그래프를 만들기 어렵기 때문에 jQuery를 이용한 다양한 그래프 라이브러리가 배포되고있습니다. 그 중 몇가지 유용한 그래프 js파일들을 소개시켜드리겠습니다. 1. 프로그래스bar 현재 진행상황을 보여줄 수 있는 […]
안녕하세요. 에이블정보기술 공식 블로그 지기입니다. 6월 메르스의 여파로 잠시 복지만두레를 참여하지 못했다가 7월 시원한 여름비가 내리는 장마시즌에 다시 한번 복지만두레를 찾았습니다. 이번달 에이블정보기술에 복지만두레를 참여한 직원들은 김성록소장님, 남선영과장님, 박은현과장님, 김인경사원님입니다. 오랜만에 뵙는 복지만두레가족분들 너무 반갑습니다. 첫 복지만두레에 […]
Jquery를 이용한 다양한 플러그인들이 이미 개발이 되어있습니다. 원하는 효과를 원한다면 플로그인을 찾아서 연결만 하면 원하는 효과를 나타낼 수 있습니다. 오늘은 table넓이를 조절하기 위해 배포된 플로그인을 사용해보겠습니다. table넓이 조절을 위해 배포된 colResizable.js입니다. (다운로드 및 공식 홈페이지: http://www.bacubacu.com/colresizable/ ) 홈페이지에 들어가면 demo파일을 다운 […]
부트스트랩은 css조절 뿐 아니라 동적인 효과를 줄 수 있습니다. 자바스크립트를 통해서 여러가지 효과를 주는 방법을 이제 알아보도록하겠습니다. 역시나 따로 자바스크립트를 적어줄 필요없이 간단하게 클래스명을 걸어주는 방식으로 동작하게 만들 수 있습니다. (밑에 예시들은 모두 부트스트랩과 제이쿼리가 연결된 html문서에서 작동합니다.) 1.bootstrap으로 […]
부트스트랩은 쉬고, 간단하게 웹 개발을 위해서 제작된 워크프레임입니다. 최신 웹트랜드인 반응형웹을 제작하기 적합하고, 다양한 기능들을 쉽게 사용할 수 있다는 장점있습니다. 그럼 지금부터 bootstrap을 사용해 보도록하겠습니다. 1.bootstrap 연결하기 (부트스트랩 공식홈페이지 주소:http://bootstrapk.com) 부트스트랩 공식홈페이지 접속하면 부트스트랩을 다운받을 수 있습니다. 부트스트랩은 jQueryUI와 마찬가지로 […]
jQueryUI는 jQuery공식홈페이지에서 무료로 배포한 라이브러리입니다. (jQuery UI 공식홈페이지:https://jqueryui.com/) 다양한 인터페이스와 위젯, 효과를 사용할 수 있게 배포한 jQueryUI를 이용하면 웹에서 좀 더 다양한 효과를 나타낼 수 있습니다. 그럼 지금 부터 jQueryUI를 사용해보도록하겠습니다. 1. JqueryUI연결하기 jQueryUI는 jQuery를 기본으로 사용하기 때문에 jQuery를 연결해준 […]
안녕하세요. 에이블 정보기술 공식 블로그 지기입니다. 오늘도 점심 메뉴를 고민하시고 계실 에이블 정보기술 가족분들을 위해 맛집 소개해드리겠습니다. 오늘의 주인공은 따뜻한 고기 패티에 싱싱한 양상추와 바삭한 감자튀김이 함께 나오는 하우스 그릴에 수제버거입니다. 일찍 도착해서 한적한 가게 안 모습입니다. 4명-6명 정도 오시면 […]