15 najuzbudljivijih projekata otvorenog koda na webu

Neprestano smo zadivljeni svim cool novim projektima otvorenog koda; gotovo uvijek postoji zasljepljujuća alternativa otvorenog koda bilo kojem profesionalnom softveru koji vam treba za izradu web stranica, ako znate gdje potražiti.

S toliko mnogo uzbudljivih projekata, izbacili smo posao pokušavajući odlučiti o svojim favoritima. Od najbolji urednici koda za JavaScript graditelje aplikacija, web font alata i još više, evo 15 sjajnih primjera vrhunskog posla koji se radi na tome da web postane bolje mjesto. Treba vam izvrsna tipografija? Pogledajte naš pregled najboljih besplatni fontovi .



01. Atom

Početna stranica Atoma



Izradite uređivač teksta iz snova s ​​Atomom(Slika pripisana: Atom)

Atom jedan je od najpopularnijih programa za uređivanje teksta među koderima, jer je hakabilan u svojoj srži - budući da je projekt otvorenog koda, korisnici ga mogu prilagoditi svojim specifičnim potrebama.

Ako želite dodati novu značajku ili nešto promijeniti, vjerojatno to nećete morati sami kodirati jer već postoje tisuće paketa otvorenog koda koje su drugi korisnici stvorili za dodavanje nove funkcionalnosti. Pregledajte ih ovdje pronaći sjajne značajke za koje nikada niste znali da su vam potrebne.



02. Reagirajte urođenik

Reagirajte na početnu stranicu

React Native je poput React-a, ali za izvorne mobilne aplikacije(Slika pripisana: React)

Reagiraj nativni omogućuje korisnicima izradu izvornih mobilnih aplikacija koristeći samo JavaScript i nevjerojatno je popularan na GitHubu. Slično je Reagirati (popularna JavaScript knjižnica za izgradnju korisničkih sučelja), osim što su njezini gradivni blokovi izvorne komponente, a ne web komponente.

Pomoću nje korisnici mogu stvarati bogate mobilne uređaje UI koji se ne mogu razlikovati od aplikacija izrađenih pomoću Objective-C, Java ili Swift. Međutim, lijepo se kombinira s te tri, pa ako želite pasti na izvorni kôd za optimizaciju određenih komponenata, i to je u redu.



Možda biste htjeli pogledati i našu 10 stručnih savjeta za ReactJS koje danas morate znati i ovi 20 JavaScript alata koji će vas razbiti .

03. Pređa

Početna stranica pređe

Je li pređa novi NPM?(Slika zasluga: pređa)

Nudi 'ultrabrzi, mega-sigurni, super-pouzdani' sustav upravljanja ovisnostima, projekt otvorenog koda Pređa je konkurent upravitelj paketa čvorova .

Značajke uključuju mogućnost ponovne instalacije paketa bez internetske veze, učinkovit red zahtjeva koji obećava maksimiziranje mrežne upotrebe i stan način koji vam pomaže izbjeći dvostruke ovisnosti.

04. Laboratorij uzorka

Projekti otvorenog koda laboratorija uzoraka

Paket alata za rad u skladu s principima atomskog dizajna

Laboratorij uzoraka je paket alata osmišljenih kako bi vam pomogao da napravite web stranice koristeći principe atomski dizajn .

To znači razbijanje sučelja na manje dijelove i funkcioniranje u sustavu dizajna korisničkog sučelja koji ste izradili prema svojim potrebama. Atomski dizajn i Pattern Lab zamisao su Brada Frosta, a popularnost cvatu otkako su lansirani.

05. Visual Studio kôd

Početna stranica Visual Studio koda

3ds max tutorial za kosu i krzno
Microsoft-ov projekt otvorenog koda(Slika dodijeljena: Visual Studio Code)

Visual Studio kôd je besplatni uređivač otvorenog koda tvrtke Microsoft koji ima mnoštvo sjajnih značajki koje ubrzavaju kodiranje. Postoji funkcija nazvana IntelliSense koja pruža pametna dovršavanja; ugrađene Git naredbe; ispravljanje pogrešaka iz uređivača i još mnogo toga.

06. Font Awesome

Početna stranica s fontom Awesome

Zaista sjajno(Slika dodijeljena: Font Awesome)

Font Awesome doista je sjajan: unutar jednog fonta nalazi se otprilike 1500 ikona besplatnih fontova, što predstavlja 'piktografski jezik radnji povezanih s mrežom'. Ikone su beskrajno skalabilne, tako da izgledaju jednako u bilo kojoj veličini, a možete ih oblikovati CSS-om.

Dobro funkcionira sa svim okvirima i čitačima zaslona i ne zahtijeva JavaScript.

(Možda će vam se i svidjeti 41 vrh besplatnih web fontova )

07. Bootstrap

bootstrap

Čini frontend web razvoj bržim i lakšim

Bootstrap je biblioteka komponenata sučelja koja vam pomaže u izgradnji responzivnih projekata koji su prvi za mobilne uređaje koristeći HTML, CSS i JavaScript i jedan je od najpopularnijih projekata otvorenog koda na GitHubu Bootstrap je Twitter pokrenuo 2011. godine, no kako je rastao, njegovi tvorci Mark Otto i Jacob Thornton odlučili su ga premjestiti u vlastitu organizaciju otvorenog koda, a projekt se odvojio od Twittera.

Bootstrap ima mali otisak, manje integracije i uvjerljiv vizualni dizajn. Postoji web prilagodnik koji možete koristiti za prilagođavanje vašem projektu otvorenog koda: komponente i jQuery dodaci može se dodati ili ukloniti kvačicama, a varijable se mogu prilagoditi pomoću web obrasca.

Postoji 12-stupacna responzivna mreža, tipografija, kontrole obrazaca i koristi responzivni CSS za rad s mobilnim preglednicima. Jedan od naših 19 izvrsnih besplatnih Bootstrap tema možda i ovdje dobro dođe.

08. Zagrade

zagrade projekt otvorenog koda

Suvremeni uređivač teksta za dizajniranje u pregledniku

Projekt otvorenog koda koji je započeo svoj život u Adobeu, Zagrade lagan je i moderan uređivač koda usmjeren na web tehnologije.

Izrađen posebno za web dizajnere i frontend programere, može se pohvaliti kolekcijom inovativnih značajki, uključujući uređivače koji omogućuju otvaranje prozora u kodu na kojem radite, a ne skakanje između kartica, a pregled uživo nudi vezu u stvarnom vremenu sa svojim preglednikom.

09. Projekt pristupačnosti

projekti otvorenog koda

A11y pristupačnost čini pristupačnijom

Projekt pristupačnosti je projekt otvorenog koda predan izradi web dostupnost jednostavnije za front end dizajnere i programere da razumiju i usvoje u svakodnevni tijek rada. Projekt je započeo sredinom siječnja 2013. godine kao odgovor na općenito mišljenje programera da je ključne koncepte pristupačnosti, značajke i primjere koda pretjerano teško izvući.

Projekt ima tri temeljna načela. Cilj mu je biti probavljiv (nudeći kratke, lako razumljive dijelove sadržaja), ažuran (u skladu s najnovijim standardima) i oprostiti (jer ljudi griješe, a web-pristup je nezgodan).

U vrijeme pisanja ovog članka, 100 ljudi je doprinijelo projektu Pristupačnost i on je postao neprocjenjiv resurs za svakog programera koji želi svoja web mjesta učiniti dostupnijima svima.

10. Laravel

Početna stranica Laravela

Napravite lijep kod s Laravel(Slika zaslužna: Laravel)

Laravel je revolucionirao razvoj PHP-a. Besplatan projekt otvorenog koda predstavlja sebe kao okvir za web obrtnike - drugim riječima, ljude koji cijene elegantan, jednostavan i čitljiv kod - a timovima i pojedincima pomaže u brzoj izgradnji dobro napravljenih aplikacija.

Oko Laravela postoji velika zajednica i prikupljanje resursa (na primjer, Larakastovi screencasts) i jedan je od najpopularnijih PHP okvira koji se danas koristi.

11. Zemljište

projekti otvorenog koda

Grunt, pokretač JavaScript zadataka

Prizemlje omogućuje vam automatizaciju uobičajenih zadataka pomoću JavaScript-a. Možete izvoditi svakodnevne, ponavljajuće zadatke kao što su minifikacija, kompilacija, testiranje jedinica i povezivanje s gotovo nula napora. A budući da je Grunt proširiv, ako netko već nije izgradio ono što vam treba, možete lako stvoriti i objaviti vlastiti dodatak za Grunt.

Grunt je dramatično spustio prepreku ulasku web programerima pružajući zajedničko sučelje za zadatke u njihovom procesu izrade. Opsežni ekosustav dodataka i jednostavan oblik konfiguracije omogućuju svima u timu da stvore moderan proces izrade - uključujući dizajnere.

12. Ember.js

projekti otvorenog koda

Stvorite ambiciozne aplikacije s Emberom

Ember.js naplaćuje se kao 'okvir za stvaranje ambicioznih web aplikacija'. Jedna od najvećih značajki je njegovo povezivanje podataka; objekti u Emberu mogu međusobno vezati svojstva, pa kad se svojstvo promijeni u jednom objektu, drugi se sinkronizira.

najbolja točka i snimanje za video 2014

Još jedna zanimljiva značajka je Emberina sposobnost definiranja funkcija na objektu koje zatim možete tretirati kao svojstva. Stoga, ako model ima ime i prezime, možete stvoriti funkciju za definiranje punog imena osobe i postupati s njom kao da model ima svojstvo punog imena.

Značajka koja će vas najvjerojatnije privući je da Ember automatski ažurira svoje poglede kad se podaci promijene - štedeći vam puno posla.

13. Duh

Početna stranica duhova

Ghost, platforma za bloganje otvorenog koda(Slika pripisana: Ghost)

Blogging platforma Duh okrenuo glavu kada je uspješno financiran putem Kickstartera, nadmašivši prvotni zahtjev od 25.000 funti i na kraju donoseći više od 196.000 funti. Projekt otvorenog koda sada održava neprofitna organizacija Ghost Foundation plus neki neovisni suradnici.

Ghost ima jedinstvenu svrhu pružiti blogerima jednostavno sučelje koje im omogućuje pisanje i objavljivanje sadržaja bez rješavanja složenosti tradicionalnih platformi. Besplatan je kao paket koji možete preuzeti i instalirati na vlastiti web poslužitelj, ali ako je to previše gnjavaže i ako ste spremni platiti, postoje verzije za profesionalno hostiranje.

14. Vue.js

Vue.js početna stranica

Vue.js je i dalje jedan od najistaknutijih JavaScript okvira(Slika pripisana: Vue.js)

Vue.js je JavaScript-okvir Model-view-viewmodel otvorenog koda koji je prvi put postavljen 2014. Tijekom posljednjih pet godina popeo se u red da bi postao jedan od najistaknutijih JavaScript okvira, djelomično zahvaljujući svojoj komponenti- zasnovan pristup izradi web aplikacija.

A ako ste već upoznati s Vue.jsom, možda će vas zanimati naši savjeti kako to učiniti ubrzati performanse unutar aplikacije . Također smo pokrili kako stvoriti aplikaciju s Vue.js-om lako.

15. Servo

Servo početna stranica

Servo je Mozilla izvorno otkrila 2013. godine(Slika zasluga: Servo)

Servo je prototip web preglednika koji je u cijelosti napisan na relativno novom programskom jeziku Rust. Značajna poboljšanja sponzora Mozille uključuju integrirane komponente kojima je cilj postići bolji paralelizam i performanse s Firefoxom kako bi ga učinio stabilnijim preglednikom.

Čitaj više: