SITE 83건이 검색되었습니다.

type.method.ac

폰트의 커닝 간격을 맞추는 게임 스타일의 사이트입니다. 타이포 그래픽에서 기본이 되는 간격 연습을 하는 사이트입니다. 90점 나오기가 힘드네요~ 한번 도전해보세요~ SITE

더 보기

cssreference.io

CSS 속성이 정리 잘 되어 있는 사이트입니다. 예제도 정리가 잘 되어 있고 보기 편한 CSS 레퍼런스 사이트입니다. 여기도 영어로 되어 있긴 하지만 크게 불편하진 않습니다. SITE

더 보기

themockup.club

아직 컨텐츠가 많진 않지만 좋은 퀄리티의 다운을 잘 받을 수 있는 목업만 있는 사이트입니다. 퀄리티가 떨어지고 목업만 많은 사이트보단 이렇게 야무진 사이트가 더 끌리네요~ SITE

더 보기

www.unheap.com

제이쿼리 플러그인을 종류별로 유일하게 정리된 사이트가 아닐까 싶네요! 관리도 꾸준하게 잘되고 업데이트도 잘된 사이트입니다. 제이쿼리의 활용성을 잘 발휘할 수 있는 퍼블리셔 필수 레퍼런스 사이트입니다. SITE

더 보기

mozilla.org

파이어 폭스의 모질라 레퍼런스 사이트입니다. 제일 전문성이 돋보이는 사이트이며 새로 생긴 속성과 태그들의 정보를 볼 수 있는 사이트입니다. 현재 개발되고 있는 HTML과 CSS 속성도 자세하게 볼 수 있습니다. 제일 정확한 정보와 최신 정보는 여기가 최고라고 할 수 있습니다. SITE

더 보기

htmlreference.io

HTML 레퍼런스 사이트입니다. 깔끔하고 보기 좋게 정리가 잘 되어 있어서 추천하고 싶은 사이트입니다. 각 태그들마다 예제도 깔끔하게 정리되어 있는 레퍼런스 사이트입니다. 물론 여기도 영어입니다. SITE

더 보기

www.w3schools.com

처음 코딩 시작하는 분이라면 누구나 아는 HTML/CSS 레퍼런스 사이트입니다. 저도 초반에는 많이 참고하고 도움이 되는 사이트입니다. 구글에서 검색하면 무조건 상단에 나오는 레퍼런스 사이트입니다. SITE

더 보기

codrops/css_reference

CSS 속성이 정리가 잘 된 사이트입니다. 비록 영어이긴 하지만 사용하는데에는 크게 문제가 없습니다. 최신 CSS까지 정리가 잘된 사이트입니다. 추천합니다. HTML에 Reference도 나오지 않을까 생각이 듭니다. SITE

더 보기

oscarotero.com

제이쿼리를 배우는 분에게는 필수적인 레퍼런스 사이트입니다. 제이쿼리 API를 보기 쉽게 편하게 정리 해놓은 사이트입니다. 제이쿼리를 잘 만들기도 했지만 이렇게 정리까지 잘 되어 있으면 사용하기가 매우 좋죠~ 레퍼런스 추천 사이트입니다. SITE

더 보기

code.visualstudio.com

요즘 핫 하게 뜨고 있는 비주얼 스튜디오 코드 에디터입니다. 이것 역시 다른 에디터랑 마찬가지로 기능과 사용방법은 비슷합니다. 컴파일러 기능이 있어 더 편리한 것도 있기 하지만 그래도 그냥 에디터 입니다. 자기 스타일에 맞는 에디터를 골라서 쓰면 될 거 같네요~ SITE

더 보기

www.sublimetext.com

서브라임 텍스트 에디터입니다. 다양한 기능과 옵션 빠른 처리 속도가 맘에 드는 에디터입니다. 초보자가 처음에 쓰기에는 설치할 부분이 많아서 불편 할 수 있지만 어는 정도 사용하면 서브라임이 젤 편하다고 생각이 드네요~ 처음에 시작하면 필요한 옵셥은 알아서 설정 됐으면 하는 마음이 있지만, 설치과정이 약간 불편해도 개인적으로 이 에디터가 제일 마음에 듭니다. SITE

더 보기

atom.io

코딩 프로그램 아톰입니다. 아톰, 브라켓, 서브라임 등등 여러가지만 있지만 아톰도 쓸만합니다. 기능이나 디자인은 다른 에디터와 비슷하고 개인 취향에 따라 그냥 선택해서 쓰면 됩니다. 기능이나 옵션은 추가 기능으로 넣을 수 있기 때문에 어떤 에디터는 비슷하다고 생각이 듭니다. SITE

더 보기

brackets.io

코딩할 때 필요한 에디터입니다. 어도비에서 만든 프로그램으로 입니다. 쓰기 좋고 사용성이 좋긴 하지만 FTP 작업이 윈도우 환경에서는 버벅거림 현상이 심합니다. 맥에서는 전혀 이상이 없지만 윈도우로 작업했을 때 멈춤현상이 많아 추천하는 정도는 아닙니다. 그냥 퍼블리셔가 쓰기 좋은 가벼운 프로그램입니다. SITE

더 보기

www.sketchapp.com

벡터 방식의 프로토타입 툴 스케치입니다. 요즘 실무에서도 스케치를 아주 많이 씁니다. 사용성이 조만간 포토샵을 능가하지 않을까 생각이 들 정도네요~ 개인적으로 스케치가 제일 깔끔하고 사용성이 좋은 것 같습니다. 가격도 포토샵에 비하면 저렴하죠~ SITE

더 보기

adobe.com

어도비에서 무료로 제공하고 있는 프로토타입 툴 XD입니다. 스케치를 카피한 느낌이 많이 들지만 그래도 무료로 쓸 수 있다는 장점과 꾸준한 업데이트는 최고라고 생각이 듭니다. 또한 윈도우와 맥을 다 지원하지만 윈도우는 10부터 지원을 합니다. 스케치와 함께 더욱더 발전 했으면 좋겠네요. SITE

더 보기

www.figma.com

요즘 핫 하게 뜨고 있는 디자인 툴입니다. 브라우저에서 작업 할 수 있는 에디터이며 맥이나 원도우 상관 없이 브라우저만 있으면 가능합니다. 무료 버전도 있기 때문에 누구나 사용 할 수 있으며, 공유도 가능한 에디터입니다. 정말 괜찮은 에디터라고 생각이 드네요! SITE

더 보기

toptal.com

디자이 패턴만 모아 놓은 사이트입니다. 꾸준하게 관리가 잘되서 유명한 사이트입니다. 디자인 작업시 패턴에 영감을 받고 싶다면 이 사이트를 추천합니다. 코딩용은 아니기 때문에 소스를 제공하지 않습니다. 이미지 파일을 다운 받을 수 있습니다. SITE

더 보기

tympanus.net

코딩 예시 사이트로 유명합니다. 면목상 튜토리얼이지만 어렵습니다. 초보자가 따라하기에도 어렵고 스크립트를 쉽게 쓸 수 있는 구조는 아닙니다. 하지만 예시들의 퀄리티는 정말 최고입니다. 또한 오랫동안 꾸준하게 살아있는 사이트입니다. 보통 이런 사이트들은 몇 면 못가고 없어지기 마련인데 이 주인장은 열정이 대단한거 같습니다. 퍼블리셔에게 꼭 알아야 하는 사이트입니다. SITE

더 보기

www.canva.com

커버 디자인을 손 쉽게 만들수 있는 디자인 에디터입니다. 페이스북 커버, 트위터 커버, 인스타그램 등을 쉽게 만들 수가 있습니다. 모바일로도 가능하며 자료가 많습니다. 꾸준한 업데이트가 지속적으로 발생하는 좋은 사이트입니다. 간단한 유투브 커버 같은건 이걸로 작업하는게 좋을 거 같습니다. SITE

더 보기

greensock.com

제이쿼리 모션하면 이 사이트가 최고겠죠~ 물론 디테일한 기능한 유로 버전을 이용해야 하지만 무료 버전도 쓸만합니다. 무료 버전이라면 최고의 애니메이션 제이쿼리라고 말 할 수 있지만,, 유로라서 아쉽네요~ 암튼 그래도 제일 많이 사용하는 제이쿼리 모션 플러그인입니다. SITE

더 보기

programmers.co.kr

코딩 교육 사이트입니다. 유로도 있고 무료도 있지만 그래도 제일 좋은 건 강의 시스템과 코딩테스트가 매우 맘에 드는 교육 사이트입니다. 앞으로 발전 가능성이 매우 높은 사이트이며 저 또한 돈을 내고 듣고 싶은 컨텐츠가 많은 좋은 사이트인 것 같습니다. SITE

더 보기

leaverou.github.io

다양한 CSS 패턴 백그라운드를 보여주는 사이트입니다. 당연히 소스를 제공하고 쉽게 적용할 수 있습니다. 이런 배경도 만들 수 있겠구나! 하는 아주 괜찮은 사이트입니다. 퍼블리셔에게 참고하기 좋은 배경 패턴 사이트입니다. SITE

더 보기

svgbackgrounds.com

다양한 백그라운드 SVG 소스를 제공하는 사이트입니다. SVG를 통해 백그라운드를 구현하고 다양한 효과와 기능을 추가 선택하여 맞춤형으로 만들 수 있습니다. 이미지를 클릭하면 바로 바로 배경화면으로 확인 할 수 있는 좋은 사이트입니다. SITE

더 보기

fonts.google.com

웹 폰트의 대중화를 이끈 구글폰트 사이트입니다. 지속적인 한국어 추가도 매우 환영합니다. 다양한 폰트를 쉽게 쓰고 있어서 정말 좋은 사이트라고 생각합니다. 구글은 이런 짓을 많이 해서 좋네요^^ 웹 폰트하면 구글폰트입니다. SITE

더 보기

noonnu.cc

우리나라에 이렇게 많은 폰트가 있었나? 할 정도로 정리가 잘되고 쓰기 좋은 폰트 사이트입니다. 저작권 관련된 정보도 보여주면서 웹 폰트까지 사용할 수 있도록 만든 유익한 사이트입니다. 구글폰트의 한계를 느꼈다면 이 사이트도 강추합니다. SITE

더 보기

gradients.party

요즘에 뜨고 있는 그라디언트 사이트입니다. 이런 사이트들이 요즘 많이 생겨서 별로 였는데 이 사이트 같은 경우는 RGA와 HEX모드를 지원하고 추가적인 다양한 기능을 바로 적용하여 쓸 수 있습니다. 그런 점 때문에 여기에 올리게 됐네요~ SITE

더 보기

www.gradients.io

다양한 그라디언트를 보고 소스를 다운 받을 수 있는 사이트입니다. 요즘은 코드로 그라디언트를 많이 표현하기 때문에 참조하기 좋은 사이트입니다. 다양한 색 보다는 필요한 백그라운색만 있는 야무진 사이트입니다. SITE

더 보기

psddd.co

포토샵 파일과 스케치 파일을 다운로드 받을 수 있는 사이트입니다. 광대한 자료가 많은 다운로드 사이트이며 가끔씩 들어와서 쓸만한거 있나 보는 사이트입니다. 스케치 파일도 제공을 하니 괜찮은 사이트 같네요~ 완전 추천 정도는 아닙니다. SITE

더 보기

littlesnippets.net

마우스 오버 효과만 전문적으로 보여주는 사이트입니다. 마우스 오버의 끝판왕 사이트입니다. 메뉴 뿐만 아니라 이미지 오버 효과 역시 편하게 쓸 수 있도록 코드펜으로 되어 있으며, 다양한 효과를 미리 확인하여 자기 사이트에 적용하기 좋은 사이트입니다. 강추!! SITE

더 보기

http://theinspirationgrid.com

순수하게 정말 디자인만 볼 수 있는 영감 사이트입니다. 그냥 그런 디자인 보다는 퀄리티 있는 디자인들이 많이 보여서 개인적으로 자주오는 사이트입니다. 영감 사이트의 제일 중요한 점은 꾸준한 업데이트와 관리인데요~ 이 사이트는 그걸 만족하는 사이트 같네요! SITE

더 보기