웹 디자이너 및 개발자를위한 새로운 리소스 (2012 년 11 월)

웹 디자이너와 개발자에게 자신의 직무에 대한 추가적인 영향력을 부여하는 새로운 도구와 리소스가 많이 있습니다. 이번 달에 우리는 위대한 무료 도구 및 리소스 플러그인에서 시작하여 멋진 사진 효과를 만들어서 진정한 멋진 전환으로 내용과 이미지 슬라이딩을위한 플러그인에 도전 해보십시오..

자, 그들을 체크하자..

우리의 신선한 자원을 모두 확인하십시오 (월별) :

프로토

반응이 빠른 웹 디자인은 이제 웹 사이트를 만드는 데있어 표준적인 방법이되었습니다. 이것은 만든다 이 작업을 완료하는 데 정말로 도움이되는 도구. Proto는 미리 정의 된 CSS 클래스를 사용할 준비가되어 반응 형 그리드와 일부 장치 특정 클래스를 정의함으로써 반응 형 레이아웃을 신속하게 프로토 타이핑 할 수 있도록 SCSS를 기반으로합니다..

그리드 표시 자

부트 스트랩이나 파운데이션과 같은 Responsive Design 프레임 워크로 작업한다면 브라우저의 그리드를 추적하기 위해이 북마크릿이 필요할 것입니다. 이 도구는 현재보고있는 웹 페이지에 오버레이 표를 표시합니다. 그것은 매우 편리합니다, 당신의 북마크 바에 끌어서 놓기 만하면됩니다. 그리드가 필요하면 언제든지 북마크릿을 클릭하십시오..

BootMetro

Windows 8은 Metro 디자인 언어의 단순함을 적용합니다. 이 스타일을 웹 사이트에 포용하려면 BootMetro가 필요할 것입니다.

밑줄

인터넷에서 사용할 수있는 WordPress 스타터 테마가 많이 있지만 다른 것은 Underscores만큼 훌륭합니다. 이를 통해 테마 이름, 설명, 작성자, 특히 테마 슬러그를 지정하고 개인화 할 수 있습니다. 테마 슬러그는 패키지를 다운로드 한 후에 테마 기능에 적용되므로 다음과 같은 내용을 얻을 수 있습니다. theme_slug_function.

자랄 락스

시차 효과처럼이 웹 사이트에서 볼 수 있습니까? 웹 사이트에 유사한 효과를 적용하려면 JavaScript 애니메이션 라이브러리 인 Jarallax를 사용하여 Parallax 효과를 만들 수 있습니다 (거의 시간이 없음).

깜짝 놀란

수평으로 만 움직이는 갤러리 슬라이딩 효과에 지루합니까? 그런 다음 Windy를 확인하십시오. Windy는 3D 변환을 사용하여 진정한 고유 한 방식으로 컨텐츠를 실행합니다. 데모보기.

경사 변화

요컨대, 사진의 tiltShift는 사진을 실제로보다 소형으로 보이게 만드는 기술입니다. 이 게시물에서 수집 된 사진을 확인하십시오. “기울기 - 시프트 사진”. 이러한 효과를 사진 갤러리에 적용하려면이 JavaScript 라이브러리 인 TiltShift.js를 사용하면됩니다..

순서

Sequence.js는 몇 가지 고급 전환 효과가 포함 된 반응 형 jQuery 슬라이더 플러그인입니다. 다른 슬라이더와 달리 Sequence에는 자체 내장 테마가 없습니다. 그래서, 우리는 우리 웹 사이트에 맞게 모양과 느낌을 완전히 사용자 정의 할 수 있습니다..

델타

jQuery UI는 사용하기 쉬운 일반적인 웹 사용자 인터페이스 및 상호 작용의 완전한 세트입니다. 그러나 기본 테마는 지루합니다. 따라서 jQuery UI를 다르게 보이고 싶지만 CSS로 손을 더럽 히고 싶지 않은 경우 기본 CSS 스타일을 jQuery UI의 매끄러운 테마 인 Delta로 간단하게 바꿀 수 있습니다.