파인SE v11 - 메뉴얼

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가지 형태를 제공합니다.

문서보기

AOS

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

문서보기

DEVELOPMENT

FINE SE의 개발부분

메뉴바

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

문서보기

메인구성

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

문서보기

자동박스

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

문서보기

Color Picker

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

문서보기

웹 접근성

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

문서보기

FONT ICONS

Font Awesome 4.7버전을 기본 적용하고 부가적인 아이콘 폰트인 Stroke 7폰트를 제공합니다.

Font Awesome

Font Awesome gives you scalable vector icons that can instantly be customized.

사이트 바로가기

ND Fonts

많이 사용되는 주요 소셜, 기능아이콘만 모아 설정했습니다. 국내소셜은 ND Fonts로 이용하세요.

문서보기

Stroke 7

Those retina ready icons have a very modern style that will beautifully complement any project.

문서보기

PLUGINS

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

전국지도

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

문서보기

Slick

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

문서보기

Swiper

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

문서보기

BX slider

The Responsive jQuery Content Slider - Fully responsive : will adapt to any device.

문서보기

Tabs

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

문서보기

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.

사이트 바로가기