See the Pen link hover effect by Hyejin Oh (@mmt-zinee) on CodePen. text-decoration: underline 으로는 원하는 디자인을 마음껏 적용하기 힘들다.그런데, 언젠가 어떤 사이트 글에서 링크에 이런 효과를 주었던 것을 보아서 기억에 남았었다.그래서 생각나는 대로 비슷하게 구현해봤다.
전체보기
티스토리에서는 과거 글을 발행할 수 있었다. 포트폴리오를 정리하거나 뭔가 시간순으로 포스팅을 해야할 때 아주 요긴하게 썼던 기능이었다. 그런데 최근에 그 기능이 사라진 것 같아 공식 블로그에서 찾아보니 2016.05.26 이후로 사라졌다고 한다. http://notice.tistory.com/2324 작성일이나 수정일을 같이 병행 표기하고 과거 발행을 다시 부활시켜 줬으면 좋겠다. 티스토리만의 특징이 사라지는 것 같아 아쉽다. 하지만 개발자 입장에서는 한 가지 기능을 추가/삭제 하는 것이 결코 간단한 일은 아님을 알기에 무턱대고 다시 부활시켜 달라고 징징거릴 수도 없다. 아무튼 아쉽네요 :(
Gulp 입문 from 라한사 아 목차Hello World난독화 Uglify다른 task 생성CSS Minify로깅 util파일 연결 concat파일명 변경 rename작업동시처리 sourcemaps에러처리 plumber아이콘벤터프리픽스 자동처리플러그인 의존성관리이미지 압축sass 컴파일파일 변경 감지 watch브라우저 가동 browser-syncjslintjasminejasmine-phantom.js 참고 [NodeJS] Gulp 입문 ① - Gulp에 대한 소개 | 감성__ 프로그래밍 [NodeJS] Gulp 입문 ② - 한단계씩 따라하며 gulp.js 익히기
node.js를 이미 설치한 상태에서 간단한 gulp 예제를 실행해보려고 했다.npm install gulp --globalgulp -v gulp 설치 후 버전 확인을 하려고 하면 아래와 같은 에러가 발생했다.module.exports = (arr, ...values) = > { ^ SyntaxError: Unexpected token .at Module._compile (module.js:469:25)at Object.Module._extensions..js (module.js:474:10) (이하 스샷 참조) 뭐가 문제인지 몰라서 한 참을 삽질 했는데, 위에 로그를 보니 뭔가 노드 버전이 안 맞아서 생긴 오류 같았다. 노드 버전을 확인해 보니 v0.10.13였다. 도대체 왜 이 버전을 쓰고 있었던 거..
https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragmenthttp://www.nextree.co.kr/p2081/
(2016.07.11. 기준) 네이버 블로그에 코드 입력 기능이 추가되었다. 네이버 공식 블로그에 아직 공지사항이 없는 걸 보니 정말 최신 기능이거나, 스리슬쩍 끼워넣어 볼 생각인건가? 아무튼, 정말 반갑다. 사실 티스토리를 쓰는 이유는 유연한 수정, 그 중에서도 코드 입력을 자유롭게 할 수 있다는 점이었다. 네이버는 아직까지 많이 폐쇄적인 에디터 형태를 갖고 있다. 여튼 정말 반갑다! ▼ 에디터 모습 ▼ ▼ 이렇게 보여진다 ▼ 추가됐으면 하는 점1. 코드 폰트 변경2. 가로 스크롤 on/off 기능
정상 이상 안드로이드 5.1.1 이상아이폰6 9.3.2 안드로이드 4.4.2아이폰5s 9.3.2아이폰6 8.1 사파리 배경에 blur 처리 한 이미지를 깔아 사용하고 있는데, 아코디언 메뉴를 사용할 때 전체 height에 증감이 생긴다. 이때 아코디언 메뉴 SlideUp/Down 애니메이션이 버벅거리는 현상이 생겼는데 디바이스 스펙에 따라 좌우되는 것을 확인했다. (안드로이드 4.4.2에서도 내장 브라우저와 크롬 브라우저의 성능 차이는 확실하게 눈에 보였다.)
[이슈] display: inline-block 속성을 가진 element 아래에 공백이 생겼다. [해결] vertical-align: top (or bottom)을 적어주면 사라진다.
이렇게 시스템 속성에서 직접 등록할 수도 있지만, cmd에서 할 수도 있다. >path현재 환경변수 정보 보여줌. >set pathpath명령과 동일한 현재 환경변수 정보와 동일한 path 정보와pathext라는 시스템 실행파일 확장자 변수가 같이 나온다. >set path=%path%;추가하고자하는경로;ex) >set path=%path%;c:\java\bin;환경변수 추가(일시적) >setx path "%PATH%;추가하고자하는경로"ex) >setx path "%PATH%;c:\java\bin"환경변수 추가(영구적) %path%를 하는 이유는 현재 환경변수에 path 정보를 가져와서, 현재 환경변수에 새로운 환경변수를 추가해야 하기 때문입니다. echo 명령어를 사용하면 %%를 이용하여 모든 환경변수..
hover effect 가 예뻐서 슬쩍 >.~ See the Pen qNNOKK by Hyejin Oh (@mmt-zinee) on CodePen.
