신기한 웹 세상

아이폰X 입문자가 알면 좋은 제스처 꿀팁 몇가지

아이폰X(텐)를 구매하면서 모든 사람이 알지만 또 잘 모를 수 있는 제스처 몇개를 공유하려고 합니다. 아래의 제스처들은 아이폰X(텐)을 사용하면서 꼭 알아야할 제스처들입니다. 기본적으로 화면 깨우기는 그냥 화면에 터치를 하면 됩니다. 다른 기기에서는 ‘들어 올려서 깨우기’가 있습니다만 아이폰X에서도 ‘들어서 올려서 깨우기’를 사용할… Continue Reading →

배틀그라운드 레이팅 전적 검색!

요즘 오버워치 게임보단 배틀그라운드 게임을 많이 하고 있습니다. 그러면서 전적을 궁금해 할 수 있습니다. 전적검색 할 수 있는 사이트 4군데를 소개하려고 합니다. ※ 아래 순서는 인기도와 상관없습니다. OP.GG Dak.gg BGLOG.ME BZONE OP.GG 아래 캡쳐화면은 아프리카 BJ아이디로 검색한겁니다. 제 아이디로는 많은… Continue Reading →

[파워포인트]파워목업 4.3 설치 하자!

소개 파워 목업: 파워포인트의 모형 및 와이어 프레임 확장툴입니다. 백문불여일견 이라고 한번 영상을 보는 것이 낫겠죠? 공식 홈페이지에 있는 영상. ※ 파워목업은 기본적으로 파워포인트가 설치가 되어있어야 사용이 가능합니다. 특징 빠른 검색으로 찾을 수 있습니다. 드래그 앤 드롭으로 슬라이드 화면으로 Shapes를… Continue Reading →

IE10, IE11 셀럭트박스 텍스트상자 커지는 현상

문제 IE10, IE11에서 셀럭트박스 선택을 하면 아무이상이 없는데 input 상자에 포커스 있는 상태에서 셀럭트박스를 다시 선택하면 텍스트상자 넓이가 커지는 현상이 있습니다. 이유는 placeholder로 인해서 일어나는 현상입니다.(IE10, IE11에서만 오류가 일어납니다.) 오류는 아래와 같습니다. 선택1선택2선택3 오류 체크 하셨습니까? 혹시 확인을 못하신 분들을… Continue Reading →

jQuery Tab Menu 사용하기

jQuery로 만든 Tab Menu 플로그인.
웹에서 자주 사용하는 Tab Menu를 플로그인으로 만들어봤습니다. 소스는 초보자들을 위해서 만들었으니 참고 부탁드립니다.

프론트 엔드 개발자를 위한 온라인 코드 에디터 소개

UI 개발을 하다보면 실시간으로 확인을 한 것이 필요할때가 있고 또 소스를 일부 공유 해야할 때가 있습니다. 아직 비공개이거나 일부 내용만 공개 하고 싶을 때 사용할 수 있는 온라인에서 코드 작성할 수 있는 에디터들을 몇가지 소개를 하려고 합니다. UI Development Online… Continue Reading →

크롬 확장프로그램 비주얼 인스펙터 사용하기

F12키나 Ctrl+Shift+i을 누르면 개발자 도구가 나오는 것은 이쪽에서 일하는 사람은 다 알 것이다. 개발자 도구는 웹페이지의 구성요소를 확인할 수 있고, 바로 코드를 삽입하거나 수정해서 변화된 페이지를 바로 볼 수 있다. UI개발자라면 이 페이지에서는 CSS의 칼라값이 몇 개가 사용되고 몇개의 이미지가… Continue Reading →

wow.js으로 동적인 재미난 애니메이션 만들기

동적인 애니메이션을 만들기 위해서는 CSS3를 이용을 해야한다. CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜준다. 간단히 애니메이션에 대해서 알아보도록 하자. 애니메이션 속성 animation-delay: 엘리먼트가 로드되고 나서 언제 애니메이션 시작될지 지정한다. animation-direction: 애니메이션 종료되고 다시 처음부터 시작할지 역방향으로… Continue Reading →

아톰(Atom) 트리뷰(Tree View)에 파일 자동 포커스가기

사이드바(tree view)에 파일 자동 선택하기가 생소할 수 있지만 설명을 들으면 ‘아 그거~’ 할 수 있겠다. 아톰에서 화면 탭을 선택했을 경우 트리뷰에서도 자동적으로 선택해주는 것을 말한다. ‘기존에 되었던 것 아니야?’라고 할 수 있겠지만 사용자가 찾아서 선택하지 않으면 되지 않았던 부분이다. 처음부터… Continue Reading →

[걸프(Gulp.js)] gulp-nunjucks-render 플러그인을 사용하는 방법

예전에 gulp html tag include를 포스팅한 적이 있다. 최근에는gulp-nunjucks-render 플로그인을 알게 되어 포스팅을 해보려고 한다. 설치하기 $ npm install –save-dev gulp-nunjucks-render task 만들기: var nunjucksRender = require('gulp-nunjucks-render'); 다음으로, Nunjuck을 쉽게 사용할 수 있는 프로젝트 구조를 만들어야 한다. 아래의 구조로 사용할… Continue Reading →

82년생 김지영 졸독 – 남녀 필독서

우리가 당연하게 생각했던 것들이나 ‘여자면 여자다워야지’ 했던 일들 모든 것들이 여자에게는 불리한 조건이였으며 남자에겐 아무렇지 않은 것들이 여자들에겐 공포였다. 우리 사회에서 일어나고 있는 여자들이며 아직도 젊은 남자들도 그렇게 생각하는 이들이 많다. 하물며 같은 여자들도 마찬가지이다. 남자들은 거의 몰랐던 여자들의 세상. 여자들은 공감되는 이야기이다. 남녀 모두 읽어야 할 필독서이다.

영화 마크 러팔로, 레이첼 맥아담스 주연의 스포트라이트 관람

2016년 최고의 영화! 게오건 신부가 30년간 아이들을 성추행한 사건을 가지고 다룬 영화.
실화를 그대로 재연한 영화인데 듣기로는 팀도 그대로 재연했다고 하는데…정말 영화같은 일을 실제로 했다 이런 영화는 꼭 봐야하는 영화인듯 하다!

크롬(Chrome)에서 풀페이지 캡처하기!

크롬에서 풀페이지 캡처하기가 어려웠다. (필자가 알기론) 확장프로그램을 설치해서 캡쳐를 하거나 다른 캡처 프로그램을 이용해야했다. 그러나 4월 업데이트 내역을 보니깐 웹 페이지 전체를 캡처가 가능하게 되었다. 풀페이지 스크린샷 이미지 1. 개발자 도구 개발자 도구 단축키는 F12 or Ctrl+Shift+I이다. 이미지 2. 풀페이지… Continue Reading →

[JavaScript] 이미지 랜덤으로 노출 시키기

새로고침할 때마다 이미지 바뀌는 것을 해보았다. background-image 스타일 이미지로 변경하기 var banner = new Array(); banner[banner.length] = ‘bg01.jpg’; banner[banner.length] = ‘bg02.jpg’; banner[banner.length] = ‘bg03.jpg’; var obj = document.getElementById(‘backGround’); var size = Math.floor(Math.random()*(mainBg.length)); j = (isNaN(size)) ? 0 : size; obj.style.backgroundImage… Continue Reading →

처음 만나는 자바스크립트 3장

3-8 함수(세금 포함 가격 계산하기) 함수란, 자주 사용하는 처리를 하나로 묶은 작은 단위의 프로그램이다. var 함수명 = function(필요한 매개변수) { 구체적인 처리 내용 //필요한 매개변수는 이 안에서만 사용할 수 있다. //이 함수 작성 형식은 ‘이름 없는(익명)’함수를 작성해서 변수에 대입하였다. };… Continue Reading →

« Older posts

© 2017 신기한 웹 세상 — Powered by WordPress

Theme by Anders NorenUp ↑