FINE v11(facelift)

FRAMEWORK

all new FINE SE는 Foundation 6.3.x버전을 기본 적용하여 NDSOFT에 맞도록 재설계하였습니다.
자세한 내용은 아래 링크를 참조하여 주시기 바랍니다.

파운데이션 기본가이드

The most advanced responsive front-end framework in the world.

사이트 바로가기

레이아웃 기본 클래스

이전버전에서 문제시 되던 통일감을 위해 자주 활용하는 id / class를 정리했습니다.

문서보기

버튼

Foundation 기본 버튼에 3가지색상 (white, pink, gray)를 추가 및 색상 재설정하였습니다.

문서보기

체크박스/라디오

Checkbox와 Radio버튼에 디자인을 가미하여 새롭게 설계하였습니다.

문서보기

스위치

Checkbox를 이용하여 선택을 디자인UI로 재해석했습니다. foundation의 기존 설계를 새롭게 변경했습니다.

문서보기

레이블

Foundation 기본 Label에 3가지색상 (info, dark, pink)과 Size를 추가 재설정하였습니다.

문서보기

패널

Foundation 기본 callout과 같이 사용할 수 있는 박스인 panel를 추가 구성하였습니다.

문서보기

알림

주로사용하는 alert을 새롭게 디자인하여 총 3가지 형태를 제공합니다.

문서보기

DEVELOPMENT

FINE SE의 개발부분

메뉴바

메뉴바구성의 기본 class명과 이름작명등을 재정리했습니다.

문서보기

메인구성

단스킨명이 제대로 구분되지 않았던 문제점을 재정비하여 문서로 정리하였습니다.

문서보기

자동박스

자동박스 스킨 예약어 / 설계방법등의 구성방법을 소개합니다.

문서보기

Color Picker

다양한 색상값을 복사하여 사용할 수 있도록 목록으로 정리했습니다.

문서보기

웹 접근성

장애에 구애없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 인터넷공간 만들기

문서보기

AOS

AOS(Animate On Scroll) 플러그인을 적용하기 위한 메뉴얼을 제공합니다.

문서보기

본고딕 UI/UX

font-family설정을 본고딕으로 지정시 기본 설계를 안내합니다.

문서보기

SEO

구글 검색 최적화를 위한 설정입니다.

문서보기

폰트설정

기본 폰트설정 가이드 안내입니다.

문서보기

PLUGINS

Foundation 기본 스크립트 외에 BX slider, Validate, Codemirror등의 API가 탑재되어 있습니다.

Fontello

기존 아이콘 폰트를 하나로 통합

문서보기

Slick

Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3...

문서보기

Tabs

Faundation 기본탭과 자유롭게 설계할 수 있는 Custom 탭으로 구성하였습니다.

문서보기

Sticky

기존 onscroll를 대체하는 Faundation 기본플러그인

문서보기

전국지도

각 지역별 지도를 편하게 구성할 수 있도록 설계하였습니다.

문서보기

Swiper

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions...

문서보기

Validate

This jQuery plugin makes simple clientside form validation easy, whilst still offering...

사이트 바로가기

Codemirror

CodeMirror is a versatile text editor implemented in JavaScript for the browser.

사이트 바로가기

Custom Scroll

Highly customizable custom scrollbar jQuery plugin.

문서보기