•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
KGC Sports site renewal
KGC Season Update
Korea Web Design
K2 flash ebook solution
K2 shop Flash Update
Gillette Pop-up Store
MOBIS Carfe E-Catalog
werty wordpress blog build
d&c site renewal
아빠 손은 노아의 방주인가요?
내려오려고 하는 올망이
음…아빠! 아빠가 빠뜨린게 있어~!
오잉? 이건 뭐지?
이불 덮고있는 졸망이
아빠 날개가 되어줘! 난 날을꺼야~
바구니 안에 들어가있는 졸망이
이건 훌라후프인건가요..
행운아 안약 넣자~
 

Posts Tagged "css"

Webpack + React 그리고 SCSS 컴파일해서 CSS 넣기

모듈 설치 cmd를 실행해서 프로젝트 디렉토리로 이동하여 npm으로 모듈들을 설치하자. 이제 아래 두가지 방식 중 선택하여 작업한다. 1. .css 파일을 뽑아내지 않고 React에 담는 방식 2. .css 파일을 따로 만들어서 직접 html 안에 담는 방식 (<link rel="stylesheet" ... > 태그로 흔히 우리가 기본적으로 사용하는 ...

... 2017/05/18

jQuery – css로 display none와 block에 상태에 따른 처리

css를 이용해서 인터렉션을 구성해 놓은 경우가 있다. 특히나 display : block 과 none를 이용해서 요소를 보이거나 사라지게 하는 상황이 많은데 스크립트로 함수를 만드는 중에 이에 따른 행동이 필요할 때가 있다.  .popup 엘리먼트가 가시적으로 보이는지 아닌지에 따른 조건문이다.

... 2015/01/26

css – 모바일웹 화면 회전시 텍스트 크기가 변경될 때

반응형 웹사이트를 제작하다보면 미디어쿼리를 이용해서 모바일 화면의 폰트 크기를 지정하는 경우가 있다. 그런데 세로로 보는 상태에서 화면을 회전시켜 가로 모드 (Landscape)가 되면 텍스트들이 자동으로 커지는 현상을 발견할 것이다. 픽셀로 정의한 폰트가 아닌 가변적인 치수로 지정할 경우 그러한데 이는 스마트폰의 브라우져가 컨텐츠 정보를 ...

... 2015/01/13

CSS3 – 미디어쿼리 사이즈별로 임포트 방법

 예제는 768px 이상일 경우 나눔글꼴 css 로딩 되도록 코딩함

... 2014/10/24

css – 텍스트에 그림자와 그라데이션 함께 넣는 코딩

코드 미리 보기 : http://jsfiddle.net/2GgqR/2/ 텍스트에 그림자 효과와 그라데이션 효과를 함께 넣고 싶을 때가 있다.물론 정식으로 코드를 제공하진 않지만 많은 사용자들이 이 효과를 위해 여러가지 방법을 동원한다.그 중에서 가장 효율적인 방법은 아래와 같다. 위 처럼 css를 하고 아래 처럼 html을 넣으면 된다. 다만 위 ...

... 2014/06/11

css로 div 세로로 중앙 정렬시키기

자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다. 방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 .  나름 잘되는 것 같다.  

... 2013/01/21

텍스트 정렬 및 스타일 정리

css에서 글자를 중앙 혹은 좌우 정렬하기 위한 코드이다.    링크가 걸린 글자에 마우스를 올렸을 때 밑줄(underline)도 나오고 색깔(#FF00F6)도 변하게 해주는 css  a:link 링크걸린 것 a:visited 링크 방문한 것 a:hover 링크가 있는 것 a:active 링크가 활성화 된 것

... 2012/07/04
.