Menu toggle button with flat menu. Uses CSS transitions and Vanilla JS.
A Pen by Geoffrey Crofte on CodePen.
UI Developer Project Management JeongInyoung
ricardozea
/ ie67891011-css-hacks.txt
Last active
February 2, 2023 15:17
IE CSS hacks - IE6, 7, 8, 9, 10, 11
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| IE6 Only | |
| ================== | |
| _selector {...} | |
| IE6 & IE7 | |
| ================== | |
| *html or { _property: } | |
| IE7 Only | |
| ================== |
elisechant
/ _config.scss
Last active
October 9, 2017 15:38
IE handling with SASS, Susy and HTML Conditionals. See https://github.com/bensmithett/style, http://jakearchibald.github.io/sass-ie/
Use a global SASS variable to state IE as Boolean. Serve different stylesheets.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $ie8: false !default; | |
| $ie9: false !default; | |
| $lt-ie9: $ie7 or $ie8; | |
| // Compass cross-browser support configuration | |
| // http://compass-style.org/reference/compass/support/ | |
| $legacy-support-for-ie6: false; | |
| $legacy-support-for-ie7: $ie7; | |
| $legacy-support-for-ie8: $ie8; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Compass 플러그인 추가 | |
| # CSS 파일 기본 인코딩(Default Encoding) 설정 | |
| # Windows에서 한글, 일어, 중국어 등 SCSS 파일을 CSS로 컴파일 시 문자 인코딩 에러가 생길 경우 | |
| # 아래 코드를 설정하여 기본 인코딩을 UTF-8로 설정하면 문제가 해결됨. | |
| Encoding.default_external = "utf-8" | |
| # 프로젝트 내 폴더 경로 지정 | |
| http_path = "/" | |
| css_dir = "css" |
dstyle0210
/ gist:b105b613be36c04b252b
Last active
August 29, 2015 14:04
— forked from ace4gi/gist:a11a55b4ae52fbd309dc
모바일 즐겨찾기 아이콘 적용 : shortcut icon
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| icon 만들기 : http://iconverticons.com/online/ | |
| 아이폰 : apple-touch-icon | |
| 안드로이드 : shortcut icon | |
| --> | |
| <link rel="shortcut icon" href="${cp}/images/common/app_icon1.icon" /><!-- size:48x48 --> | |
| <link rel="apple-touch-icon" href="${cp}/images/common/app_icon2.png" /><!-- size:114x114 --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $icons: "facebook", "twitter", "instagram"; | |
| $size: 1.2em; | |
| @each $icon in $icons { | |
| .ico{ | |
| display: block; | |
| &:before{ | |
| content: ''; | |
| display: block; | |
| width: $size; |
anonymous
/ Menu-Toggle-button-with-flat-menu.markdown
Created
September 24, 2014 01:13
A Pen by Geoffrey Crofte.
davidthingsaker
/ responsive mixin
Created
September 24, 2014 16:13
SCSS / Sass mixin for responsive sites
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $small-desktop: 960px; | |
| $large-desktop: 1200px; | |
| $handheld: 768px; | |
| $handhelds-landscape: 1024px; | |
| $mobile: 640px; | |
| $mobile-landscape: 480px; | |
| @mixin respond-to($media) { | |
| @if $media == largeDesktop { | |
| @media only screen and (min-width: $large-desktop) { @content } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ko-KR"> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="UTF-8"> | |
| <title>Float Design</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> | |
| <style> | |
| .fl { float: left; } | |
| .fr { float: right; } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ko-KR"> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="UTF-8"> | |
| <title>XP, IE10 미만 브라우저 접근 금지</title> | |
| <script> | |
| (function(){ | |
| var OSV = navigator.appVersion, | |
| OSName="Unknown OS"; |
영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^
아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.
OlderNewer