μ΄ λ¬Έμλ Spstrap λΌμ΄λΈλ¬λ¦¬ μ¬μ© λ°©λ²μ λν μ€λͺ
μ μ
λλ€.
κ°μΈμ μΌλ‘ μ 리ν΄μ μ¬μ©νλ μ½λλ₯Ό 곡κ°νκΈ° λλ¬Έμ λ§μ‘±μ€λ½μ§ μμ μ μμ΅λλ€.
SPSTRAP λΌμ΄λΈλ¬λ¦¬ λ°λͺ¨ , λͺ¨μΊλ²μ€ , νλ€μ¨
κΈ°λ³Έμ μΌλ‘ μ΄ λΌμ΄λΈλ¬λ¦¬λ λΉ λ₯Έ λ§ν¬μ μ μν΄ μ μλμμ΅λλ€.
μ§κ·Ήν κ°μΈμ μΌλ‘ μ¬μ©νκΈ° μν΄ μ μλμκΈ° λλ¬Έμ νΈλΆνΈκ° ν¬κ² κ°λ¦΄ μ μμ΅λλ€.
νΉμ¬λΌλ λμμ΄ λμ€ μμμ λΆλ€μ μν΄μ μ½λλ₯Ό μ 리ν΄μ λ±λ‘νμ΅λλ€.
ν΄λ κ΅¬μ‘°κ° /_sp/ μ μλ¬΄λ° νμΌμ΄ μμ΄ spstrap ν΄λκ° μλ μ΄μ λ
μ΄νμ /_sp/*****/ μ΄λ° ννλ‘ μλΉμ€ μμ²΄κ° μΆκ°λ¨μ μΌλν ꡬ쑰μ λλ€.
- ν¨ν€μ§μ ν¬ν¨λ μΈλΆ λΌμ΄λΈλ¬λ¦¬λ μ΄ 4κ° μ λλ€.
- Code highlight : Highlight.js 10.5.0 ( λ©λ΄μΌμμλ§ μ¬μ©λ©λλ€ )
- Browser check : https://github.com/lancedikson/bowser
- Scrollbars : https://github.com/KingSora/OverlayScrollbars
- Slider : https://swiperjs.com
CSS
- Animation
- Social Icon
- Dropdown
- Svg Icon
- Button
- Box Layout
- Video
- Title Package
- Decoration
- Table Package
- Form
- Tooltip
JS
- Cookies
- Accodian
- Scroll Event
- Scrollbar
- Popup Event
- Tab Layout
- Toggle Event
- Modal
- Ajax Package
- Slider
- Goto
- Trigger Event
ν΄λ μ 체λ₯Ό λ€μ΄λ°μμ μλμ κ°μ΄ 3μ€μ μ½λλ₯Ό μ
λ ₯νμΈμ.
ie.js λ ieλ₯Ό μ§μνμ§ μμμ μλ΄νλ μ½λμ΄λ©°, μ΄λ―Έμ§κ° ν¬ν¨λμ΄ μμ΅λλ€.
<!-- Spstrap : library -->
<script defer type="text/javascript" src="[your root]/_sp/spstrap/module/ie.js"></script>
<script defer type="module" src="[your root]/_sp/spstrap/spstrap.js"></script>
<link rel="stylesheet" href="[your root]/_sp/spstrap/css/spstrap.css"><a href="#!" class="sp--btn" theme="fill-primary-round">
<span>
λ²νΌ
<i class="sp--icon" ico="bracket"></i>
</span>
</a>Edge 15 +,
Firefox 54 +,
Chrome 51 +,
Safari 10 +,
Opera 38 +,
Safari on iOS 10 +,
Android Browser 10 +,
Opera Mobile 62 +,
Chrome for Android 90 +,
Firefox for Android 87 +,
UC Browser for Android 12.12 +,
Samsung Internet 5 +
es6 κΈ°μ€μΌλ‘ μμ±λμμ΅λλ€.