15 mielenkiintoisinta avoimen lähdekoodin projektia verkossa

Olemme jatkuvasti hämmästyneitä kaikista upeista uusista avoimen lähdekoodin projekteista; Siellä on melkein aina sokaiseva avoimen lähdekoodin vaihtoehto kaikelle pro-ohjelmistolle, jota tarvitset verkkosuunnittelutyöhön, jos tiedät mistä etsiä.

Kun meillä oli niin paljon jännittäviä projekteja, meillä oli työstämme päätetty yrittää päättää suosikeistamme. Alkaen parhaat koodieditorit JavaScript-sovellusten rakentajille, verkkofontti työkalut ja paljon muuta, tässä on 15 upeaa esimerkkiä erinomaisesta työstä, jota tehdään verkon parantamiseksi. Tarvitsetko hienoa typografiaa? Katso yhteenveto parhaista ilmaiset fontit .

01. Atom

Atom-kotisivu



Rakenna unelmiesi tekstieditori Atomilla(Kuvan luotto: Atom)

Atomi on yksi suosituimmista tekstieditorista koodaajien keskuudessa, koska se on hakkeroitavissa ytimeen saakka - koska se on avoimen lähdekoodin projekti, käyttäjät voivat muokata sitä vastaamaan heidän erityistarpeitaan.

Jos haluat lisätä uuden ominaisuuden tai muuttaa jotain, sinun ei todennäköisesti tarvitse koodata sitä itse, koska muut käyttäjät ovat jo luoneet tuhansia avoimen lähdekoodin paketteja uusien toimintojen lisäämiseksi. Selaa niitä tässä löytää upeita ominaisuuksia, joita et koskaan tiennyt tarvitsevasi.

02. React Native

React kotisivu

React Native on kuin React, mutta natiiville mobiilisovelluksille(Kuvan luotto: React)

Reagoi Native avulla käyttäjät voivat rakentaa alkuperäisiä mobiilisovelluksia vain JavaScriptiä käyttäen ja on uskomattoman suosittu GitHubissa. Se on samanlainen kuin Reagoi (suosittu JavaScript-kirjasto käyttöliittymien rakentamiseen), paitsi että sen rakennuspalikat ovat natiivikomponentteja eikä verkkokomponentteja.

Sen avulla käyttäjät voivat luoda rikkaita mobiililaitteita Käyttöliittymät joita ei voida erottaa sovelluksista, jotka on rakennettu käyttämällä Objective-C, Java tai Swift. Se kuitenkin yhdistyy hienosti näiden kolmen kanssa, joten jos haluat pudota alkuperäiseen koodiin tiettyjen komponenttien optimoimiseksi, se on myös hieno.

Haluat ehkä myös tarkistaa meidän 10 ReactJS-asiantuntijavinkkiä, jotka sinun on tiedettävä tänään ja nämä 20 JavaScript-työkalua mielesi räjäyttämiseksi .

03. Lanka

Lankan kotisivu

Onko Lanka uusi NPM?(Kuvan luotto: Lanka)

Tarjoaa 'erittäin nopeaa, megaturvallista, erittäin luotettavaa' riippuvuudenhallintaa, avoimen lähdekoodin projektia Lanka on kilpailija solmupaketinhallinta .

Ominaisuuksiin kuuluu kyky asentaa paketit uudelleen ilman Internet-yhteyttä, tehokas pyyntöjono, joka lupaa maksimoida verkon käytön, ja tasainen tila, joka auttaa välttämään päällekkäisiä riippuvuuksia.

3ds max hiusten ja turkisten opetusohjelma

04. Kuviolaboratorio

Kuviolaboratorion avoimen lähdekoodin projektit

Työkalusarja atomisuunnitteluperiaatteiden mukaisesti työskentelyyn

Kuviolaboratorio on joukko työkaluja, jotka on suunniteltu auttamaan sinua rakentamaan sivustoja atomisuunnittelu .

Tämä tarkoittaa rajapintojen hajottamista pienempiin osiin ja käyttöä käyttöliittymäsuunnittelujärjestelmässä, jonka olet rakentanut käyttöösi. Atomic design ja Pattern Lab ovat molemmat Brad Frostin aivotiede, ja niiden suosio on kukoistanut julkaisunsa jälkeen.

05. Visual Studio -koodi

Visual Studio -koodin kotisivu

Microsoftin avoimen lähdekoodin projekti(Kuvan luotto: Visual Studio Code)

Visual Studio -koodi on ilmainen, avoimen lähdekoodin editori Microsoftilta, jolla on joukko hienoja ominaisuuksia, jotka nopeuttavat koodausta. IntelliSense-niminen toiminto tarjoaa älykkäät täydennykset; sisäänrakennetut Git-komennot; virheenkorjaus editorista ja paljon muuta.

06. Fontti mahtava

Fontti Mahtava kotisivu

paras piste ja kuvaus videolle 2014
Mahtavaa(Kuvan luotto: Font Awesome)

Fontti Mahtava on todellakin mahtava: yhteen kirjasimeen sisältyy noin 1500 ilmaisten kirjasinten kuvaketta, jotka muodostavat 'verkkoon liittyvien toimintojen kuvakielen'. Kuvakkeet ovat äärettömän skaalautuvia, joten ne näyttävät samanlaisilta missä tahansa koossa, ja voit muotoilla ne CSS: llä.

Se toimii hyvin kaikkien kehysten ja näytönlukuohjelmien kanssa eikä vaadi JavaScriptiä.

(Saatat myös pitää näistä 41 suosituinta ilmaista web-fonttia )

07. Bootstrap

bootstrap

Tekee käyttöliittymän web-kehityksen nopeammaksi ja helpommaksi

Bootstrap on käyttöliittymäkomponenttikirjasto, jonka avulla voit rakentaa reagoivia, mobiililaitteille ensimmäisiä projekteja, jotka käyttävät HTML: ää, CSS: ää ja JavaScriptiä, ja yhtä GitHubin suosituimmista avoimen lähdekoodin projekteista. Twitter käynnisti Bootstrapin vuonna 2011, mutta kasvun myötä sen luojat Mark Otto ja Jacob Thornton päättivät siirtää sen omaan avoimen lähdekoodin organisaatioonsa, ja projekti erottui Twitteristä.

Bootstrapilla on pieni jalanjälki, vähemmän integraatiota ja vakuuttava visuaalinen muotoilu. On web-pohjainen räätälöinti, jonka avulla voit räätälöidä sen avoimen lähdekoodin projektiisi: komponentit ja jQuery-laajennukset voidaan lisätä tai poistaa valitsemalla valintaruudut, ja muuttujia voidaan mukauttaa verkkolomakkeella.

Siellä on 12 sarakkeen reagoiva ruudukko, typografia, lomakeohjaimet ja se käyttää reagoivaa CSS: ää työskennellessään mobiiliselaimien kanssa. Yksi meidän 19 upeaa ilmaista Bootstrap-teemaa voi olla hyödyllistä myös tässä.

08. Sulkimet

suluissa avoimen lähdekoodin projekti

Moderni tekstieditori suunnittelua varten selaimessa

Avoin lähdekoodiprojekti, joka aloitti elämänsä Adobella, Suluissa on kevyt ja moderni verkkosovelluksiin keskittynyt koodieditori.

Se on suunniteltu erityisesti web-suunnittelijoille ja käyttöliittymän kehittäjille, ja siinä on joukko innovatiivisia ominaisuuksia, mukaan lukien sisäiset muokkausohjelmat, joiden avulla voit avata ikkunat työskentelemääsi koodiin pikemminkin kuin siirtyä tiedostojen välilehtien välillä, ja reaaliaikainen esikatselu tarjoaa reaaliaikaisen yhteyden selaimesi kanssa.

kuinka renderöidä video hitfilm express -palvelussa

09. Esteettömyysprojekti

avoimen lähdekoodin projektit

A11y tekee saavutettavuudesta helpommin lähestyttävän

Esteettömyysprojekti on avoimen lähdekoodin projekti, joka on sitoutunut tekemään verkkoyhteydet käyttöliittymäsuunnittelijoiden ja kehittäjien on helpompi ymmärtää ja ottaa käyttöön päivittäinen työnkulku. Projekti alkoi tammikuun puolivälissä 2013 vastauksena kehittäjien yleiseen näkemykseen, että helppokäyttöisyyden käsitteitä, ominaisuuksia ja koodiesimerkkejä on liian vaikea purkaa.

Projektissa on kolme keskeistä periaatetta. Sen tavoitteena on olla sulava (tarjoaa lyhyitä, helposti ymmärrettäviä sisältöjä), ajan tasalla (uusimpien standardien mukaisesti) ja anteeksiantava (koska ihmiset tekevät virheitä ja Internetin saavutettavuus on hankalaa).

Kirjoitushetkellä 100 ihmistä on osallistunut esteettömyysprojektiin, ja siitä on tullut korvaamaton resurssi kaikille kehittäjille, jotka haluavat tehdä sivustoistaan ​​helpommin kaikkien saatavilla.

10. Laravel

Laravelin kotisivu

Tee kaunis koodi Laravelin kanssa(Kuvan luotto: Laravel)

Laravel on mullistanut PHP-kehityksen. Ilmainen, avoimen lähdekoodin projekti tarjoaa itsensä kehyksenä käsityöläisille - toisin sanoen ihmisille, jotka arvostavat tyylikästä, yksinkertaista ja luettavaa koodia - ja auttavat tiimejä ja yksilöitä rakentamaan hyvin tehtyjä sovelluksia nopeasti.

Laravelin ympärillä on suuri yhteisö ja kokoelma resursseja (esimerkiksi Laracastit screencasts) ja se on yksi suosituimmista PHP-kehyksistä, joita käytetään nykyään.

11. Maa

avoimen lähdekoodin projektit

Grunt, JavaScript-tehtävän juoksija

Maa voit automatisoida yleisiä tehtäviä JavaScriptin avulla. Voit suorittaa arkisia, toistuvia tehtäviä, kuten pienentäminen, kokoaminen, yksikkötestaus ja nukkaus lähes nolla vaivalla. Ja koska Grunt on laajennettavissa, voit kirjoittaa ja julkaista oman Grunt-laajennuksesi helposti, jos joku ei ole vielä rakentanut tarvitsemasi sisältöä.

Grunt on dramaattisesti laskenut verkkokehittäjien pääsyn esteitä tarjoamalla yhteisen käyttöliittymän heidän rakennusprosessinsa tehtäville. Laajan laajennusekosysteemin ja helpon määritysmuodon ansiosta kuka tahansa tiimissä voi luoda modernin rakennusprosessin - mukaan lukien suunnittelijat.

12. Ember.js

avoimen lähdekoodin projektit

Luo kunnianhimoisia sovelluksia Emberin kanssa

Ember.js laskuttaa itsensä '' kehykseksi kunnianhimoisten verkkosovellusten luomiselle ''. Yksi suurimmista ominaisuuksista on sen tietojen sitominen; Emberin objektit voivat sitoa ominaisuuksia toisiinsa, joten kun ominaisuus muuttuu yhdessä objektissa, toinen pidetään synkronoituna.

Toinen mielenkiintoinen piirre on Emberin kyky määritellä objektin toiminnot, joita voit sitten käsitellä ominaisuuksina. Siksi, jos mallilla on etu- ja sukunimi, voit luoda toiminnon, jolla määritetään henkilön koko nimi ja käsitellä sitä kuin mallilla olisi koko nimi -ominaisuus.

Ominaisuus, joka houkuttelee sinua todennäköisesti, on, että Ember päivittää näkymänsä automaattisesti tietojen muuttuessa - mikä säästää paljon työtä.

13. Ghost

Ghost kotisivu

Ghost, avoimen lähdekoodin blogiympäristö(Kuvan luotto: Ghost)

Bloggausalusta Aave käänsi päätään, kun se rahoitettiin onnistuneesti Kickstarterin kautta, ylittäen alkuperäisen 25 000 puntaa koskevan vaatimuksensa ja tuoden lopulta yli 196 000 puntaa rahoitusta. Avoimen lähdekoodin projektia ylläpitää nyt voittoa tavoittelematon järjestö Ghost Foundation sekä jotkut riippumattomat avustajat.

Ghostilla on ainutlaatuinen tarkoitus tarjota bloggaajille yksinkertainen käyttöliittymä, jonka avulla he voivat kirjoittaa ja julkaista sisältöään käsittelemättä perinteisten alustojen monimutkaisuutta. Se on ilmainen paketti, jonka voit ladata ja asentaa omalle verkkopalvelimellesi, mutta jos se on liikaa vaivaa ja olet valmis maksamaan, on olemassa isännöityjä versioita.

kuinka tehdä levy-yhtiön logo

14. Vue.js

Vue.js-kotisivu

Vue.js on edelleen yksi näkyvimmistä JavaScript-kehyksistä(Kuvan luotto: Vue.js)

Vue.js on avoimen lähdekoodin Model-view-viewmodel-JavaScript-kehys, joka perustettiin ensimmäisen kerran vuonna 2014. Viimeisten viiden vuoden aikana se on noussut riveistä yhdeksi merkittävimmistä JavaScript-kehyksistä osittain sen komponenttien ansiosta. pohjainen lähestymistapa web-sovellusten rakentamiseen.

Ja jos olet jo perehtynyt Vue.js: ään, saatat olla kiinnostunut vinkkeistämme siihen nopeuttaa suorituskykyä sovelluksessa . Olemme myös käsitelleet kuinka luoda sovellus Vue.js: n avulla helposti.

15. Servo

Servon kotisivu

Servo paljastettiin alun perin Mozilla vuonna 2013(Kuvan luotto: Servo)

Servo on verkkoselaimen prototyyppi, joka on kirjoitettu kokonaan suhteellisen uudella järjestelmän ohjelmointikielellä Rust. Sponsorinsa Mozillan merkittäviä parannuksia ovat integroidut komponentit, joiden tavoitteena on parantaa Firefoxin rinnakkaisuutta ja suorituskykyä, jotta siitä tulisi vakaampi selain.

Lue lisää: