웹 사이트 제작에 필요한, 삽질을 줄일 수 있는 정보를 공유하고자 합니다.
2015/06/29

코딩의 작업효율을 올려주는 Sublime Text Package

Sublime Text Package중에서 작업효율을 올려주는 것들을 위주로 정리해 보았습니다. 익숙해지면 분명 작업시간이 단축되는 것을 체감하실 수 있을겁니다.

2 min read
2015/06/26

네이티브앱과 같은 동작을 구현해주는 slideout.js

slideout.js는 스마트폰에서 스와이프 시키면 사이드 메뉴가 나오는형식의, 페이스북이나 여타 네이티브앱에 가까운 사용자경험을 주는 라이브러리입니다.

1 min read
2015/04/23

칠판에 분필로 쓴 느낌을 주는 무료폰트 - SCHIST

칠판에 분필로 쓴것과 같은 효과를 내주는 무료폰트가 있어 소개해 봅니다. SCHIST는 폰트자체가 디자인 되어 있기에 폰트 자체만으로도 분위기가 있습니다. Sans-serif체로 Light, Medium, Demi, Bold의 4가지 Font Family까지 지원하고 있어 사용폭이 넓을것 같습니다.

1 min read
2015/04/21

Wordpress.com에서 다국어 설정하기

wordpress를 사용해서 블로그나 웹서비스를 하고 있는 사용자층이 국내에서도 많아지고 있는 요즘, 기본으로 제공되는 위젯이 아니면 무조건 유료를 사용해야 하는 wordpress.com에서 별도 플러그인을 사용하지 않고 카테고리와 메뉴를 활용하여 다국어 서비스를 위한 설정방법을 알아봤습니다.

4 min read
2015/04/07

어쩌면 !important가 필요없을지도? CSS의 우선순위

무의미하게 사용하는 것 보다는 한번쯤 CSS 각각의 요소가 기본적으로 가지고 있는 우선순위를 고려하고, 높은 순서대로 적용된다는 점에 주의하면서 코딩을 한다면 !important를 사용하지 않고도 양질의 코딩이 가능하지 않을까 생각됩니다.

2 min read
2015/04/05

CSS3로 가능한 움직임을 쉽게 찾아보고 사용할 수 있는 AniCollection

CSS3로 표현 가능한 애니메이션을 손쉽게 찾아보고 실제로 움직임을 확인, 마음에 들 경우 바로 소스를 확인하여 사용할 수 있는 서비스

1 min read
2015/04/02

iPad로 목업제작 - Adobe Comp CC

iPad에서 목업 작업시 활용범위가 넓어 보이는 Adobe Comp CC가 나왔습니다. 아이디어, 러프스케치, 목업작업 후에 Photoshop, Illustrator, InDesign으로 바로 연계하여 작업을 이어나갈 수 있는 부분은 상당히 큰 장점으로 보입니다.

1 min read
2015/03/15

px, em, dpi등의 단위 변환을 도와주는 사이트

디자인을 하거나 코딩을 하는등, 웹사이트 작업을 진행하다 보면 가끔씩 단위변환을 해야 하는 경우가 생기곤 합니다. px, rem, rm, pt, in등의 변환작업을 손쉽게 도와주는 곳을 소개합니다.

1 min read
2015/02/06

입체적으로 각도가 살아있는 dealjumbo 제공의 Mockup PSD

입체적으로 각도가 살아있는 dealjumbo 제공의 Mockup PSD파일 - Zero Gravity Stage Generator - Free Version

1 min read
2015/01/24

저작권에 제한이 없는 아이돌 사진 제공 사이트 - MIKA☆RIKA

이웃나라 일본에서 フリー素材アイドル MIKA☆RIKA라는 재미난 기획의, 무료제공 이미지 사이트가 있어 소개해봅니다. 아이돌이 자신들을 홍보하는 차원에서 시작한 서비스이며, 단순 사진뿐만 아니라 몇가지 사운드파일도 제공하고 있습니다. 2017년12월31일까지 기간제한을 두고 있습니다만, 자신들의 로고를 표시할경우에는 기간제한이 없다고 합니다.

1 min read