Verse hulpbronnen voor webontwerpers en ontwikkelaars (juli 2017)
De tijd vliegt en we zijn nu in het midden van 2017. In de aflevering van deze maand hebben we een groot aantal geweldige JavaScript-bibliotheken en een paar anderen, zoals een plug-in om GraphQL in WordPress in te schakelen, een desktoptoepassing om CSV-gegevens weer te geven, en een paar websites kaders. Laten we ze eens bekijken.
HeroPatterns
Een verzameling van herhaalbaar patroon gemaakt met SVG die je als achtergrond op je website kunt gebruiken. De site is uitgerust met een handige instelling voor pas de kleur en dekking van het patroon aan en laat je eenvoudig de code kopiëren en plakken om toe te voegen aan je CSS.
TestCafe
TestCafe is een end-to-end (e2e) testtool waarmee u uw websites en webapps kunt testen alsof deze door echte gebruikers worden gebruikt. Het zal verschillende dingen automatiseren tijdens het uitvoeren van de test, inclusief start de browsers, voer de gespecificeerde testeenheid uit, genereer rapporten, zowel schermafbeeldingen als sourcemap om fouten gemakkelijk op te lossen.
SugarJS
SugarJS is een JavaScript-bibliotheek voor objecten, arrays en datums manipuleren met een mooiere en beter leesbare syntaxis. De bibliotheek wordt ook geleverd met een handvol hulpprogramma-functies, bijvoorbeeld, .escapeHTML ()
welke zal HTML-elementen omzetten in hun Entity-indeling.
MEVROUW
Een handige JavaScript-bibliotheek voor draai de tijd, het aantal en de normale reeks naar milliseconden. ms ('2 dagen')
, wordt bijvoorbeeld geconverteerd naar 172800000
.
pa11y
Een geweldige verzameling tools om te helpen verbeter de toegankelijkheid op uw website en web-apps. pa11y bestaat uit een CLI voor het testen van webpagina's voor toegankelijkheidsproblemen, a Dashboard om gegenereerde rapporten van fouten en waarschuwingen weer te geven, en een CLI die specifiek is ontworpen voor een CI-tool zoals Codeship of Travis.
Veer iconen
EEN verzameling iconen met moderne uitstraling. Deze pictogrammen passen perfect bij een website en apps die zijn ontworpen voor alle platforms (iOS, Windows of Ubuntu). De pictogrammen komen binnen SVG evenals in React en Angular componenten.
React Flight
Een React-module voor bouw animatiesamenstelling in je applicatie. De bibliotheek is geïnspireerd op Principle for Sketch waarin je kunt interactiviteit toevoegen aan een UI-component snel en gemakkelijk.
BounceJS
Een bibliotheek voor maak animaties met bounce-effect. De animatie wordt mogelijk gemaakt door CSS3 en een aantal vooraf ingestelde animaties. U kunt de JavaScript-bibliotheek via npm, prieel of kopieer gewoon de CSS-animatie gegenereerd op de website.
Bojler
Bojler is een e-mailraamwerk met de richtlijn voor het schrijven van HTML-code die correct wordt weergegeven op de meeste populaire e-mailclients. U kunt meer e-mailraamwerken vinden in ons vorige bericht.
Devicon
Een verzameling van iconen van programmeertalen, ontwerpen en ontwikkeltools. De pictogrammen zijn beschikbaar in SVG- en lettertype-indeling. Een beetje bijzonder pictogrammen zoals Firefox, AWS en HTML5 komen ook met hun gedetailleerde varianten. Best wel goed?
Nu UI Kit
Een verzameling responsieve interface op basis van Bootstrap 4. Het beschikt over 50 elementen en 3 aangepaste sjablonen. Afgezien van de HTML-versie, is de gebruikersinterface ook beschikbaar in PSD- en Sketch-indelingen.
T-Scroll
T-Scroll is a JavaScript-bibliotheek voor het toepassen van animatie wanneer een element zichtbaar is in de viewport. Het is uitgerust met een handvol opties en vooraf ingestelde animaties.
Ory Editor
ORY is een moderne en beter toegankelijke webeditor op het web. De ORY Editor is gebouwd bovenop React en Flux. Het maakt bewerken eenvoudig door gebruikers toe te staan inhoud te bewerken en het resultaat onmiddellijk te zien zonder speciale syntaxis zoals HTML of Markdown te kennen.
TadViewer
TadViewer is handig desktop-app om CSV te bekijken en het werkt op grote gegevens en bestanden. De app is beschikbaar op macOS, Windows en Linux.
Smooth Scroll Polyfill
Smooth Scrolling heeft bewezen een aangenamere gebruikerservaring te bieden. Het wordt nu officieel voorgesteld en opgesteld in W3C. Op dit moment werkt het alleen in Chrome, Firefox en Opera. Gebruik deze bibliotheek om emuleer het soepele scrolgedrag in Internet Explorer en Safari.
Nee bedankt
Een JavaScript-bibliotheek voor het weergeven van meldingen, Noty maakt het eenvoudig om een Alart, Succes, Fout, Waarschuwing, Informatie of een dialoogvenster te laten zien. Het kan worden gebruikt in combinatie met een animatiebibliotheek zoals mo.js en bounce.js om de melding netjes in en uit te laten schuiven.
HopScotch
Hinkelspel is een open-sourceproject geïnstantieerd door LinkedIn. Het is een raamwerk waarmee ontwikkelaars eenvoudig productreizen kunnen toevoegen. Bekijk de demo voor een live voorbeeld en de API.
SurveyJS
SurveyJS is een andere geweldige JavaScript-bibliotheek. Zoals de naam al aangeeft, is dat zo ontworpen om enquête-ingangen te creëren. Het beschikt over verschillende invoertypen om de antwoorden op de enquête in te vullen en is ook geporteerd naar verschillende populaire JavaScript-frameworks inclusief AngularJS, VueJS en React.
WP GraphQL
GraphQL is in opkomst en kan een zijn sterke mededinger om REST-architectuur te vervangen dat voorziet bijna alle web-API's van stroom. Dit is een plug-in waarmee je dit kunt doen haal je WordPress-inhoud op met GraphQL. Hier is een goede referentie over hoe REST en GraphQL van elkaar verschillen.
Monaco Editor
Monaco Editor is de editor die bevoegdheden Visual Code Editor. Het is gebouwd door Microsoft en ondersteunt verschillende talen uit de verpakking, waaronder HTML, CSS, LESS, CoffeeScript en PHP, samen met de Intellisense waarmee u sneller code kunt schrijven.