웹 디자인, 개발 아이디어 고갈될 때? 현직자가 영감 얻으러 가는 사이트 5곳 (트렌드, 레퍼런스)
웹 디자인, 개발 아이디어 고갈될 때? 현직자가 영감 얻으러 가는 사이트 5곳 (트렌드, 레퍼런스)
웹사이트 하나 만들려면 신경 쓸 게 한두 가지가 아닙니다. 디자인은 예뻐야 하고, 모바일에서도 잘 보여야 하고(반응형), 최신 기술도 써야 하죠. “요즘 뭐가 유행이지?” 하고 핀터레스트만 뒤적거리다가 시간 다 보내신 적 있으신가요?
저도 매번 ‘창작의 고통’과 ‘에러와의 싸움’에 시달리는데요. 그럴 때마다 제가 마치 치트키처럼 꺼내 보는 웹 개발/디자인 필수 참고 사이트 5곳을 소개합니다.
단순히 예쁜 그림만 보는 곳이 아니라, “실무에서 진짜 써먹을 수 있는” 정보가 있는 곳들만 추렸습니다.
1. CSS가 내 맘대로 안 될 때: CSS-Tricks (CSS 트릭스)
웹 퍼블리싱을 하다가 “아니, 이 버튼이 왜 가운데로 안 오지?” 하고 답답했던 적 있다면, 여기가 구세주입니다.
-
왜 가야 할까? 이름 그대로 CSS의 온갖 마법 같은 팁들이 모여 있습니다. 크리스 코이어(Chris Coyier)라는 전설적인 개발자가 만든 곳인데, 초보자가 겪는 레이아웃 문제부터 화려한 애니메이션 기법까지 없는 게 없습니다.
-
💡 활용 꿀팁:
Flexbox나Grid가 헷갈릴 때 구글링하지 말고 여기서 검색하세요. **’A Complete Guide to Flexbox’**라는 글은 전 세계 퍼블리셔들이 인쇄해서 벽에 붙여둘 정도로 유명한 명문입니다.
2. 예쁜 디자인엔 ‘이유’가 있다: UX Design (미디엄)
핀터레스트가 ‘눈’을 즐겁게 한다면, 여기는 ‘뇌’를 채워주는 곳입니다.
-
왜 가야 할까? 단순히 “이 색깔 예쁘네”가 아니라, “왜 이 버튼을 여기에 뒀을 때 사용자가 더 많이 클릭할까?” 같은 디자인의 논리와 심리를 배울 수 있습니다. 구글, 애플 디자이너들의 생생한 실무 경험담이 올라옵니다.
-
💡 활용 꿀팁: 영어가 부담스럽다면 크롬 번역기를 켜고, Case Study(사례 분석) 위주로 읽어보세요. 내 포트폴리오를 만들 때 “나는 이런 논리로 디자인했다”라고 설명할 수 있는 힘이 생깁니다.
3. 고품질 웹 매거진: Smashing Magazine (스매싱 매거진)
웹 분야의 ‘논문’이나 ‘전공 서적’ 같은 깊이 있는 글을 원한다면 이곳입니다.
-
왜 가야 할까? 인터넷에 떠도는 가벼운 팁이 아니라, 전문가들이 각 잡고 쓴 긴 호흡의 칼럼들이 올라옵니다. 성능 최적화, 접근성, 타이포그래피 등 웹의 퀄리티를 한 단계 높여주는 지식들이 가득합니다.
-
💡 활용 꿀팁: 무료로 풀리는 E-book이나 치트 시트(요약표) 자료가 꽤 쏠쏠합니다. 점심시간에 하나씩 읽으면 “나 좀 전문가 된 것 같은데?” 하는 기분이 듭니다.
4. 개발자의 응급실: Stack Overflow (스택 오버플로) – Web Dev
(지난번 코딩 추천 글에서도 소개했지만, 웹 개발에서도 여긴 빠질 수 없습니다.)
-
왜 가야 할까? 자바스크립트가 작동을 안 하거나, 서버 연결이 안 될 때 가장 먼저 달려가야 할 곳입니다. 웹 개발 태그(
javascript,react,css) 쪽은 답변 속도가 빛의 속도입니다. -
💡 활용 꿀팁: 질문할 때 내 코드를 다 올리지 말고, 문제가 되는 부분만 딱 잘라서 올리면 고수들이 친절하게 고쳐줍니다. 물론 검색만 잘해도 99% 해결됩니다.
5. 바쁜 당신을 위한 뉴스 요약: Web Development Reading List (WDRL)
“매일 사이트 돌아다닐 시간 없어!” 하시는 분들을 위한 곳입니다.
-
왜 가야 할까? 한 주 동안 전 세계에서 쏟아진 웹 개발 뉴스, 튜토리얼, 도구 중에 “이건 꼭 봐야 해” 하는 것만 큐레이션(선별)해서 보여줍니다. 정보의 홍수 속에서 허우적대지 않게 해주는 고마운 서비스죠.
-
💡 활용 꿀팁: 매주 들어가기 귀찮다면 뉴스레터를 구독하세요. 월요일 아침 출근길에 메일함만 확인해도 “요즘 트렌드는 이거구나” 하고 파악할 수 있습니다.
📝 마치며: 도구가 곧 실력이다
웹 트렌드는 6개월만 지나도 옛날 것이 되어버립니다. 하지만 오늘 소개한 사이트들만 가까이해도 뒤처질 걱정은 없습니다. 디자인이 막히면 UX Design을, 코드가 막히면 CSS-Tricks를 열어보세요.
여러분의 퇴근 시간을 앞당겨줄 최고의 파트너가 될 겁니다.