웹에서 가장 흥미로운 오픈 소스 프로젝트 15 가지

우리는 모든 멋진 새 오픈 소스 프로젝트에 끊임없이 놀랐습니다. 웹 디자인 작업에 필요한 모든 프로 소프트웨어에 대해 거의 항상 눈부신 오픈 소스 대안이 있습니다.

흥미 진진한 프로젝트가 너무 많아서 우리가 가장 좋아하는 프로젝트를 결정하려고 노력했습니다. 로부터 최고의 코드 편집기 자바 스크립트 앱 빌더, 웹 글꼴 도구 등, 웹을 더 나은 곳으로 만들기 위해 수행되고있는 뛰어난 작업의 15 가지 훌륭한 예가 있습니다. 멋진 타이포그래피가 필요하십니까? 최고의 정보를 확인하세요 무료 글꼴 .



01. 아톰

Atom 홈페이지



Atom으로 꿈의 텍스트 편집기를 구축하세요(이미지 출처 : Atom)

원자 핵심을 해킹 할 수 있기 때문에 코더들 사이에서 가장 인기있는 텍스트 편집기 중 하나입니다. 오픈 소스 프로젝트이므로 사용자는 특정 요구에 맞게 사용자 정의 할 수 있습니다.

새로운 기능을 추가하거나 변경하려는 경우 다른 사용자가 새로운 기능을 추가하기 위해 만든 수천 개의 오픈 소스 패키지가 이미 있기 때문에 직접 코딩 할 필요가 없을 것입니다. 찾아보기 여기 필요하지 않은 훌륭한 기능을 찾을 수 있습니다.



02. 네이티브 반응

React 홈페이지

React Native는 React와 비슷하지만 기본 모바일 앱용입니다.(이미지 출처 : React)

네이티브 반응 사용자가 자바 스크립트 만 사용하여 네이티브 모바일 앱을 빌드 할 수 있으며 GitHub에서 매우 인기가 있습니다. 유사하다 반응 (사용자 인터페이스를 구축하는 데 널리 사용되는 JavaScript 라이브러리) 단, 빌딩 블록은 웹 구성 요소가 아닌 기본 구성 요소입니다.

이를 통해 사용자는 풍부한 모바일 UI Objective-C, Java 또는 Swift를 사용하여 빌드 된 앱과 구별 할 수 없습니다. 그러나이 세 가지와 잘 결합되므로 특정 구성 요소를 최적화하기 위해 네이티브 코드로 드롭 다운하려는 경우에도 괜찮습니다.



또한 우리의 오늘 알아야 할 10 가지 ReactJS 전문가 팁 그리고 이것들 마음을 사로 잡는 20 가지 자바 스크립트 도구 .

03. 원사

원사 홈페이지

Yarn은 새로운 NPM입니까?(이미지 출처 : Yarn)

'초고속, 초고속 보안, 초 신뢰성'종속성 관리, 오픈 소스 프로젝트 제공 경쟁자입니다 노드 패키지 관리자 .

기능에는 인터넷 연결없이 패키지를 다시 설치할 수있는 기능, 네트워크 사용을 극대화하는 효율적인 요청 대기열, 중복 종속성을 방지하는 데 도움이되는 플랫 모드가 포함됩니다.

변위 맵을 만드는 방법

04. 패턴 연구소

패턴 랩 오픈 소스 프로젝트

원자 설계 원칙에 따라 작업하기위한 도구 모음

패턴 연구소 원칙을 사용하여 사이트를 구축 할 수 있도록 설계된 도구 모음입니다. 원자 설계 .

즉, 인터페이스를 더 작은 부분으로 나누고 목적에 맞게 구축 한 UI 디자인 시스템 내에서 작동합니다. Atomic design과 Pattern Lab은 모두 Brad Frost의 아이디어이며 출시 이후 인기를 얻었습니다.

05. Visual Studio 코드

Visual Studio Code 홈페이지

Microsoft의 오픈 소스 프로젝트(이미지 출처 : Visual Studio Code)

Visual Studio 코드 Microsoft의 무료 오픈 소스 코드 편집기로, 코딩을 더 빠르게 할 수있는 많은 훌륭한 기능이 있습니다. 스마트 완성 기능을 제공하는 IntelliSense라는 기능이 있습니다. 내장 Git 명령; 편집기 내에서 디버깅 등을 할 수 있습니다.

06. 폰트 어썸

Font Awesome 홈페이지

샌더스 대령 넥타이 만드는 법
정말 대단해(이미지 출처 : Font Awesome)

멋진 글꼴 정말 대단합니다. 하나의 글꼴에 약 1,500 개의 무료 글꼴 아이콘이 포함되어있어 '웹 관련 작업의 그림 언어'를 구성합니다. 아이콘은 무한 확장 가능하므로 어떤 크기에서도 동일하게 보이고 CSS로 스타일을 지정할 수 있습니다.

모든 프레임 워크 및 스크린 리더에서 잘 작동하며 JavaScript가 필요하지 않습니다.

(당신은 또한 이것들을 좋아할지도 모릅니다 41 가지 최고의 무료 웹 글꼴 )

07. 부트 스트랩

부트 스트랩

프런트 엔드 웹 개발을 더 빠르고 쉽게 만듭니다.

부트 스트랩 HTML, CSS 및 JavaScript를 사용하는 반응 형 모바일 우선 프로젝트를 빌드하는 데 도움이되는 프런트 엔드 구성 요소 라이브러리이며 GitHub에서 가장 인기있는 오픈 소스 프로젝트 중 하나입니다. Bootstrap은 2011 년 Twitter에 의해 출시되었지만 성장함에 따라 제작자 Mark Otto와 Jacob Thornton은 자체 오픈 소스 조직으로 옮기기로 결정했고 프로젝트는 Twitter에서 분리되었습니다.

Bootstrap은 설치 공간이 적고 통합이 적으며 시각적 디자인이 뛰어납니다. 오픈 소스 프로젝트에 맞게 조정하는 데 사용할 수있는 웹 기반 커 스터 마이저가 있습니다. jQuery 플러그인 확인란을 선택하여 추가하거나 제거 할 수 있으며 웹 양식을 사용하여 변수를 사용자 지정할 수 있습니다.

12 열 반응 형 그리드, 타이포그래피, 양식 컨트롤이 있으며 반응 형 CSS를 사용하여 모바일 브라우저에서 작동합니다. 우리 중 하나 19 가지 무료 부트 스트랩 테마 여기에서도 유용 할 것입니다.

08. 브래킷

괄호 오픈 소스 프로젝트

브라우저에서 디자인하기위한 최신 텍스트 편집기

Adobe에서 시작된 오픈 소스 프로젝트, 브래킷 웹 기술에 초점을 맞춘 가볍고 현대적인 코드 편집기입니다.

웹 디자이너와 프런트 엔드 개발자를 위해 특별히 제작 된이 제품은 파일 탭 사이를 건너 뛰지 않고 작업중인 코드로 창을 열 수있는 인라인 편집기와 실시간 연결을 제공하는 실시간 미리보기를 포함하여 혁신적인 기능 모음을 자랑합니다. 브라우저로.

09. 접근성 프로젝트

오픈 소스 프로젝트

A11y는 접근성을 더 쉽게 만듭니다.

접근성 프로젝트 제작에 전념하는 오픈 소스 프로젝트입니다 웹 접근성 프런트 엔드 디자이너와 개발자가 일상적인 워크 플로를 이해하고 채택하기가 더 쉽습니다. 이 프로젝트는 핵심 접근성 개념, 기능 및 코드 예제를 추출하기가 너무 어렵다는 개발자의 일반적인 느낌에 따라 2013 년 1 월 중순에 시작되었습니다.

이 프로젝트에는 세 가지 핵심 원칙이 있습니다. 이해하기 쉽고 (짧고 이해하기 쉬운 콘텐츠 제공), 최신 (최신 표준에 따라), 관용 (사람들이 실수를하고 웹 접근성이 까다롭기 때문에)하는 것을 목표로합니다.

블랙 프라이데이 외장 하드 드라이브 판매

이 글을 쓰는 시점에서 100 명이 The Accessibility Project에 기여했으며 모든 사람이 자신의 사이트에 더 쉽게 액세스 할 수 있도록하려는 모든 개발자에게 귀중한 리소스가되었습니다.

10. 라 라벨

라 라벨 홈페이지

Laravel로 아름다운 코드 만들기(이미지 출처 : Laravel)

라 라벨 PHP 개발에 혁명을 가져 왔습니다. 무료 오픈 소스 프로젝트 인이 프로젝트는 웹 장인, 즉 우아하고 간단하며 읽기 쉬운 코드를 중요하게 생각하는 사람들을위한 프레임 워크로 자리 매김하고 팀과 개인이 잘 만들어진 애플리케이션을 빠르게 구축 할 수 있도록 도와줍니다.

라 라벨 주변에는 대규모 커뮤니티와 리소스 모음이 있습니다 (예 : 라라 캐스트 현재 사용되는 가장 인기있는 PHP 프레임 워크 중 하나입니다.

11. 토지

오픈 소스 프로젝트

자바 스크립트 태스크 러너, Grunt

바닥 JavaScript를 사용하여 일반적인 작업을 자동화 할 수 있습니다. 최소화, 컴파일, 단위 테스트 및 Linting과 같은 평범하고 반복적 인 작업을 거의 제로 노력으로 수행 할 수 있습니다. 그리고 Grunt는 확장 가능하기 때문에 누군가가 여러분이 필요로하는 것을 아직 구축하지 않았다면 여러분은 자신 만의 Grunt 플러그인을 쉽게 작성하고 게시 할 수 있습니다.

Grunt는 빌드 프로세스의 작업에 공통 인터페이스를 제공하여 웹 개발자의 진입 장벽을 크게 낮췄습니다. 광범위한 플러그인 에코 시스템과 손쉬운 구성 형식을 통해 팀의 모든 구성원이 디자이너를 포함한 최신 빌드 프로세스를 만들 수 있습니다.

12. Ember.js

오픈 소스 프로젝트

Ember로 야심 찬 앱 만들기

Ember.js 자체적으로 '야심 찬 웹 애플리케이션을 만들기위한 프레임 워크'라고 주장합니다. 가장 큰 기능 중 하나는 데이터 바인딩입니다. Ember의 개체는 속성을 서로 바인딩 할 수 있으므로 한 개체의 속성이 변경 될 때 다른 개체는 동기화 상태로 유지됩니다.

또 다른 흥미로운 기능은 Ember가 속성으로 취급 할 수있는 객체에 대한 함수를 정의하는 기능입니다. 따라서 모델에 성과 이름이있는 경우 사람의 전체 이름을 정의하는 함수를 만들고 모델에 전체 이름 속성이있는 것처럼 처리되도록 할 수 있습니다.

사용자를 끌어들일 가능성이 가장 높은 기능은 Ember가 데이터가 변경 될 때 자동으로 뷰를 업데이트하여 많은 작업을 절약한다는 것입니다.

13. 고스트

고스트 홈페이지

오픈 소스 블로깅 플랫폼 인 Ghost(이미지 출처 : Ghost)

블로깅 플랫폼 유령 Kickstarter를 통해 성공적으로 자금을 조달했을 때 머리를 돌렸고, 원래 요청 인 £ 25,000를 넘어서 결국 £ 196,000 이상의 자금을 유치했습니다. 오픈 소스 프로젝트는 이제 비영리 단체 인 Ghost Foundation과 일부 독립적 인 기여자가 유지 관리합니다.

Ghost는 블로거에게 기존 플랫폼의 복잡성을 처리하지 않고도 콘텐츠를 작성하고 게시 할 수있는 간단한 인터페이스를 제공하는 독특한 목적을 가지고 있습니다. 자체 웹 서버에 다운로드하여 설치할 수있는 패키지로 무료로 제공되지만 너무 번거롭고 비용을 지불 할 의향이있는 경우 프로 호스팅 버전이 있습니다.

14. Vue.js

Vue.js 홈페이지

Vue.js는 계속해서 가장 유명한 JavaScript 프레임 워크 중 하나입니다.(이미지 출처 : Vue.js)

Vue.js는 2014 년에 처음 설정된 오픈 소스 모델-뷰-뷰 모델 JavaScript 프레임 워크입니다. 지난 5 년 동안 구성 요소 덕분에 가장 유명한 JavaScript 프레임 워크 중 하나가되었습니다. 웹 애플리케이션 구축에 대한 기반 접근 방식.

이미 Vue.js에 익숙하다면 다음 방법에 대한 팁에 관심이있을 것입니다. 응용 프로그램 내에서 성능 향상 . 우리는 또한 다루었습니다 Vue.js로 앱을 만드는 방법 용이하게.

검은 금요일 컴퓨터 모니터 거래 2017

15. 서보

서보 홈페이지

Servo는 2013 년 Mozilla에 의해 처음 공개되었습니다.(이미지 출처 : 서보)

서보 기구 비교적 새로운 시스템 프로그래밍 언어 인 Rust로 완전히 작성된 프로토 타입 웹 브라우저 엔진입니다. 후원자 인 Mozilla의 주목할만한 개선 사항에는 Firefox와 함께 더 나은 병렬 처리 및 성능을 달성하여 더 안정적인 브라우저로 만드는 통합 구성 요소가 포함됩니다.

더 읽어보기 :