Startpagina » Webontwerp » Verse hulpbronnen voor webontwerpers en ontwikkelaars (juli 2017)

    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.