15 įdomiausių atvirojo kodo projektų internete

Mus nuolat stebina visi šaunūs nauji atvirojo kodo projektai; beveik visada yra akinanti atvirojo kodo alternatyva bet kokiai programinei įrangai, kurios jums reikia jūsų interneto dizaino darbams, jei žinote, kur ieškoti.

Turėdami tiek daug įdomių projektų, mes turėjome savo darbą, bandydami nuspręsti dėl savo mėgstamiausių. Nuo geriausi kodo redaktoriai „JavaScript“ programų kūrėjams, žiniatinklio šriftas įrankių ir dar daugiau, pateikiame 15 puikių puikių darbų, kurie atliekami, kad žiniatinklis taptų geresne, pavyzdžių. Reikia puikios tipografijos? Peržiūrėkite mūsų geriausius duomenis nemokami šriftai .

01. Atomas



Sukurkite savo svajonių teksto redaktorių naudodami „Atom“(Vaizdo kreditas: Atom)

Atomas yra vienas populiariausių teksto redaktorių tarp koduotojų, nes jį galima nulaužti iki pagrindo - būdami atvirojo kodo projektu, vartotojai gali jį pritaikyti pagal savo specifinius poreikius.

Jei norite pridėti naują funkciją ar ką nors pakeisti, greičiausiai jums nereikės to koduoti patiems, nes jau yra tūkstančiai atvirojo kodo paketų, kuriuos kiti vartotojai sukūrė norėdami pridėti naują funkciją. Naršykite po juos čia rasti puikių funkcijų, kurių niekada nežinojote, kad jums reikia.

02. Reaguoti Gimtoji

Reaguokite į pagrindinį puslapį

„React Native“ yra panašus į „React“, bet skirtas vietinėms mobiliesiems programoms(Vaizdo kreditas: React)

Reaguoti Gimtoji suteikia vartotojams galimybę kurti vietines programas mobiliesiems, naudojant tik „JavaScript“, ir yra nepaprastai populiari „GitHub“. Tai panašu į Reaguoti (populiari „JavaScript“ biblioteka, skirta kurti vartotojo sąsajas), išskyrus tai, kad jos blokai yra vietiniai, o ne žiniatinklio komponentai.

Naudodamiesi ja, vartotojai gali kurti daug mobiliųjų telefonų Vartotojo sąsajos kurių negalima atskirti nuo programų, sukurtų naudojant „Objective-C“, „Java“ ar „Swift“. Tačiau jis puikiai derinamas su tomis trimis, taigi, jei norite pereiti prie vietinio kodo ir optimizuoti tam tikrus komponentus, tai taip pat gerai.

Galbūt norėsite patikrinti ir mūsų 10 ekspertų „ReactJS“ patarimų, kuriuos turite žinoti šiandien ir šie 20 „JavaScript“ įrankių, leidžiančių susimąstyti .

03. Verpalai

Verpalų pagrindinis puslapis

Ar siūlai yra naujasis NPM?(Vaizdo kreditas: verpalai)

Siūlomas „labai greitas, labai saugus, ypač patikimas“ priklausomybės valdymo atvirojo kodo projektas Verpalai yra konkurentas mazgo paketų tvarkyklė .

Tarp funkcijų yra galimybė iš naujo įdiegti paketus be interneto ryšio, efektyvi užklausų eilė, žadanti maksimaliai padidinti tinklo naudojimą, ir plokščiasis režimas, padedantis išvengti pasikartojančių priklausomybių.

04. Rašto laboratorija

Rašto laboratorijos atvirojo kodo projektai

Įrankių rinkinys, skirtas dirbti pagal atominio projektavimo principus

Rašto laboratorija yra įrankių rinkinys, sukurtas padėti kurti svetaines naudojant atominis dizainas .

Tai reiškia, kad sąsajos turi būti suskaidytos į mažesnes dalis ir veikti vartotojo sąsajos dizaino sistemoje, kurią sukūrėte savo tikslams. „Atomic Design“ ir „Pattern Lab“ yra Brado Frosto sumanymas ir jų populiarumas pražydo nuo pat jų paleidimo.

05. „Visual Studio“ kodas

Atviro kodo „Microsoft“ projektas(Vaizdo kreditas: „Visual Studio“ kodas)

„Visual Studio“ kodas yra nemokamas „Microsoft“ atviro kodo redaktorius, turintis daugybę puikių funkcijų, leidžiančių greičiau koduoti. Yra funkcija, vadinama „IntelliSense“, kuri teikia išmanius užbaigimus; įmontuotos „Git“ komandos; derinimas iš redaktoriaus ir daug daugiau.

06. Šriftas nuostabus

Šrifto nuostabus pagrindinis puslapis

Nuostabus iš tiesų(Vaizdo kreditas: nuostabus šriftas)

Šriftas nuostabus iš tiesų yra nuostabu: viename šrifte yra apytiksliai 1 500 nemokamų šriftų piktogramų, kurios yra „su žiniatinkliu susijusių veiksmų piktografinė kalba“. Piktogramos yra be galo keičiamos, todėl bet kokio dydžio atrodo vienodos, todėl galite jas stilizuoti naudodami CSS.

Jis gerai veikia su visais rėmeliais ir ekrano skaitytuvais, jam nereikia „JavaScript“.

(Jums taip pat gali patikti 41 populiariausias nemokamas internetinis šriftas )

07. Bootstrap

įkrovos diržas

Sparčiau ir paprasčiau sukuria „frontend“ tinklo kūrimą

Bootstrap yra „frontend“ komponentų biblioteka, padedanti kurti interaktyvius, pirmiausia mobiliesiems skirtus projektus, naudojant HTML, CSS ir „JavaScript“, ir vieną populiariausių „GitHub“ atvirojo kodo projektų. „Bootstrap“ pradėjo veikti „Twitter“ 2011 m., Tačiau augdami jo kūrėjai Markas Otto ir Jacobas Thorntonas nusprendė perkelti jį į savo atvirojo kodo organizaciją, o projektas atsiskyrė nuo „Twitter“.

„Bootstrap“ turi nedidelį pėdsaką, mažiau integracijos ir patrauklaus vizualinio dizaino. Yra žiniatinklio pritaikymo priemonė, kurią galite naudoti pritaikydami savo atvirojo kodo projektą: komponentai ir „jQuery“ papildiniai galima pridėti arba pašalinti pažymint žymimuosius laukelius, o kintamuosius galima pritaikyti naudojant žiniatinklio formą.

Yra 12 stulpelių interaktyvus tinklelis, tipografija, formos valdikliai ir naudojamas reaguojantis CSS darbui su naršyklėmis mobiliesiems. Vienas iš mūsų 19 puikių nemokamų „Bootstrap“ temų gali būti naudinga ir čia.

08. Skliausteliai

skliausteliuose atviro kodo projektas

Šiuolaikinis teksto redaktorius, skirtas kurti naršyklėje

Atviro kodo projektas, savo gyvenimą pradėjęs „Adobe“, Skliausteliuose yra lengvas ir modernus kodų redaktorius, orientuotas į interneto technologijas.

Sukurtas specialiai žiniatinklio dizaineriams ir frontendų kūrėjams, jis gali pasigirti novatoriškų funkcijų kolekcija, įskaitant tiesioginius redaktorius, leidžiančius atidaryti langus į kodą, kurį dirbate, o ne šokinėti tarp failų skirtukų, ir tiesioginė peržiūra siūlo realųjį laiką su savo naršykle.

09. Prieinamumo projektas

atvirojo kodo projektai

A11y daro prieinamumą lengviau prieinamą

Prieinamumo projektas yra atviro kodo projektas, įsipareigojęs kurti interneto prieinamumas Priekinių dizainerių ir kūrėjų lengviau suprasti ir pritaikyti kasdienėje darbo eigoje. Projektas prasidėjo 2013 m. Sausio viduryje, reaguodamas į bendrą kūrėjų nuojautą, kad pagrindines pritaikymo neįgaliesiems koncepcijas, funkcijas ir kodų pavyzdžius yra pernelyg sunku išgauti.

Projekte yra trys pagrindiniai principai. Jo tikslas - būti lengvai virškinamas (siūlantis trumpą, lengvai suprantamą turinį), naujausias (atsižvelgiant į naujausius standartus) ir atlaidus (nes žmonės daro klaidų, o interneto prieinamumas yra keblus).

Rašymo metu prie prieinamumo projekto prisidėjo 100 žmonių, ir tai tapo neįkainojamu šaltiniu bet kuriam kūrėjui, norinčiam padaryti savo svetaines visiems prieinames.

10. Laravelas

Su „Laravel“ sukurkite gražų kodą(Vaizdo kreditas: Laravel)

Laravel sukėlė revoliuciją PHP kūrime. Nemokamas, atviro kodo projektas yra pagrindas žiniatinklio amatininkams - kitaip tariant, žmonėms, kurie vertina elegantišką, paprastą ir įskaitomą kodą - ir padeda komandoms ir asmenims greitai kurti gerai sukurtas programas.

Aplink „Laravel“ yra didelė bendruomenė ir išteklių kolekcija (pavyzdžiui, Laracasts screencasts) ir tai yra viena iš populiariausių PHP sistemų, naudojamų šiandien.

11. Žemė

atvirojo kodo projektai

Gruntas, „JavaScript“ užduočių vykdytojas

Žemė leidžia automatizuoti įprastas užduotis naudojant „JavaScript“. Beveik be jokių pastangų galite atlikti kasdienes, pasikartojančias užduotis, tokias kaip smulkinimas, kompiliavimas, vieneto bandymai ir pūkavimas. Kadangi „Grunt“ yra išplečiamas, jei kas nors dar nesukūrė to, ko jums reikia, galite lengvai sukurti ir paskelbti savo „Grunt“ papildinį.

„Grunt“ žymiai sumažino kliūtį patekti į interneto kūrėjus, pateikdamas bendrą sąsają jų kūrimo proceso užduotims atlikti. Plati papildinių ekosistema ir lengvas konfigūracijos formatas leidžia visiems komandos nariams sukurti šiuolaikišką kūrimo procesą - įskaitant dizainerius.

12. Ember.js

atvirojo kodo projektai

Kurkite ambicingas programas su „Ember“

Ember.js sąskaita yra „ambicingų interneto programų kūrimo pagrindas“. Viena didžiausių savybių yra duomenų įpareigojimas; Žmogaus objektai gali susieti savybes tarpusavyje, todėl pasikeitus vieno objekto savybei, kitas yra sinchronizuojamas.

Kita įdomi savybė yra Embero galimybė apibrėžti objekto funkcijas, kurias vėliau galite laikyti savybėmis. Taigi, jei modelis turi vardą ir pavardę, galite sukurti funkciją, apibrėžiančią asmens vardą ir paversti jį taip, tarsi modelis turėtų pilno vardo savybę.

Labiausiai tikėtina, kad jus traukia ta funkcija, kad žmogus automatiškai atnaujina savo rodinius pasikeitus duomenims - sutaupote daug darbo.

13. Vaiduoklis

Pagrindinis vaiduoklis

„Ghost“, atviro kodo tinklaraščių kūrimo platforma(Vaizdo kreditas: Ghost)

Tinklaraščių platforma Vaiduoklis apsisuko, kai jis buvo sėkmingai finansuojamas per „Kickstarter“, viršydamas savo pradinį prašymą - 25 000 svarų sterlingų ir galiausiai atnešė daugiau nei 196 000 svarų. Atvirojo kodo projektą dabar palaiko ne pelno organizacija „Ghost Foundation“ ir keletas nepriklausomų dalyvių.

„Ghost“ turi unikalų tikslą - suteikti tinklaraštininkams paprastą sąsają, leidžiančią jiems rašyti ir skelbti savo turinį nesprendžiant tradicinių platformų sudėtingumo. Tai nemokama pakuotė, kurią galite atsisiųsti ir įdiegti į savo žiniatinklio serverį, tačiau jei tai per daug vargo ir esate pasirengęs mokėti, yra „Pro“ priglobtų versijų.

14. Vue.js

„Vue.js“ ir toliau išlieka viena ryškiausių „JavaScript“ struktūrų(Vaizdo kreditas: Vue.js)

„Vue.js“ yra atviro kodo „Model-view-viewmodel“ „JavaScript“ sistema, kuri pirmą kartą buvo sukurta 2014 m. Per pastaruosius penkerius metus ji pakilo aukštyn ir tapo viena ryškiausių „JavaScript“ rėmų, iš dalies dėl savo komponento. pagrįstą požiūrį į internetinių programų kūrimą.

Ir jei jau esate susipažinę su „Vue.js“, galbūt jus domins mūsų patarimai, kaip tai padaryti paspartinti našumą programoje . Mes taip pat apėmėme kaip sukurti programą naudojant „Vue.js“ lengvai.

15. Servo

Servo pagrindinis puslapis

„Servo“ iš pradžių atskleidė „Mozilla“ 2013 m(Vaizdo kreditas: „Servo“)

Servo yra interneto naršyklės variklio prototipas, parašytas visiškai nauja sistemų programavimo kalba „Rust“. Žymūs jos rėmėjo „Mozilla“ patobulinimai apima integruotus komponentus, kuriais siekiama geresnio „Firefox“ lygiagretumo ir našumo, kad naršyklė taptų stabilesnė.

kaip nupiešti personažus Photoshop

Skaityti daugiau: