•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
TOYOTA PRIUS 2016
Hold Holic
werty wordpress blog build
Gillette Pop-up Store
Seoul Cinema mobile web open
eider flash ebook solution
Seoul Cinema site renewal
Impress Media FB App
HYUNDAI Department Store, PanGyo
잠은 편하게 자야지~
내려오려고 하는 올망이
참 똘똘하게 생긴 졸망이
행운아 안약 넣자~
어허! 어허! 아빠 거기 내 단추~
오잉? 이건 뭐지?
실내화에 들어가서 안나오려고 하는 졸망이
이불 덮고있는 졸망이
아빠 손은 노아의 방주인가요?
 

Posts Tagged "이미지"

썸네일 url 가져오기 (다른 방식)

기존 방식으로 가져오지 못할 때 위와 같은 방식으로 썸네일 경로를 가져올 수 있다.

... 2017/07/31

이미지 태그에 .svg 파일 넣었는데 브라우져에서 깨져 나올 때

마크업에서 <img src='test.svg'> 이렇게 넣었을 때 로컬 호스트에서는 문제 없었지만 실제 서버에 올렸을 때 이미지가 깨져서 안나올 때가 있다. 그럴 때는 서버의 루트쪽에 있는 .htaccess 파일을 열어 상단에 아래 코드를 넣어주면 된다.  

... 2017/07/14

Gulp – 플러그인 설치 및 사용하기

gulpfile.js 를 열고 이제 자동화 설정 셋팅을 해보자. 내가 하려는 자동화 작업은 이렇다. js는 js폴더에 작업한 여러개의 js를 합치고, 코드를 압축한다. scss는 컴파일해서 css로 만들되 역시 코드를 압축해 놓는다. html 파일은 그냥 개발폴더에 추가되거나 수정될 때 배포 폴더에 자동으로 수정된다. localhost로 ...

... 2017/04/11

Gulp – 시작전 준비하기

어제 Gulp(걸프)란 걸 접하고 구글링을 통해서 습득해보는 도중 적어놔야겠다 생각 들어서 정리를 해보려고 한다. (왼쪽은 Gulp 로고라고 하니 알아두자) Gulp는 처음 접하였고 Grunt도 들어는 보았지만 아직 해보진 않았다. 결론은 셋팅해두면 실무에 작업 하는데 도움이 되는 좋은 '자동 빌드 도구'이다. 본인은 이미 비슷한 도구로 ...

... 2017/04/11

체크박스 라벨을 이미지 만들었고 클릭해도 반응 없을 때

input  중에 checkbox를 만들고 checkbox는 안보이게 포지션 잡은 뒤 label안에 디자인된 체크박스를 넣었을 때 가끔 이 안의 이미지를 눌러도 checkbox 값이 변경되지 않는 경우가 있다. 이럴 때 스크립트를 넣어주자.  

... 2017/03/02

JS – 이미지 로드 완료된 후 스크립트

 

... 2016/03/10

풀사이즈 배경으로 동영상 or 이미지 삽입하기

풀사이즈 배경으로 동영상(또는 이미지) 삽입하기 미리보기  다운로드 인터넷 속도도 빨라 졌기 때문인지 풀사이즈 백그라운드로 동영상을 삽입하는 사례들이 종종 있습니다.예전에는 이미지로 어떻게든 시원하게 처리했었지만 이제는 동영상으로 더욱 인터렉티브한 사이트를 제공할 수 있게 되었습니다.더군다나 youtube나 vimeo와 같은 비디오 서비스의 동영상도 백그라운드로 넣을 수 있기 때문에 ...

... 2016/01/13

CSS3 – 이미지 또는 div 회전

회전 시킬 이미지의 클래스를 .spinimage라고 가정하고 4초동안 한바퀴 돌아가는 애니메이션을 구현한다고 할 때 아래와 같이 만들면 된다.  회전을 멈출 때는 아래 코드를 활용한다. 멈춘 상태에서 회전을 진행하고 싶을 때는 아래 코드를 활용한다.      

... 2014/05/20

반응형웹에서 이미지 높이 auto 값이 ie 8 이하에서 오류 대처

 또는   정보 출처 : http://stackoverflow.com/questions/8610077/height-auto-in-internet-explorer-8-and-below

... 2014/02/10

css3 – 이미지 교체

미디어쿼리를 사용할 때 이미지를 교체할 경우가 있다. # id 자식 요소 중에 img가 있다면 image.png로 이미지를 노출한다. 하지만 이 방법은 아직 추천하지 않는다. 크롬 조차 제대로 작동하지 않을 때도 있고 css3이다보니 제대로 안보여지는 경우가 많다. 알아두면 좋은 정보니까 메모!  위 방법도 있다고 하니 참고!

... 2013/09/11

이미지에 여백이 생길 때 해결 방법들

이미지 태그를 이용하다보면 이상한 약간의 여백이 발생한다. 위 이미지를 보면 사진틀 이미지를 위아래로 나눈 것인데 아랫부분에 여백으로 인해서 약간의 공간이 생겼다.확대해서 보면 아래와 같다.   약간의 여백이 생겨서 위 아래 이미지가 떨어진 현상을 발견하였다.파이어 폭스로 해당 이미지의 부모 div 요소를 선택하면 아래와 같이 ...

... 2013/04/04

메인 화면에 이미지가 슬라이드 되는 프로모션 만들기

플러그인 이름 : Promotion Slider 메인이나 원하는 페이지에 슬라이딩 이미지 프로모션을 추가하는 플러그인이다. 플러그인 설치하면, 관리자 페이지 (대시보드) 안에 좌측에 promotions 이라는 메뉴 생성됨. 1. 카테고리 생성 일단 프로모션 카테고리를 만들자. (대시보드 - promotions - Categories) 그리고 슬로그를 기억해두자. 2. 슬라이드 이미지 추가 new promotion 눌러서 이미지를 추가시키는데, Featured Image에 ...

... 2012/04/11

이미지와 텍스트 정렬 (앞 이미지, 뒤 텍스트)

이미지와 글자를 한 줄에 넣고 높이 정렬을 맞추고 싶을 때가 있다.  위와 같은 방법이 있기도 하고, 아래 방법을 써보기도 한다.

... 2012/04/01

이미지와 텍스트 정렬 (위 이미지, 아래 텍스트)

간혹 이미지와 텍스트를 정렬하고 싶은데, 위에는 이미지 아이콘 아래는 설명 글자로 넣고 싶을때 글자가 아래로 내려가게 하는 코드 <img src = "이미지 경로"  style=" display:block;"> 글자

... 2012/03/31

입력칸 스타일과 자바스크립트 샘플

입력칸 배경에 이미지를 넣어서 포커스가 되면 이미지가 사라지고 다시 포커스가 아웃되면 나타나는 스크립트 확인 버튼도 이미지로 출력하는 내용

... 2012/03/19
.