15-те най-вълнуващи проекта с отворен код в мрежата

Постоянно сме изумени от всички страхотни нови проекти с отворен код; почти винаги има ослепителна алтернатива с отворен код на какъвто и да е професионален софтуер, от който се нуждаете за работата си по уеб дизайн, ако знаете къде да търсите.

С толкова много вълнуващи проекти там, ние бяхме на работа, за да се опитаме да вземем решение за нашите фаворити. От най-добрите редактори на кодове към конструкторите на приложения на JavaScript, уеб шрифт инструменти и други, ето 15 страхотни примера за превъзходната работа, която се прави, за да се направи мрежата по-добро място. Имате нужда от страхотна типография? Вижте нашия обзор на най-добрите безплатни шрифтове .

01. Атом

Начална страница на Atom



Изградете текстовия редактор на мечтите си с Atom(Кредит за изображение: Atom)

Атом е един от най-популярните текстови редактори сред кодерите, тъй като е хакнат до основата си - като проект с отворен код, потребителите могат да го персонализират според своите специфични нужди.

Ако искате да добавите нова функция или да промените нещо, най-вероятно няма да се налага да кодирате това сами, защото вече има хиляди пакети с отворен код, които други потребители са създали, за да добавят нова функционалност. Прегледайте ги тук за да намерите страхотни функции, които никога не сте знаели, че са ви необходими.

02. React Native

Начална страница на React

React Native е като React, но за местни мобилни приложения(Кредит за изображение: React)

React Native дава възможност на потребителите да създават собствени мобилни приложения, използвайки само JavaScript и е невероятно популярен в GitHub. Подобно е на Реагирайте (популярната библиотека на JavaScript за изграждане на потребителски интерфейси), с изключение на това, че нейните градивни елементи са по-скоро компоненти, отколкото уеб компоненти.

С него потребителите могат да творчески богати мобилни устройства Потребителски интерфейси които не се различават от приложения, създадени с помощта на Objective-C, Java или Swift. Въпреки това, той се комбинира добре с тези три, така че ако искате да преминете към родния код, за да оптимизирате определени компоненти, това също е добре.

Може да искате да разгледате и нашите 10 експертни съвета за ReactJS, които трябва да знаете днес и тези 20 инструмента за JavaScript, които да ви задушат .

03. Прежда

Начална страница на преждата

Преждата ли е новият NPM?(Кредит за изображение: прежда)

Предлага 'ултра бърз, мега-сигурен, супер-надежден' управление на зависимостите, проект с отворен код Прежда е конкурент на възел мениджър на пакети .

Характеристиките включват възможността за преинсталиране на пакети без интернет връзка, ефективна опашка от заявки, която обещава да увеличи максимално използването на мрежата, и плосък режим, който ви помага да избегнете дублиращи се зависимости.

04. Pattern Lab

Pattern lab отворени проекти

Набор от инструменти за работа в съответствие с принципите на атомния дизайн

Pattern Lab е набор от инструменти, предназначени да ви помогнат да изградите сайтове, използвайки принципите на атомен дизайн .

Това означава разбиване на интерфейси на по-малки части и работа в рамките на система за проектиране на потребителски интерфейс, която сте изградили според вашите цели. Атомният дизайн и Pattern Lab са едно от идеите на Брад Фрост и процъфтяват популярността си, откакто стартират.

05. Код на Visual Studio

Начална страница на Visual Studio Code

Проект с отворен код от Microsoft(Кредит за изображение: Visual Studio Code)

Код на Visual Studio е безплатен редактор с отворен код на Microsoft, който разполага с множество страхотни функции, които правят кодирането по-бързо. Има функция, наречена IntelliSense, която осигурява интелигентни завършвания; вградени Git команди; отстраняване на грешки от редактора и много други.

06. Шрифт Awesome

Начална страница на шрифта Awesome

Наистина страхотно(Кредит за изображение: Шрифт страхотен)

Шрифт Awesome е наистина страхотно: има около 1500 икони на безплатни шрифтове, съдържащи се в един шрифт, представляващи „пиктографски език на действия, свързани с мрежата“. Иконите са безкрайно мащабируеми, така че изглеждат еднакви при всеки размер и можете да ги оформите с CSS.

Той работи добре с всички рамки и екранни четци и не изисква JavaScript.

(Може да харесате и тези 41 топ безплатни уеб шрифта )

07. Bootstrap

bootstrap

Прави фронтенд уеб разработката по-бърза и лесна

Bootstrap е библиотека на фронтенд компоненти, която ви помага да създавате отзивчиви, първоначално проекти за мобилни устройства, използващи HTML, CSS и JavaScript, и един от най-популярните проекти с отворен код на GitHub. Bootstrap стартира от Twitter през 2011 г., но с нарастването му създателите му Марк Ото и Джейкъб Торнтън решиха да го преместят в собствена организация с отворен код и проектът се отдели от Twitter.

Bootstrap има малък отпечатък, по-малко интеграция и завладяващ визуален дизайн. Има уеб базиран персонализатор, който можете да използвате, за да го приспособите към вашия проект с отворен код: компоненти и jQuery плъгини може да се добавя или премахва чрез поставяне на отметки в квадратчетата, а променливите могат да се персонализират с помощта на уеб формуляр.

Има 12-колонна отзивчива мрежа, типография, контроли за формуляри и тя използва отзивчив CSS за работа с мобилни браузъри. Един от нашите 19 страхотни безплатни теми за Bootstrap може и тук да ви дойде по-удобно.

08. Скоби

скоби с проект с отворен код

Модерен текстов редактор за проектиране в браузъра

Проект с отворен код, който започна живота си в Adobe, Скоби е лек и модерен редактор на кодове, фокусиран върху уеб технологиите.

Създаден специално за уеб дизайнери и разработчици на фронтендове, той може да се похвали с колекция от иновативни функции, включително вградени редактори, които ви позволяват да отваряте прозорци в кода, върху който работите, вместо да прескачате между разделите на файлове, и визуализация на живо предлага връзка в реално време с вашия браузър.

09. Проектът за достъпност

проекти с отворен код

A11y прави достъпността по-достъпна

Проектът за достъпност е проект с отворен код, ангажиран да прави уеб достъпност по-лесно за интерфейсните дизайнери и разработчици да разберат и внедрят в ежедневен работен процес. Проектът стартира в средата на януари 2013 г. в отговор на общо усещане сред разработчиците, че основните концепции за достъпност, функции и примери за код са твърде трудни за извличане.

Проектът има три основни принципа. Целта му е да бъде смилаема (предлагаща кратки, лесни за разбиране части от съдържание), актуална (в съответствие с най-новите стандарти) и прощаваща (защото хората правят грешки, а достъпността в мрежата е трудна).

По време на писането на текста 100 души са допринесли за Проекта за достъпност и той се е превърнал в безценен ресурс за всеки разработчик, който иска да направи своите сайтове по-достъпни за всички.

10. Laravel

Начална страница на Laravel

Направете красив код с Laravel(Кредит за изображение: Laravel)

Laravel революционизира развитието на PHP. Безплатен проект с отворен код, той се представя като рамка за уеб занаятчии - с други думи, хора, които ценят кода, който е елегантен, опростен и четим - и помага на екипите и отделните личности бързо да изграждат добре направени приложения.

Около Laravel има голяма общност и колекция от ресурси (например Ларакасти screencasts) и това е една от най-популярните PHP рамки, използвана днес.

11. Земя

проекти с отворен код

Grunt, бегачът на задачи на JavaScript

Земя ви позволява да автоматизирате често срещани задачи с помощта на JavaScript. Можете да изпълнявате обикновени, повтарящи се задачи като минификация, компилация, тестване на единици и свързване с почти нулеви усилия. И тъй като Grunt е разширяем, ако някой вече не е изградил това, от което се нуждаете, можете лесно да създадете и публикувате своя собствена приставка Grunt.

Grunt драстично намали бариерата за влизане за уеб разработчиците, като предостави общ интерфейс за задачите в техния процес на изграждане. Широката екосистема на приставките и лесният формат за конфигуриране позволяват на всеки от екипа да създаде модерен процес на изграждане - включително дизайнери.

12. Ember.js

проекти с отворен код

Направете амбициозни приложения с Ember

Ember.js се таксува като „рамка за създаване на амбициозни уеб приложения“. Една от най-големите характеристики е свързването на данни; обектите в Ember могат да свързват свойства помежду си, така че когато свойството се промени в единия обект, другият се поддържа в синхрон.

Друга интересна характеристика е способността на Ember да дефинира функции на обект, които след това можете да третирате като свойства. Следователно, ако моделът има собствено и фамилно име, можете да създадете функция за дефиниране на пълното име на човек и да го третирате така, сякаш моделът има свойство с пълно име.

Функцията, която най-вероятно ще ви привлече, е, че Ember автоматично актуализира своите изгледи при промяна на данните - спестявайки ви много работа.

13. Дух

Начална страница на призрак

Ghost, платформа за блогове с отворен код(Кредит за изображение: Ghost)

Блогърска платформа Дух обърна главите си, когато беше успешно финансиран чрез Kickstarter, надминавайки първоначалното искане от 25 000 британски лири и в крайна сметка донесе над 196 000 британски лири финансиране. Проектът с отворен код сега се поддържа от организация с нестопанска цел Ghost Foundation плюс някои независими участници.

Ghost има уникалната цел да предостави на блогърите прост интерфейс, който им позволява да пишат и публикуват съдържанието си, без да се занимават със сложността на традиционните платформи. Безплатно е като пакет, който можете да изтеглите и инсталирате на собствения си уеб сървър, но ако това е твърде много неприятности и сте готови да платите, има професионални хоствани версии.

калъф за macbook pro с капак на клавиатурата

14. Vue.js

Начална страница на Vue.js

Vue.js продължава да бъде една от най-известните JavaScript рамки(Кредит за изображение: Vue.js)

Vue.js е JavaScript-рамка с отворен код Model-view-viewmodel, която е създадена за първи път през 2014 г. През последните пет години е нараснал, за да се превърне в една от най-известните JavaScript рамки, отчасти благодарение на нейния компонент- базиран подход за изграждане на уеб приложения.

И ако вече сте запознати с Vue.js, може да се интересувате от нашите съвети как да го направите ускорете работата в приложението . Ние също покрихме как да създадете приложение с Vue.js лесно.

15. Серво

Начална страница на серво

Servo първоначално беше разкрит от Mozilla през 2013 г.(Кредит на изображението: Servo)

Серво е прототип на уеб браузър, написан изцяло на относително новия системен език за програмиране Rust. Забележителните подобрения от неговия спонсор, Mozilla, включват интегрирани компоненти, които имат за цел да постигнат по-добър паралелизъм и производителност с Firefox, за да го направят по-стабилен браузър.

Прочетете още: