Articles

This article was originally published at Coder Society, and we’ll explore GraphQL’s core features, how to interact with a GraphQL API, and some development and operational challenges.

The Story of GraphQL

Nowadays, REST seems to be the default approach for building APIs, typically based on the familiar HTTP protocol. While REST is relatively simple to work with and enjoys widespread popularity, its use of multiple endpoints to address resources sometimes gets in the way of flexibility.

Source de l’article sur DZONE

API test is a significant part of a successful Continuous Integration/ DevOps practice. As per Google Trends, the interest in Web/ API services tests has been progressively growing over the few decades. According to SmartBear research over 3,372 software professionals in API test over 2019, 91 percent of participants either presently have, or thinking to have a formal API test procedure in place in the coming future. Around 45 percent of API testers reported that their company already automated 50% or more of test projects. Moreover, by more than 75 percent of companies across industries, API quality is considered a top priority.

With APIs more and more becoming crucial elements for software development, it has become critically essential for programmers and developers to carry out API testing. API test is a procedure that concentrates on identifying whether an API that has been developed meets up the expected threshold concerning security, reliability, performance, and functionality. As these tests are crucially vital, you need to make use of the top API testing tools out there. 

Source de l’article sur DZONE


Introduction

A few years ago, speech recognition technology was a punchline in many a sitcom’s jokes. Understandably, the technology was in its infancy prone to errors. Now, reaching new levels of maturity and wide acceptance, Amazon’s Alexa is just one example of this, the technology is now being implemented in novel ways. The need for developing APIs has now evolved from making the technology work to how it can be done conveniently and efficiently.

Accessibility

Moving beyond the technology’s threat to privacy one of the greatest virtues of speech recognition technology is its accessibility. In providing the disabled with a technology that allows interaction and interfacing with other technologies, speech recognition has become a technology at the forefront of providing accessibility and promoting inclusivity. For the workplace, the benefits range from more productive employees to promoting greater diversity amongst the workforce.

Source de l’article sur DZONE

This week, we take a look at API vulnerabilities in HashiCorp Vault, Azure App Services, and more. There is also an introductory video on finding information disclosure in JSON and XML API responses, and another cheat sheet and a webinar on OWASP API Security Top 10.

Vulnerability: HashiCorp Vault

Felix Wilhelm from Google’s Project Zero has written a very detailed write-up on an authentication bypass he found in the Amazon Web Services (AWS) and Google Cloud Platform (GCP) integration of HashiCorp Vault. As a central storage of credentials, Vault makes an attractive target for attackers, and therefore a vulnerability in it is also very bad news. Looking for the silver linings, this attack was definitely quite advanced, and thus not easily exploitable.

Source de l’article sur DZONE

This month’s collection of new tools, resources, and freebies for designers is a smorgasbord of sorts. You’ll find everything from useful APIs to icons to tutorials to fonts.

Let’s get right into it, here’s what new for designers this month:

Tooltip Sequence

Now that your app or website is ready, you might need to help users engage with it. Tooltip Sequence is a simple JavaScript package that helps you create a series of small tooltips that will guide users through product features with a small description of what they need to know. It looks great and the best part is this tool saves you from having to create each tooltip description manually on each page and link them together.

Serenade

Serenade allows you to free up your hands with voice coding technology. Use natural speech and stay productive with this tool that allows you to code without typing. It works across multiple coding languages and platforms. It’s as easy as “add function hello” and the tool knows what syntax to use.

Gazepass

Gazepass, which is still in beta, is a nifty API that allows for passwordless multi-factor authentication for any website or mobile app. It uses biometrics on any device or platform to make getting into apps or websites easier for users.

Filters.css

Filters.css is a CSS-only library to apply color filters to website images. Installation only takes three steps and includes a variety of filers, such as blur, grayscale, brightness, contrast, invert, saturate, sepia, and opacity.

Sidebar Webring

Sidebar Webring is a collection of blogs and websites that are focused on web design. The curated list is handpicked for superb content for designers and developers. But, what’s a webring? It’s a collection of linked websites in a circular structure that are organized around a theme. The term is a throwback to the early days of the web in the 1990s and 2000s.

Wicked Templates

Wicked Templates is a set of responsive HTML templates made with Bulma and Tailwind CSS that you can style and use as you wish. Use these templates to jumpstart projects. Free and paid options available.

WP Umbrella

WP Umbrella will help you keep sites running in a healthy and safe manner on WordPress. Monitor uptime and performance, PHP errors, and keep up with hundreds of websites from one dashboard.

Servicebot

Servicebot helps you create customer-facing embeddable billing pages that work with Stripe payments. This premium tool is quite user-friendly and works with websites or SaaS.

Custom, Accessible Checkboxes with Perfect Alignment

Create custom, accessible checkboxes with perfect alignment every time. This walkthrough shows you how to use CSS to align elements and labels.

Sombras.app

Sombras.app is a nifty tool that creates 3D object shadows. Use the easy on-screen controls to get just the right orientation and shape.

urlcat

Urlcat is a tiny JavaScript library that helps you build URLs with dynamic parameters and without mistakes. The friendly API has no dependencies, includes TypeScript types, and is just 0.8KB minified and gzipped.

Reacher

Reacher is a real-time email verification API that lets you check the validity of an address before you send the email. Reduce bounce rates in an instant. (The personal version is free.)

Swell

Swell is a most powerful headless ecommerce platform for modern brands, startups, and agencies. Create fast and flexible shopping experiences with the API and headless storefront themes. This is a premium tool but does have a free trial.

No Code Founders 2.0

No Code Founders 2.0 is a platform for discovering the latest startups built with no-code and the tools used to build them. Browse startups, tools, perks, interviews, jobs, meetups, posts, and more as part of the no-code movement. The community engages on Slack and requires an email to sign up.

How to Pick More Beautiful Colors for Your Data Visualizations

Beautiful color choices will make your data visualizations that much more impactful. This tutorial by Lisa Charlotte Rost will help you make better color choices on the way to better infographics and charts. Plus, it’s well developed, designed, and packed with useful information.

IconPark

IconPark is a collection of more than 1,200 high-quality icons with an interface that allows you to customize them. It uses a single SVG source file that can be transformed into multiple themes. The library includes cross-platform components and is free to use.

Mono Icons

Mono Icons is a simple and consistent open-source icon set that uses mono spacing. The collection includes 136 icons.

BGJar

BGJar is a free SVG background generator for digital projects. Pick a category and customize the result to fit your project or needs.

HitCount

HitCount is almost too simple to be true. This tiny tool lets you add a hit counter to your website that’s as easy as adding an image. Copy the code and make any customizations you want. Then paste it to your design. That’s it!

Blacklight

Blacklight is a real-time website privacy inspector. The tool by Surya Mattu scans any website you enter in the scan bar and shows what user-tracking technologies are used on the website. This allows you to see who might be gathering data about your visit.

Alter

Alter is a customizable – and experimental – three-dimensional typeface that you can experiment with. It’s as fun to play with as use.

Autobus Omnibus

Autobus Omnibus is a simple all capitals font with new wave styling. The character set has 96 glyphs that are perfect for display use.

Deathmatch

Deathmatch is a seasonal blackletter font that’s ideal for the upcoming Halloween holiday. The character set includes plenty of options and there’s a full version (paid) for commercial use.

Futura Now

Futura Now is a premium typeface and update to a font you may already know and love. The new version has 107 styles in a massive family.

Pumpkin Soup

Pumpkin Soup is a fun almost handwriting style typeface with a cartoonish vibe. It includes a regular and italic style and is most appropriate in limited use.

Source


Source de l’article sur Webdesignerdepot

Levallois – 8 octobre 2020 – SAP SE (NYSE : SAP) annonce une nouvelle version de SAP® Logistics Business Network, qui apporte de nouvelles capacités dans la gestion du réseaux des partenaires logistiques en termes de visibilité, de collaboration et intègre de nouveaux partenaires à sa plateforme logistique.

SAP Logistics Business Network est une plateforme cloud de business network dédiée à la logistique, conçue pour permettre aux clients SAP de connecter leur système d’information à leur réseau de partenaires pour étendre le suivi livraison des commandes et assurer la traçabilité des produits.

« Comme preuve supplémentaire de l’engagement de SAP, annoncé lors de SAPPHIRE NOW®, de proposer une offre complète de business networks : SAP Business Network, nous continuons d’ajouter de nouvelles capacités et d’étendre nos partenariats sur SAP Logistics Business Network notre business network dédié à la logistique », a déclaré Paige Cox, vice-président senior de SAP et responsable du SAP Business Network. « Les APIs ouvertes et les partenariats élargis sont des preuves de notre stratégie visant à créer un véritable réseau des réseaux. »

Cette nouvelle version constitue la prochaine étape de notre stratégie visant à permettre une visibilité de bout en bout, une efficacité accrue de la logistique et une collaboration transparente grâce à un réseau d’entreprises unifié qui inclut :

  • La visibilité sur l’exécution des commandes client grâce au suivi et à la traçabilité de nouvelle génération intégrée à SAP Logistics Business Network. Notre business network permet un suivi des étapes de livraison en temps réel pour tous les modes de transport offrant ainsi une couverture mondiale.
  • Des capacités de collaboration transport étendues, notamment le suivi multimodal des ordres de fret qui accroît la visibilité sur les événements routiers et maritimes.
  • Des APIs standards pour connecter les partenaires et les plateformes de fret, permettant de nouvelles collaborations entre partenaires routiers et maritimes.

SAP Logistics Business Network étend la couverture de différents modes de transport grâce à des partenaires nouveaux et existants, tels que :

  • project44, offrant une connectivité B2B pour la contractualisation transport, et des fonctions de visibilité pour le suivi en temps réel des envois routiers et le suivi des transports maritimes.
  • ClearMetal, permettant le suivi des conteneurs et des expéditions en transit grâce au Machine Learning reposant sur le référencement croisé des informations afin de faciliter le suivi maritime.
  • Shippeo, spécialiste du marché européen, offrant aux chargeurs un accès à son réseau de transporteurs, à son expertise en matière de réglementation et aux données de télémétrie de millions de camions pour un suivi des expéditions routières en temps réel.

« Grâce à ces partenariats, les entreprises utilisatrices de SAP Logistics Business Network peuvent désormais accéder tout au long du transport terrestre et maritime à la localisation exacte, aux changements de statuts et à l’heure d’arrivée estimée (ETA) de leurs expéditions. La nouvelle connectivité avec les transporteurs maritimes et les ports, ainsi qu’avec les systèmes satellitaires, apporte une visibilité sur l’ensemble du fret maritime mondial, » explique Rémy Vernet, Directeur de l’activité Digital Supply Chain de SAP France. « Nous sommes également très heureux d’intégrer la startup Française Shippeo que nous avions accompagnée il y a deux ans via notre fonds d’investissement SAP.iO Fund. »

SAP Logistics Business Network fait partie intégrante de SAP Business Network. Ce réseau des réseaux met à profit les informations fournies par l’ERP en temps réel, permet de réaliser des analyses poussées et offre des synergies avec des solutions de business networks performants tels que Ariba® Network – qui relie plus de 5 millions d’entreprises dans le monde et où plus de 3 460 milliards de dollars US d’achat sont traités chaque année.

La fourniture d’une intelligence collective par le biais d’un réseau commercial ouvert et interopérable permet de mettre en place des chaînes d’approvisionnement durables et résilientes, de transformer les business modèles et d’offrir la souplesse nécessaire pour faire face aux crises mondiales.

The post SAP accélère sur sa plateforme collaborative : SAP Logistics Business Network – offrant plus de visibilité et de traçabilité des livraisons et un écosystème partenaire étendu appeared first on SAP France News.

Source de l’article sur sap.com

With software products becoming just a bunch of micro-services and third-party APIs mashed together, it’s more crucial than ever to get their structure in order.

GraphQL already did this at its inception by coming up with a whole specification that describes how APIs of its type should behave. In the RESTful API landscape, things were a bit more wild west. However, even if not all backend devs know it, there are a number of specifications for REST APIs as well.

Source de l’article sur DZONE


TL;DR Talk to your users

Most people who write software for a living have one thing in common – they don’t want to be stuck supporting all of the software they’ve developed forever.

Source de l’article sur DZONE

Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about.

While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the web — there’s no denying that Google offers some amazing products and tools, many of them free, all from the convenience of a single login.

Today we’re going to take a look at 12 tools from Google that really do bring something positive to the table.

1. Polymer

Polymer is an open-source JavaScript library from Google for building web applications using Web Components. The platform comes with a ton of libraries and tools to help designers and developers unlock the web’s potential by taking advantage of features like HTTP/2, Web Components, and Service Workers. 

The main feature of Polymer is Web Components. With Web Components, you can share custom elements to any site, work seamlessly with any browser’s built-in elements, and effectively use frameworks of all kinds. Products like LitElement (a simple base class for creating fast, lightweight web components) and PWA Starter Kit make Polymer easy to use. If you like, you can build your app entirely out of Web Components.

2. Lighthouse

Google Lighthouse is an open-source, automated tool for improving the quality of web pages. The software allows you to audit web pages for performance, SEO, accessibility, and more. You can run Lighthouse using ChromeDevTools, directly from the command line, or as a Node module. 

To use Lighthouse in Google Chrome, just go to the URL you want to audit (you can audit any URL on the web), open ChromeDevTools, and click the Audits tab. After you have run the audit, Lighthouse will give you an in-depth report on the web page. 

With these reports, you will see which parts of your web page you need to optimize. Each report has a reference doc that explains why that audit is important and also shows you the steps you can take to fix it. 

You can also use Lighthouse CL to prevent regression on your sites. Using Lighthouse Viewer, you can view and share reports online. You can also share reports as JSON or GitHub Gists. 

Lighthouse also comes with a feature called Stack Packs that allows Lighthouse to detect what platform a site is built on. It also displays specific stack-based recommendations.

3. Google Analytics

Google Analytics is the gold standard of analytics services. Google analytics can be installed on your site for free with a small amount of JavaScript and allows you to see all kinds of details about your site visitors, like what browser they’re using, and where they’re from.

By using Google Analytics you can make decisions about your site based on science, and therefore be somewhat confident that the decisions you make will result in the outcome you are expecting.

4. Flutter

Flutter is Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase. The toolkit is open source and free to use. The best part of Flutter is that it works with existing code. 

The toolkit has a layered architecture that allows for full customization, which results in fast rendering and flexible designs. It also comes with fully-customizable widgets that allow you to build native interfaces in minutes. With these widgets, you will be able to add platform features such as scrolling, navigation, icons, and fonts to provide a full native performance on both iOS and Android.

Flutter also has a feature called hot reload that allows you to easily build UIs, add new features, and fix bugs faster. You can also compile Flutter code to native ARM machine code using Dart native compilers. 

5. Google API Explorer

Google has a huge library of APIs that are available to developers but finding these APIs can be difficult. Google API Explorer makes it easy for developers to locate any API. On the Google API Explorer web page, you will see a complete list of the entire API library. You can easily scroll through the list or use the search box to filter through the API list. 

The best part of Google API Explorer is that each link to a reference page comes with more details on how to use the API. API Explorer is an excellent way to try out methods in the Monitoring API without having to write any code.

6. Puppeteer

Puppeteer is a project from the Google Chrome team. The platform enables web developers to control a Chrome (or any other Chrome DevTools Protocol based browser) and execute common actions, much like in a real browser. Puppeteer is also a Node library and it provides a high-level API for working with headless Chrome. It is also a useful tool for scraping, testing, and automating web pages. 

Here are some things you can do with Puppeteer: generate screenshots and PDFs of pages, UI testing, test Chrome Extensions, automate form submission, generate pre-rendered content, and crawl Single-Page Applications. 

7. Codelabs

Google Developer Codelabs is a handy tool for beginner developers and even advanced developers who want to improve their knowledge. Codelabs provide a guided, tutorial, hands-on coding experience. Codelabs’ site is broken down into several tutorial sessions on different topics. 

With the tutorials on Codelabs, you can learn how to build applications from scratch. Some of the tutorial categories include Augmented reality, TensorFlow, Analytics, Virtual Analytics, G Suite, Search, Google Compute Engine, and Google APIs on iOS. 

8. Color Tool

Color Tool makes it easy for web designers to create, share, and apply colors to their UI. It also measures the accessibility level for any color combination before exporting to the palette. The tool comes with 6 user interfaces and offers over 250 colors to choose from. 

The tool is also very easy to use. All you need to do is pick a color and apply it to the primary color scheme; switch to the secondary color scheme, and pick another color. You can also switch to Custom to pick your own colors. After you have selected all your colors, use the Accessibility feature to check if all is good before exporting it to your palette. 

9. Workbox

Workbox is a set of JavaScript libraries and Node modules. The JavaScript libraries make it easy to add offline support to web apps. The Node modules make it easy to cache assets and offer other features to help users build Progressive Web Apps. Some of these features include pre-caching, runtime caching, request routing, background sync, debugging, and greater flexibility than sw-precache and sw-toolbox. 

With Workbox, you can add a quick rule that enables you to cache Google fonts, images, JavaScript, and CSS files. Caching these files will make your web page to run faster and also consume less storage. You can also pre-cache your files in your web app using their CLI, Node module, or webpack plugin. 

10. PageSpeed Insights

PageSpeed Insights is a handy tool from Google Developers that analyzes the content of a web page, then generates suggestions on how to make the page faster. It gives reports on the performance of a web page on both desktop and mobile devices. At the top of the report, PageSpeed Insights provides a score that summarizes the page’s performance. 

11. AMP on Google

AMP pages load faster and also look better than standard HTML pages on mobile devices. AMP on Google allows you to enhance your AMP pages across Google. It is a web component framework that allows you to create user-first websites, ads, emails, and stories. One benefit of AMP is that it allows your web pages to load almost instantly across all devices and platforms hence improving the user’s experience. 

12. Window Resizer

When creating websites, it is important that developers test them for responsive design – this is where Window Resizer comes in. Window Resizer is a Chrome extension that resizes the browser window so that you can test your responsive design on different screen resolutions. The common screen sizes offered are desktop, laptop, and mobile, but you can also add custom screen sizes. 

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot