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

매달 웹 디자인 및 웹 개발 커뮤니티에서 매우 관대 한 사람들이 공유하는 수십 가지의 무료 콘텐츠가 있습니다. 이 모든 새로운 것들을 따라 잡는 것은 거의 불가능합니다. 그럼에도 불구하고 걱정하지 않아야합니다. 이 게시물에서 우리는 코드 스 니펫에서 도구, 프레임 워크, 플러그인에 이르는 10 가지 유용한 '물건' 웹 디자이너와 개발자로서의 일과 삶을 편하게 만드는 방법.

그들을 체크하자..

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

2012 년 10 월
2012 년 11 월
2012 년 12 월

CSSS

CSSS "CSS 기반 SlideShow System"을 의미하는 것은 레아 베루 (CSS 전문가로 알려짐). 기본적으로이 프레임 워크를 사용하면 HTML 및 CSS 웹 표준을 사용하여 프레젠테이션 슬라이드를 만들 수 있습니다. 이 슬라이드 쇼는 다음과 같은 키보드 단축키를 지원합니다. ←, →, ↓ 과 ↑ 슬라이드를 탐색하는 방법.

당신이 CSS와 HTML을한다면,이 프레임 워크는 MS 파워 포인트와 같은 고가의 소프트웨어를 대체 할 수 있다고 생각합니다..

분재

Bonsai는 직관적 인 API를 갖춘 경량의 JavaScript 그래픽 라이브러리입니다. 이 라이브러리를 사용하여 직사각형, 삼각형, 원형 또는 복잡한 그래픽과 같은 간단한 도형을 그릴 수 있습니다. 이 라이브러리는 지원되지 않는 브라우저에서 SVG (Scalable Vector Graphic) 렌더링을 대체로 제공하는 데 사용할 수도 있습니다.

또한 Bonsai는 애니메이션, 이벤트 및 필터를 포함한 몇 가지 기능을 제공하여 이러한 그래픽이보다 대화식으로 작동하도록합니다..

반응 형 패턴

반응 형 패턴은 반응 형 웹 사이트를 구축하는 데 사용할 수있는 패턴 모음입니다. 이 컬렉션에는 이미지, 비디오, 테이블 및 양식과 같은 일반적인 웹 구성 요소의 몇 가지 반응 패턴과 함께 반응 형 레이아웃 및 탐색의 몇 가지 예가 포함되어 있습니다..

가공 도구 세트

이것은 아마 당신이 귀하의 웹 사이트를 개발하는 데 필요한 모든 것입니다. Effin Toolsets은 웹 개발자를위한 유용한 도구 모음으로 한 곳에서 모두 포장되어 있습니다..

개인적으로 매우 유용하다고 생각하는이 컬렉션의 도구 중 하나는 식별자, 이 도구는 이러한 문자를 변경합니다., < 과 >, HTML 코드에 삽입하면 코드 스 니펫이

꼬리표.

수 서

Susy는 나침반에 대한 반응 형 그리드입니다. 다른 응답 성있는 그리드 프레임 워크와 마찬가지로 미리 정의 된 몇 가지 스타일로 구성되어 있지만 Sass와 Compass로 만들어 졌으므로이 프레임 워크는 훨씬 더 구성 가능합니다.

Susy를 사용하면 열 번호, 열 너비, 거터 및 격자 채우기를 사용자 정의하여 웹 사이트에 맞는 고유 한 격자로 만들 수 있습니다. Susy는 모든 노력을 다할 것입니다. 계산. Sass와 Compass와 함께 일하는 것을 즐기는 슈퍼 괴짜 인 경우,이 확장 프로그램은 확실히 당신을위한 것입니다..

무한 드롭 다운 탐색

드롭 다운 메뉴는 웹 사이트에서 발견되는 공통 구성 요소입니다. 그러나 드롭 다운 탐색 기능을 만드는 것은보기에 쉽지 않습니다.. 해리 로버츠 CSS Wizardry가 다행히도 “마법 부호” 무한한 드롭 다운 탐색을 만드는 것 (그것은 굉장하다).

버번 깔끔한

Neat는 반응 형 웹 사이트를 쉽게 실행하는 데 도움이되는 반응 형 그리드 프레임 워크입니다. 그것은 Sass와 Bourbon, Sass를위한 유용한 mixins 컬렉션을 기반으로합니다. 이 프레임 워크는 루비 보석이며 터미널이나 명령 프롬프트를 통해이 명령 줄을 사용하여 설치할 수 있습니다 보석을 깔끔하게 설치하십시오..

Typicons

아이콘이 부족합니다. Typicon은 약 88 자로 구성된 글꼴 아이콘 세트입니다. 이 아이콘을 통해 추가 할 수 있습니다. @ font-face 규칙을 적용하고 CSS 의사 요소를 사용하여 웹 사이트에 적용하거나 HTML 문자로 직접 포함 시키십시오.

webfont를 사용하여 아이콘을 제공함으로써 CSS 스프라이트를 배치 할 필요가없고 배경 위치를 조정하여 아이콘, 고해상도 스크린을 표시 할 수 있으며 기술적으로 HTTP 요청을 줄이고 비트 맵 아이콘보다 낮은 대역폭을 사용할 필요가 없다는 장점이 있습니다.

주석 자

이 라이브러리를 사용하면 주석, 태그 및 마크 다운을 웹 컨텐츠에 추가 할 수 있으며 AnnotateIt과 함께 주석을 무료로 저장할 수 있습니다.

공항

공항에 계실 때 비행 정보 보드 전체가 뒤집히는 모습을 볼 수 있습니다. 이 jQuery 플러그인 인 Airport를 사용하여 동일한 필링 텍스트 효과를 만들 수 있습니다..

결론

이번 달은 그게 전부입니다. 당신은이 물건 중 하나를 시도 했습니까? 어느 게 제일 좋아하니? 이 목록에서 빠뜨린 웹 디자이너 / 개발자를위한 멋진 자료를 찾았습니까??.

아래 의견란에 자유롭게 공유하십시오., 우리는 당신의 생각을 듣고 싶습니다..