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

이 작업을 1 년 이상 수행 한 후에 디자이너와 개발자를 위해이 월간 리소스 파일을 작성하는 가장 어려운 부분은 소개입니다. 주제에 관해서는 2015 년 2 월에 나와있는 것처럼 당신과 같은 웹 개발자를위한 최고의 자원을 새로이 요약 해 보겠습니다..

이 기사에서 우리는 특별한 검색 엔진으로 코드 스 니펫 찾기, 매우 수완있는 Flexbox 모듈의 주소 문제에 대한 참조, 더 나은 관리를위한 개발 도구 색상, 서체 및 그라디언트.

그라디언트 애니메이터

CSS3 그라디언트를 사용하면 이미지를로드 할 필요없이 웹 사이트에서 이미지가없는 그라디언트를 만들 수 있습니다. 우리는 CSS3 Animation과 결합하여 더욱 매력적인 효과를 낼 수도 있습니다. 그러나 코드가 너무 많은 경우 간단한 인터페이스 인 Gradient Animator를 사용하여 인터페이스를 생성하십시오..

SVG 포켓 가이드

SVG 포켓 가이드 Joni Trythall이 편집합니다. SVG의 기본 사항 (도형 및 텍스트 만들기와 같은)을보다 진보 된 기능 (예 : 그라디언트 만들기, 패스 및 패턴 자르기)으로 안내하는 유용한 참고 자료입니다. 이 책은 Markdown 형식으로 제공되며 영어와 포르투갈어로 제공됩니다..

플랙시스

Flexbox는 CSS3에서 매우 유망한 새로운 모듈로서 웹 레이아웃을 구축하는 방식을 완전히 바꿀 것입니다. 그러나 그것도 자체 브라우저 호환성 문제와 함께 제공됩니다. 이 저장소, 플랙시스, 이 버그들을 모아 놓은 것입니다. 이것은 웹의 최첨단에 살고있는 누구에게나 매우 유용한 자료입니다.

Icono

CSS 하나만으로 단일 아이콘을 사용하여 완전히 표현할 수있는 아이콘을 만드는 것과 같은 놀라운 기능을 제공합니다.. Icono 이 작업을 수행하는 라이브러리입니다. 이 라이브러리에는 단일 요소 및 CSS로만 작성된 익숙한 아이콘 모음이 있습니다. 이 아이콘은 이미지 기반 아이콘보다 빠르게로드되고 사용자 지정이 가능합니다..

딜 린저

딜 린저 눈을 즐겁게하는 Markdown 편집기입니다. 여기서 Markdown 형식으로 작성하고 오른쪽 탭에서 결과를 즉시 볼 수 있습니다. 사용자의 편의를 위해 Dillinger를 사용하면 작업을 HTML, PDF 또는 Markdown 파일 형식으로 내보낼 수 있습니다. 또는 파일을 저장할 수있는 Dropbox 및 Github와 같은 타사 서비스에도 연결할 수 있습니다.

HTML5Up

HTML5Up 무료 HTML5 기반 템플릿 모음입니다. 비즈니스, 포트폴리오 또는 단순한 블로그와 같은 다양한 유형의 웹 사이트를 수용 할 수있는 레이아웃을 찾으실 수 있습니다. 모든 템플릿은 응답 성이 뛰어나 다양한 화면 크기로 콘텐츠와 웹 사이트 레이아웃을 즐길 수 있습니다..

CSS 색상

특정 색상의 이름이 무엇인지 궁금해 한 적이 있습니까?? CSS 색상 기본 색상 모음에 대한 색상 이름과 16 진수 및 RGBA 형식을 보여줍니다. 웹 사이트에 완벽한 색상 조합을 찾는 좋은 방법입니다..

Emmet 재검토

다시보기는 웹 사이트를 구문 분석하는 Chrome 확장 프로그램입니다. @미디어 각 웹 사이트에 지정된 중단 점에 웹 사이트를 쿼리하고 표시합니다. @미디어 질문. 반응 형 웹 사이트를 테스트 할 때 약간의 시간을 절약 할 수있는 도구를 찾고 있다면이 도구가 필요합니다..

TypeGenius

Google 글꼴 라이브러리를 살펴보면 다양한 얼굴, 가족, 무게 및 유형으로 많은 글꼴을 찾을 수 있습니다. 따라서 올바른 쌍 또는 글꼴 조합을 선택하는 것은 압도적 인 작업 일 수 있습니다.. TypeGenius 글꼴 쌍을 간단하고 신속하게 선택하고 일반 인구를 위해 가능하게 함.

검색 코드

이름에서 알 수 있듯이이 스크립트는 JavaScript, C, PHP를 비롯한 많은 프로그래밍 언어의 코드 또는 코드 스 니펫을 검색하는 검색 엔진입니다. 이 검색 엔진은 Github, Bitbucket 및 Google 코드와 같은 여러 소스에서 결과를 가져옵니다. 무거운 코더를위한 확실한 필수 도구.