De 15 mest spændende open source-projekter på nettet

Vi er konstant forbløffede over alle de seje nye open source-projekter; der er næsten altid et blændende open source-alternativ til den pro-software, du har brug for til dit webdesignarbejde, hvis du ved, hvor du skal se.

Med så mange spændende projekter derude, fik vi vores arbejde skåret ud for at beslutte vores favoritter. Fra bedste kode redaktører til JavaScript-appbyggere, web skrifttype værktøjer og mere, her er 15 gode eksempler på det fantastiske arbejde, der udføres for at gøre internettet til et bedre sted. Brug for god typografi? Se vores sammenfatning af de bedste gratis skrifttyper .

01. Atom

Atoms hjemmeside



Byg teksteditoren til dine drømme med Atom(Billedkredit: Atom)

Atom er en af ​​de mest populære teksteditorer blandt kodere, fordi den til sin kerne kan hackes - da det er et open source-projekt, kan brugerne tilpasse det til deres specifikke behov.

Hvis du vil tilføje en ny funktion eller ændre noget, er du sandsynligvis ikke nødt til at kode det selv, fordi der allerede er tusindvis af open source-pakker, som andre brugere har oprettet for at tilføje ny funktionalitet. Gennemse dem her at finde fantastiske funktioner, du aldrig vidste, du havde brug for.

02. Reager Native

Reager startside

React Native er som React, men for native mobilapps(Billedkredit: Reager)

Reager indfødt gør det muligt for brugere at oprette native mobilapps ved kun at bruge JavaScript og er utrolig populær på GitHub. Det ligner Reagere (det populære JavaScript-bibliotek til opbygning af brugergrænseflader), undtagen dets byggesten er oprindelige komponenter snarere end webkomponenter.

Med det kan brugerne kreative rig mobil Brugergrænseflader der ikke kan skelnes fra apps, der er bygget ved hjælp af Objective-C, Java eller Swift. Det kombinerer dog pænt med disse tre, så hvis du vil falde ned til native-kode for at optimere visse komponenter, er det også fint.

Du vil måske også tjekke vores 10 ekspert ReactJS-tip, som du har brug for at vide i dag og disse 20 JavaScript-værktøjer til at sprænge dit sind .

03. Garn

Garnhjemmeside

Er Garn det nye NPM?(Billedkredit: Garn)

Tilbyder 'ultrahurtig, mega-sikker, super-pålidelig' afhængighedsstyring, open source-projekt Garn er en konkurrent til node-pakkehåndtering .

Funktionerne inkluderer muligheden for at geninstallere pakker uden en internetforbindelse, en effektiv anmodningskø, der lover at maksimere netværksbrug, og en flad tilstand, der hjælper dig med at undgå dobbelt afhængighed.

04. Mønsterlaboratorium

Open source-projekter med mønsterlaboratorium

En række værktøjer til at arbejde efter atomare designprincipper

Mønster Lab er en række værktøjer designet til at hjælpe dig med at opbygge websteder ved hjælp af principperne for atom design .

Det betyder at bryde grænseflader ned i mindre dele og operere i et UI-designsystem, som du har bygget, så det passer til dine formål. Atomic design og Pattern Lab er begge hjernen til Brad Frost og har blomstret i popularitet, siden de blev lanceret.

05. Visual Studio-kode

Visual Studio Code-startside

Et open source-projekt fra Microsoft(Billedkredit: Visual Studio Code)

Visual Studio-kode er en gratis open source-kodeditor fra Microsoft, der har en masse gode funktioner, der gør kodning hurtigere. Der er en funktion kaldet IntelliSense, der giver smarte kompletteringer; indbyggede Git-kommandoer; debugging fra editoren og meget mere.

06. Skrifttype Awesome

Font Awesome hjemmeside

Awesome faktisk(Billedkredit: Font Awesome)

Skrifttype Awesome er virkelig fantastisk: der er cirka 1.500 gratis skrifttyperikoner indeholdt i en enkelt skrifttype, der udgør 'et piktografisk sprog for webrelaterede handlinger'. Ikonerne er uendeligt skalerbare, så de ser ens ud i enhver størrelse, og du kan style dem med CSS.

Det fungerer godt med alle rammer og skærmlæsere og kræver ikke JavaScript.

(Du kan måske også lide disse 41 top gratis webskrifttyper )

07. Bootstrap

bootstrap

Gør frontend webudvikling hurtigere og lettere

Bootstrap er et frontend-komponentbibliotek, der hjælper dig med at opbygge responsive, mobil-første projekter ved hjælp af HTML, CSS og JavaScript og et af de mest populære open source-projekter på GitHub. Bootstrap blev lanceret af Twitter i 2011, men da det voksede, besluttede dets skabere Mark Otto og Jacob Thornton at flytte det til sin egen open source-organisation, og projektet adskilles fra Twitter.

Bootstrap har et lille fodaftryk, mindre integration og overbevisende visuelt design. Der er en webbaseret tilpasning, som du kan bruge til at skræddersy den til dit open source-projekt: komponenter og jQuery-plugins kan tilføjes eller fjernes ved at markere afkrydsningsfelter, og variabler kan tilpasses ved hjælp af en webformular.

Der er et responsivt gitter med 12 søjler, typografi, formkontroller, og det bruger responsivt CSS til at arbejde med mobile browsere. En af vores 19 fantastiske gratis Bootstrap-temaer kan også være nyttigt her.

08. Beslag

parentes open source-projekt

En moderne teksteditor til design i browseren

Et open source-projekt, der begyndte sit liv hos Adobe, Beslag er en let og moderne kodeditor med fokus på webteknologier.

Udformet specielt til webdesignere og frontend-udviklere, kan den prale af en samling innovative funktioner, herunder inline-redaktører, der giver dig mulighed for at åbne vinduer i den kode, du arbejder på i stedet for at hoppe mellem filfaner, og en live forhåndsvisning, der tilbyder forbindelse i realtid med din browser.

09. Tilgængelighedsprojektet

open source-projekter

A11y gør tilgængeligheden mere tilgængelig

Tilgængelighedsprojektet er et open source-projekt, der er forpligtet til at lave webtilgængelighed lettere for frontend-designere og -udviklere at forstå og indføre i en daglig arbejdsgang. Projektet startede i midten af ​​januar 2013 som reaktion på en generel følelse blandt udviklere, at kernetilgængelighedskoncepter, funktioner og kodeeksempler er alt for vanskelige at udtrække.

Projektet har tre grundlæggende principper. Det sigter mod at være fordøjeligt (tilbyder korte, lette at forstå indholdstykker), opdaterede (i tråd med de nyeste standarder) og tilgivende (fordi folk laver fejl, og webtilgængelighed er vanskelig).

I skrivende stund har 100 mennesker bidraget til The Accessibility Project, og det er blevet en uvurderlig ressource for enhver udvikler, der ønsker at gøre deres websteder mere tilgængelige for alle.

10. Laravel

Laravels hjemmeside

Lav smuk kode med Laravel(Billedkredit: Laravel)

Laravel har revolutioneret PHP-udvikling. Et gratis open source-projekt, det lægger sig som rammen for webhåndværkere - med andre ord folk, der værdsætter kode, der er elegant, enkel og læsbar - og det hjælper teams og enkeltpersoner med at oprette velfremstillede applikationer hurtigt.

Der er et stort samfund og en samling ressourcer omkring Laravel (for eksempel Laracasts screencasts), og det er en af ​​de mest populære PHP-rammer, der er i brug i dag.

11. Jord

open source-projekter

Grunt, JavaScript-opgaveløberen

Jord giver dig mulighed for at automatisere almindelige opgaver ved hjælp af JavaScript. Du kan udføre verdslige, gentagne opgaver som minifikation, kompilering, enhedstest og fnug med næsten nul indsats. Og fordi Grunt kan udvides, hvis nogen ikke allerede har bygget det, du har brug for, kan du nemt oprette og udgive dit eget Grunt-plugin.

Grunt har dramatisk sænket adgangsbarrieren for webudviklere ved at tilbyde en fælles grænseflade til opgaverne i deres byggeproces. Det omfattende plugin-økosystem og det nemme konfigurationsformat gør det muligt for alle i teamet at skabe en moderne byggeproces - designere inkluderet.

12. Ember.js

open source-projekter

Opret ambitiøse apps med Ember

Ember.js regner sig selv som 'en ramme for oprettelse af ambitiøse webapplikationer'. En af de største funktioner er dens bindende data; objekter i Ember kan binde egenskaber til hinanden, så når en ejendom ændres i et objekt, holdes det andet synkroniseret.

En anden interessant funktion er Embers evne til at definere funktioner på et objekt, som du derefter kan behandle som egenskaber. Derfor, hvis en model har et for- og efternavn, kan du oprette en funktion til at definere en persons fulde navn og få det behandlet som om modellen har en egenskab med fuldt navn.

Funktionen, der mest sandsynligt trækker dig ind, er, at Ember automatisk opdaterer sine synspunkter, når data ændres - hvilket sparer dig for meget arbejde.

13. Spøgelse

Spøgelseshjemmeside

Ghost, en open source blogging platform(Billedkredit: Ghost)

Blogging platform Spøgelse vendte hovedet, da det med succes blev finansieret gennem Kickstarter, overgik sin oprindelige anmodning på £ 25.000 og til sidst bragte over £ 196.000 i finansiering. Open source-projektet vedligeholdes nu af nonprofitorganisationen Ghost Foundation plus nogle uafhængige bidragydere.

Ghost har et unikt formål med at give bloggere en simpel grænseflade, der giver dem mulighed for at skrive og udgive deres indhold uden at håndtere kompleksiteten af ​​traditionelle platforme. Det er gratis som en pakke, du kan downloade og installere på din egen webserver, men hvis det er for meget besvær, og du er villig til at betale, er der pro-hostede versioner.

14. Vue.js

Vue.js hjemmeside

Vue.js er fortsat en af ​​de mest fremtrædende JavaScript-rammer(Billedkredit: Vue.js)

Vue.js er en open source-model – view – viewmodel JavaScript-ramme, der først blev oprettet i 2014. I løbet af de sidste fem år er den steget op i rækken for at blive en af ​​de mest fremtrædende JavaScript-rammer, takket dels til dets komponent- baseret tilgang til opbygning af webapplikationer.

Og hvis du allerede er bekendt med Vue.js, kan du være interesseret i vores tip til, hvordan du gør det fremskynde ydeevnen inden for applikationen . Vi har også dækket hvordan man opretter en app med Vue.js let.

15. Servo

Servo hjemmeside

Servo blev oprindeligt afsløret af Mozilla i 2013(Billedkredit: Servo)

Servo er en prototype webbrowser-motor, der er skrevet udelukkende på det relativt nye systemprogrammeringssprog Rust. Bemærkelsesværdige forbedringer fra sin sponsor, Mozilla, inkluderer integrerede komponenter, der sigter mod at opnå bedre parallelitet og ydeevne med Firefox for at gøre det til en mere stabil browser.

Læs mere: