on
개발자로서의 삶을 훨씬 더 쉽게 만들고 싶으십니까? 이 도구 사용
개발자로서의 삶을 훨씬 더 쉽게 만들고 싶으십니까? 이 도구 사용
반응형
웹 디자인 및 웹 개발과 같은 영역을 위해 만들어진 혁신적인 도구가 거의 매일 웹에 나타납니다. 개발자로서의 삶을 훨씬 더 쉽게 만들고 싶다면 이러한 도구를 사용해 보십시오.
1. 타이핑.이오
Typing.io은 자바스크립트, 루비, C, C ++, 자바, PHP 또는 펄과 같은 오픈 소스 코딩 환경에서 코드 작성을 연습하고자 하는 프로그래머들에게 흥미로운 애플리케이션이다.
2. CSS3P
CSS3P는 사용자가 만든 레이어를 CSS3 코드로 변환하는 무료 포토샵 플러그인입니다. 제작자들은 플러그의 가능성을 지속적으로 확장하고 있지만, 실제로 어떻게 작동하는지 직접 볼 수 있습니다.
3. 듀이
듀이는 인기 있는 구글 크롬 웹 브라우저의 훌륭한 확장자이다. 추가 기능으로 책갈피를 훨씬 더 즐겁게 관리할 수 있습니다. 사용자는 태그 지정 또는 화면 추가와 같은 몇 가지 흥미로운 옵션에 액세스할 수 있습니다.
4. 브라우저동기화
브라우저동기화는 반응성이 뛰어난 웹 사이트를 만드는 사람들에게 어필할 수 있는 강력한 도구입니다. 응용 프로그램의 작업은 여러 장치와 브라우저에서 페이지(클릭, 스크롤 등)를 동시에 자동으로 테스트하는 것입니다. 덕분에 생성된 RWD 페이지에서 오류를 감지하는 것이 훨씬 더 쉬워졌습니다.
5. 즐겨라CSS
EngoyCSS는 온라인 CSS 코드 생성기입니다. 인터페이스 덕분에 Engoy와 함께 작업CSS는 쉽고 직관적입니다. 완료되면 코드를 복사하여 작성 중인 페이지에 붙여넣을 수 있습니다.
6. 압축나우
압축나우는 편리한 온라인 사진 크기 조정 도구입니다. 예를 들어, 페이지가 더 빨리 로드되기를 원할 때 사진을 "슬림다운"하는 것이 도움이 될 수 있습니다. 도구의 원리는 간단하고 직관적입니다. 관심 있는 사진을 로드하고 축소할 크기의 백분율을 지정합니다. 원본 사진의 너비와 높이가 보존됩니다. 이 도구는 .gif, .jpg, .jpeg 및 .png 확장자를 지원합니다.
7. 이지줌
EasyZoom은 사진을 확대할 수 있는 jQuery 플러그인입니다. 플러그인은 터치 장치를 지원하며 #CSS 언어를 사용하여 쉽게 수정할 수 있습니다.
8. 레이아웃
레이아웃잇은 드래그 앤 드롭 페이지를 만들기 위한 온라인 부트스트랩 기반 도구입니다. 고급 개발자는 HTML 파일을 다운로드하고 모든 언어로 수정할 수 있습니다.
9. Bespoke.js
Bespoke.js는 흥미롭고 눈길을 끄는 프레젠테이션을 만들기 위한 매우 미니멀리즘적인 프레임워크입니다. 프레임워크로 시작하는 것은 초보 프로그래머들에게는 시간이 걸릴 수 있지만, 최종 결과는 그만한 가치가 있다.
10. Mueller 그리드 시스템
Mueller 그리드 시스템은 반응 및 고정 레이아웃 페이지를 위한 그리드 세트입니다. 사용자는 미디어 쿼리 및 열 너비를 완전히 제어할 수 있습니다.
11. qSnap
qSnap은 스크린샷 유틸리티입니다. 이 도구는 모든 인기 있는 브라우저에서 작동합니다. 스크린샷을 찍은 후에는 내장된 편집기를 사용하여 편집할 수 있습니다. 그런 다음 다른 사용자와 이미지를 공유하거나 컴퓨터에 저장할 수 있습니다.
12. 우상
Iconion은 글꼴에서 직접 PNG의 아이콘을 생성하는 프로그램입니다. 또한 색상, 그림자, 그라데이션 등을 추가하여 아이콘을 수정할 수 있습니다.
13. 글꼴 조합자
글꼴 조합기는 글꼴을 만드는 도구입니다. 사용자에게 크기 조정, 힌팅 작성 또는 kern 옵션이 제공됩니다. 웹 사이트가 다른 웹 사이트와 차별화되기를 원할 때 유용한 도구입니다.
14. Impress.js
Impress.js는 흥미로운 프레젠테이션을 만들기 위한 프레임워크입니다. 이 프레임워크는 현대 웹 브라우저의 CSS 변환 및 전환 가능성을 사용하여 작성되었습니다.
15. 시제품
글꼴은 모든 웹 사이트의 필수 요소입니다. 프로토타입포는 글꼴을 직관적으로 수정할 수 있는 도구입니다. 이 도구 덕분에 글꼴의 독특한 모양을 쉽게 얻을 수 있고 사용자가 만든 페이지를 훨씬 더 흥미롭게 만들 수 있습니다.
16. 애보코드
아보코드는 포토샵 없이 PSD 파일에 접근할 수 있게 해주는 애플리케이션이다. 디자이너와 웹 개발자 간의 협업을 위한 탁월한 솔루션입니다. 현재 앱을 사용하려면 초대장이 필요합니다.
17. InVisionapp
InVisionapp은 다양한 프로젝트에서 협업하는 사용자를 위해 설계된 애플리케이션입니다. 생성된 프로젝트를 쉽게 게시하거나, 아이디어를 다른 사람과 공유하거나, 의견을 교환하거나, 변경할 수 있습니다.
18. 부트스트랩 스튜디오
부트스트랩 디자이너는 부트스트랩 프레임워크용 HTML 템플릿을 만드는 온라인 도구입니다. 흥미로운 옵션 중 하나는 승인을 위해 고객에게 제시할 수 있는 빠른 목업을 생성하는 것입니다.
19. CSSDesk
CSSDesk는 CSS와 HTML 코드에 초점을 맞춘 도구이다. 이 도구의 장점은 페이지를 실시간, 줄 번호 지정 또는 유용한 코드 색으로 미리 볼 수 있다는 것입니다.
20. 추운 터키
콜드 터키는 특정 기간 동안 선택한 사이트에 대한 액세스를 차단하는 도구입니다. 특히 학교 수업 시간이나 해야 할 프로젝트가 있을 때 유용하며 즐겨찾는 페이지에는 집중할 수 없습니다.
21. 주니어
주니어는 HTML5에서 모바일 애플리케이션을 만들기 위한 프레임워크입니다. 프레임워크는 소위 CSS3 전환, 즉 한 값에서 다른 값으로 애니메이션 전환의 효과를 사용합니다. 또한, 프레임워크는 널리 사용되는 backbone.js 라이브러리와 통합됩니다.
22. FitVids.js
Fitvids.js는 비디오 파일을 응답 웹 사이트에 쉽게 내장할 수 있는 경량 jQuery 플러그인입니다. 이 플러그인 덕분에 파일은 페이지 크기에 원활하게 적응할 수 있습니다.
23. CollagePlus
CollagePlus는 목록에 있는 또 다른 jQuery 플러그인입니다. 그것은 당신의 갤러리를 구글+나 플리커 스타일로 흥미롭게 보이게 할 것이다. 사용자는 CSS, 행 높이 또는 사진 간격에서 요소 경계를 정의할 수 있습니다.
기사의 앞부분에서 말했듯이, 도구들이 매일 만들어지고 있다. 그러므로, 이것은 완전한 목록이 아니라 프로그래머가 쉽게 찾을 수 있는 귀중한 자원이다.
일반 영어로 더 많은 내용을 제공합니다.이오
from http://it-ground.tistory.com/222 by ccl(A) rewrite - 2021-09-24 03:26:41