Verse bronnen voor webontwerpers en ontwikkelaars (september 2016)

We zijn weer terug met een handvol bronnen voor onze mede-webontwikkelaars. In deze aflevering is de collectie behoorlijk divers. We hebben op de lijst een desktop-applicatie, een paar webapplicaties, handige PHP- en JavaScript-bibliotheken en een paar WordPress-plug-ins. Laten we ze eens bekijken.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

Marp

Marp is een editor voor maak presentaties in Markdown. Het heeft twee panelen: een Editor aan de linkerkant en een Preview aan de rechterkant, waar u de uitvoer van de dia in realtime kunt bekijken. Het is beschikbaar in OS X, Windows en Linux. Het is een geweldig alternatief voor een opgeblazen software zoals PowerPoint.

LightGallery

Een JavaScript voor beeld lightbox en galerij weergeven. De lightbox-interface is uitgerust met een handvol knoppen waarmee u kunt inzoomen, uitzoomen, de afbeelding kunt downloaden en de afbeelding op volledig scherm kunt weergeven. Het is echt een alles-in-een-pakket JavaScript-bibliotheek in deze categorie.

Reacteer ontwikkelaarshulpmiddelen

Reacteer ontwikkelaarshulpmiddelen is een Google Chrome-extensie waarmee we reacties kunnen decoderen gerenderde componenten in de browser. Na installatie voegt het een nieuw tabblad toe in de DevTools, waar u de root, elementen en debug React-componenten kunt inspecteren zoals u dat zou doen met reguliere HTML.

SharingButtons

SharingButtons is een knoppen generator delen. Het ondersteunt momenteel een aantal populaire sociale sites zoals Facebook, Twitter en Pinterests. De uitvoer verwijdert de JavaScript-bloats en kan later eenvoudig worden aangepast via CSS.

scherm

scherm is een JavaScript-bibliotheek die voegt een leuk boeiend effect toe aan tekst. Het is moeilijk voor mij om dit soort effect te noemen, maar het ziet er zeker cool uit. Bekijk de demo!

HyperTerm

HyperTerm is een terminal-emulator, een applicatie, gebouwd op HTML, CSS en JavaScript. Het is modulair waarbij ontwikkelaars een bijdrage kunnen leveren, waarbij modules worden geïntroduceerd die nieuwe functionaliteit toevoegen. De app is momenteel alleen beschikbaar voor macOS.

uitsteeksel

OverHang.js is een jQuery-invoegtoepassing voor toon onmiddellijke melding. De plug-in is aanpasbaar. U kunt het tekstbericht instellen in de melding, de kleuren en hoe lang het verschijnt voordat het vervaagt.

grafika

grafika is een verzameling PHP-functies waarmee we kunnen beeld manipuleren. We kunnen beeldfilters toepassen, zoals onscherpte en sepia. We kunnen ook afbeeldingen transformeren zoals flippen, roteren en vergroten / verkleinen.

Eenvoudige typografie

Eenvoudige typografie is een Sass-bibliotheek die de typografie-styling opnieuw instelt, zoals lettertype-aanpassing en lijnhoogte. Het is een andere kleine bibliotheek waar je misschien gebruik van wilt maken maak tekst op uw website mooi en verhoudingsgewijs gedimensioneerd.

Jekyll Admin

Jekyll is een statische bloggenerator. Dit is een officiële Jekyll-plug-in die een GUI-editor toevoegt om berichten te schrijven met Jekyll; dit maakt de auteurspost met Jekyll intuïtiever.

Anime.js

Anime.js is een JavaScript-bibliotheek voor Vloeiende animatie uitvoeren op internet. Het is van toepassing op reguliere HTML, SVG, CSS Transformaties. Vind de volledige instructie om er het meeste van te gebruiken en enkele inspirerende voorbeelden in de documentatie.

PostLeaf

PostLeaf is gebaseerd op PHP CMS uitgerust met een aantal handige ingebouwde functies. Front-end bewerking, back-ups, pagina's, berichten, oEmbed, SEO, navigatie die dingen zijn die de taak van het onderhouden van websites gemakkelijk maken.

Browsers logo's

Een complete verzameling van alle browserlogo's. U kunt pictogrammen vinden voor populaire browsers zoals Chrome, Firefox en Internet Explorer, inclusief de pictogrammen van hun mobiele app. Je kunt ook minder populaire browsers vinden die je misschien nog nooit eerder hebt gehoord, zoals Blisk, Iridium en Orbitum.

wA11y

Een WordPress plug-in om ons te helpen de toegankelijkheid verbeteren op een website. Eenmaal geactiveerd, zal de plug-in onze websites evalueren met tota11y, feedback leveren voor schendingen die de toegankelijkheid beïnvloeden en oplossingen voorstellen om het te verhelpen.

Automatische alternatieve tekst

Een andere plug-in voor WordPress die het waard is te vermelden, die de toegankelijkheid van de website verbetert met toe te voegen alt tekst naar afbeeldingen geüpload via WordPress Media manager. De gegenereerde “alt” tekst wordt mogelijk gemaakt door Microsoft Computer API.

Multi-range

Een JavaScript-bibliotheek, een polyfill, voor HTML 5.1 multi-range uitvoer die momenteel nog steeds slecht wordt geïmplementeerd in browsers. Lea Verou deelde haar verhaal achter deze bibliotheek in haar recente bericht: Introducing Multirange: een kleine polyfill voor HTML5.1-schuiven met twee handvatten, wat zeker de moeite van het lezen waard is.

jQuery betaling

Een jQuery-plug-in ontwikkeld door Stripe, een betalingsverwerkingsservice. Deze plug-in maakt een creditcardformulier ontwikkelen minder angstaanjagend. Het ondersteunt tal van creditcards, waaronder Visa, Master Card Amex, UnionPay en JCB.

Trix-editor

Trix is een WYSIWYG-editor die we kunnen gebruiken om inhoud te produceren. De implementatie van trix is snel en eenvoudig uitbreidbaar met nieuwe functionaliteit om aan uw behoeften te voldoen. U kunt alle instructies in de documentatie vinden om Trix op uw webtoepassing te gebruiken.

Recept

Recept is een verzameling van PHP naar algemene hulpprogramma's uitvoeren zoals grijp Gravatar-afbeelding, genereer een QR-code, converteer een array naar een object en nog veel meer.

PaperWorks

EEN note-taking gebouwd bovenop PHP en Angular wat betekent dat u het in een webserver kunt inzetten. Dit is misschien een goed alternatief voor een desktop-app zoals Evernote of OneNote, op zo'n manier dat je bijna alles kunt beheren en aanpassen, en bewaar uw gegevens privé op uw eigen server.