Articles

Paris, le 11 janvier 2022 – SAP SE (NYSE : SAP) a lancé un programme d’accélération start-ups axé sur le développement durable dans le cadre de la 7ème édition de SAP.iO Foundry Paris. 8 start-ups internationales ont ainsi été sélectionnées par un jury composé d’experts SAP, de partenaires, de clients et de fonds d’investissement pour rejoindre le programme.

SAP.iO Foundry Paris, l’accélérateur de SAP en France a déjà aidé plus de 50 start-ups. En trois ans, SAP a atteint l’objectif fixé, lors sur sommet #ChooseFrance, avec le gouvernement français visant à soutenir l’économie des start-ups.

Ce nouveau programme se concentre sur quatre sujets liés aux différentes questions concernant le développement durable dans les industries de services :

  • Conception et production responsables
  • Approvisionnement responsable
  • Récupération et réutilisation des ressources
  • Consommation responsable

Sébastien Gibier, Directeur SAP.iO Foundry Paris, déclare : « SAP.iO a toujours été un formidable accélérateur de start-ups. Cette année, l’accent mis sur le développement durable permettra à des scale-ups d’amplifier leur impact. SAP France se réjouit de perpétuer ce programme centré sur l’innovation. Nous sommes particulièrement heureux d’avoir tenu nos objectifs fixés avec le gouvernement. »

Au cours des 12 prochaines semaines, les start-ups auront accès à un mentorat personnalisé de la part des dirigeants de SAP, à une exposition à la technologie SAP® et aux interfaces de programmation d’applications (API), ainsi qu’à des opportunités de collaboration avec des clients SAP du monde entier.

Les start-ups suivantes participent au programme SAP.iO Foundry Paris :

ACTRADIS

  • La mission d’Actradis est d’accompagner les entreprises dans la compilation, la vérification et la numérisation de documents sur une plateforme de partage.
  • https://www.actradis.fr/

bloXmove

  • bloXmove résout les difficultés rencontrées par les entreprises pour collaborer dans le cadre de la mobilité urbaine. Il s’agit d’une plateforme blockchain de mobilité décentralisée qui fournit des interfaces simples à intégrer pour vérifier les identités et les accréditations, les contrats intelligents et la distribution des revenus.
  • https://bloxmove.com/

Cozero

  • Cozero propose une plateforme numérique d’action carbone couvrant le processus de gestion du carbone des entreprises de bout en bout. Elle facilite ainsi l’optimisation de l’empreinte environnementale et économique tout au long de la chaîne d’approvisionnement.
  • https://cozero.io/

HESUS

  • HESUS innove afin de fournir les meilleures solutions pour le transport et le traitement des sols et des déchets de chantier, tout en réduisant leur impact environnemental.
  • https://hesus.eu/

Leanpath

  • Leanpath fournit une plateforme complète de prévention du gaspillage alimentaire – comprenant des outils de mesure, de découverte et d’automatisation – permettant aux clients partenaires de réduire le gaspillage alimentaire de 50 % ou plus dans plus de 40 pays.
  • http://www.leanpath.com

Liftango

  • Liftango guide les organisations internationales et les villes dans la planification, le lancement et la mise en œuvre de projets de mobilité partagée. Elle résout les problèmes de stationnement, de congestion et de zonage en améliorant l’efficacité des services de transport grâce à une technologie de transport à la demande.
  • https://liftango.com

Madaster

  • Madaster offre une plateforme cloud fournissant un point d’accès unique pour exploiter les données immobilières afin de répondre aux ambitions environnementales, réglementaires, sanitaires et financières tout au long du cycle de vie de l’objet.
  • https://madaster.com/

TotalCtrl

  • TotalCtrl crée des produits numériques en collaboration avec des restaurants, des hôtels, des municipalités et des particuliers afin de supprimer les processus manuels, rationaliser la gestion des stocks alimentaires, générer facilement le coût mensuel des marchandises vendues et les rapports comptables.
  • https://totalctrl.com/

En savoir plus sur le programme SAP.iO Paris

The post SAP.iO Foundry Paris lance son nouveau programme : Développement durable dans les industries de service appeared first on SAP France News.

Source de l’article sur sap.com

The year’s winding down as everyone segues into a much-needed holiday R&R. But that doesn’t mean there aren’t some awesome new tools and resources for website design projects.

Check them out, and hit the ground running in January. Here’s what’s new for designers this holiday period. Enjoy!

Fancy Border Radius Generator

Fancy Border Radius Generator is a fun tool that allows you to create exciting shapes for elements. Use the included templates or create your own border shapes and then export the CSS/HTML for a variety of uses.

Pulsetic

Pulsetic answers the question: “Is your website down?” Get website downtime alerts by phone call, SMS, email, or Slack. Create beautiful status pages and incident management reports and keep visitors (and your team) updated.

Ffflux SVG Generator

Ffflux SVG Generator makes it easy to generate fluid and organic-feeling gradients. You can use the resulting graphics as backgrounds to elements on a page to give a colorful fluid look to page elements. Choose colors and styles, then save or copy your SVG for use.

Fable

Fable is a web-based motion design platform to help you tell moving stories. It’s designed to be easy enough for beginners to use but has tools that even the most experienced motion designers can appreciate. This is a premium tool, but you can try it free.

Modern Fluid Typography Editor

Modern Fluid Typography Editor takes the guesswork out of sizing and scale for type sizes on different screens. Set a few preferences and see ranges your type styles should fall in. This typography calculator is visual and easy to use.

Emoji to Scale

Emoji to Scale is a fun look at emojis in a real-world relationship to each other. Make sure to also note the Pokemon to Scale project, which is just as much fun.

Page Flip Text Effect

Page Flip Text Effect is a fun and straightforward PSD asset that adds a nice element to design projects. Everyone can use some fun, colorful animation, right?

Nanonets

Nanonets is a practical tool for automated table extraction. You can snag tables from PDFs, scanned files, and images. Then capture relevant data stored in tabular structures on any document and convert to JSON Excel, or CSV and download.

Browsers.page

Browsers.page shows browser name and version, matched with a list of the browsers you support as a company or project. It’s a visual reminder to update if you are working with some browser lag. It’s a free tool and includes a frontend API.

UKO UI

UKO UI is a Figma dashboard and design system bundle packed with components and pages to build from. It’s free for personal use.

Floating UI

Floating UI is a low-level library for positioning “floating” elements like tooltips, popovers, dropdowns, menus, and more. Since these types of elements float on top of the UI without disrupting the flow of content, challenges arise when positioning them. It exposes primitives, which enable a floating element to be positioned next to a given reference element while appearing in view for the user.

Style-Dictionary-Play

Style-Dictionary-Play lets you experiment with a style dictionary in your browser with a live preview and mobile and desktop views. It’s an open-source tool and allows for URL project sharing, and you can use it without logging in or signing up.

Airplane Runbooks

Airplane Runbooks makes it easy to turn small amounts of code into complex internal workflows. Model onboarding flows, admin operations, cron-like schedules, and more and share with your team. It’s like Zapier but for first-party operations that touch prod data.

Shoelace

Shoelace is a forward-thinking library of web components that works with any framework. It’s fully customizable – and has a dark mode. It’s built with accessibility in mind, and the open-source tool is packed with components.

Tutorial: Coloring with Code

Coloring with Code is an excellent tutorial by the team at Codrops that will help you create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor. It’s practical and easy to follow along as you work through the steps on your own.

Stytch

Stytch is a full-stack authentication and authorization platform whose APIs make it simple to seamlessly onboard, authenticate and engage users. Improve security and user experience by going passwordless with this premium tool.

Highlight

Highlight keeps web apps stable. With pixel-perfect session replay, you’ll get complete visibility into issues and interactions that are slowing down users. You can start using this premium tool in minutes, and it works on every framework.

Source

The post Exciting New Tools For Designers, Holidays 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Websites as we know them are going to change very soon. The days of text, images, and basic interactions in a 2D browser window have served us well, but virtual, augmented, and mixed reality experiences are getting better all the time. Developers and designers need to think beyond the browser window and prepare for an immersive future.

Many have been very skeptical about VR and AR in the past because despite grand promises about what they would achieve, they’ve mostly failed to deliver on the scale that the industry hoped for.

But it’s different this time: industry leaders like Meta, Apple, and Microsoft are pursuing a range of different mixed reality projects; they see the opportunity and are dropping hints about what’s next.

In a survey from Perkins Coie LLP and the XR Association, nearly 9 in 10 respondents said that by the year 2025, immersive technologies—including augmented reality, virtual reality, and mixed reality — will be as ubiquitous as mobile devices.

That’s a bold prediction, but it could be our new reality.

Use Cases

VR and AR aren’t a logical fit for every website, and that’s fine. There’s no need to force an immersive experience on something better suited to a standard viewing experience.

But when they’re done right, 3D experiences can add a lot to your website. Check out the demo experience from Mozilla, the 3D tours from Matterport, and the immersive storytelling from Within.

Here are a few areas where these technologies shine:

  • Retail – VR can be used to provide a virtual showroom where customers browse through products. AR can even bring the products into your home by showing you how a piece of furniture will fit in your room, what a painting will look like on your wall, or in Apple’s case, how a product will look on your desk.
  • News – Coverage of events can be enriched by providing a 360-degree view and placing viewers in the center of the story.
  • Training – AR can generate virtual overlays over physical equipment so employees can have hands-on training that’s more effective.

Define Your Platform

Adding immersive experiences to your website will require various skills based on what you’re trying to create. Whether you’re new to web development or are a seasoned developer with many years of experience, the main difference from classic web development is that you’re switching from a 2D to a 3D experience. Development in VR/AR is much closer to developing 3D video games than creating web applications.

First of all, you need to decide on the hardware that you’re building for. Are your viewers mainly using computers, smartphones, or a headset like the Oculus Quest? Each hardware category offers a different set of capabilities for what’s possible.

Next, when we look at 3D engines and frameworks on the market, some big names like Unity, Unreal Engine, and CRYENGINE stand out. Most of these engines were spun out of game development and are based on programming languages like C, C++, or C#. While very powerful, they’re overkill for anyone trying to create a basic immersive web experience.

The good news for web developers is that the WebXR Device API is an open standard specified by the W3C with a JavaScript API that makes immersive experiences possible in the browser. So if you already have a background in web development, you can use your knowledge of JavaScript to get started.

There are some useful frameworks and platforms that make working with WebXR more convenient:

  • A-Frame – A web framework for building 3D experiences.
  • React 360 – A framework for the creation of interactive 360-degree experiences that run in the web browser. As the name already suggests, it builds on React and reuses the concepts you already know.
  • Amazon Sumerian – A managed service that lets you create and run 3D, AR, and VR applications. Since it’s integrated into the AWS ecosystem, it’s also possible to add AI-enabled elements into your generated world.

Create Your Content

No one wants to read long blocks of text in 3D. Since we’re talking about visual experiences, it’s logical that the emphasis should be on creating content that is pleasing to the eye and interesting to look at. What works on a normal website probably isn’t going to feel natural in a 3D environment, so you need to decide what visuals you should create to suit the format.

What high-resolution images and assets do you need? Can you add videos? How about 360-degree videos? Will viewers just be looking at something, or will they be able to interact with it?

You also can’t forget about sound because it’s a critical part of immersive experiences. What music and sounds should you create to make the content come alive?

Not everyone is going to have the latest and greatest device or 5G coverage. The requirements for bandwidth and transmission quality are much higher with 3D content. A few milliseconds of latency can go unnoticed on a typical website, but in a VR/AR setting, it can make the experience laggy or unusable.

Try to optimize your content to be the highest quality it can be within a reasonable file size. If the experience starts to suffer from too many assets downloading at the same time, it’s better to create a more streamlined experience that maintains a high performance rate.

It’s important to consider your hosting infrastructure, as well. This shouldn’t be a big problem, but it is worth mentioning that you need to add new content types to your configurations, and your CDN needs to support these new types, too.

Make Your Content Flexible

When we’re talking about getting your website ready for immersive experiences, we’re not just talking about having people scroll through your regular website in VR. That isn’t compelling for your audience.

The idea is to take some content that’s already on your website and separate it from the presentation layer so you can use it in a 3D environment or any other platform that you want. Classic content management takes place in silos, which means you cannot easily reuse the content from your website.

This separation can be achieved by using a classic database, but if you want developers and content teams to collaborate, a headless CMS is front-end agnostic and more user friendly.

Start Experimenting Today

Building 3D content experiences may seem intimidating, but as we’ve seen, you likely already have the web development skills necessary to get started and try out some different ideas.

What you build today will prepare you for the 3D future of tomorrow.

 

Featured image via Pexels.

Source

The post How to Prepare for the Immersive Web first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

The Adobe PDF Embed API provides a simple way for web developers to display PDFs on their web pages. While browsers provide good support for rendering PDFs, they do so in an « out of context » manner that takes over the entire screen. The PDF Embed API however lets you place a PDF within your site’s layout, providing much better control over the position and size of the rendered document. This improved experience also provides deeper integration into the PDF viewer, letting developers listen for events and perform operations on the document. In this article, I’m going to demonstrate a simple, but hopefully really useful example of this.

Imagine a large document covering many pages, for example, a textbook. Your website users, potentially students, could work with the document over many weeks while school is in session. If the document is a few hundred pages long, it would be incredibly useful to remember where they were in the document when they start reading again. While a large PDF may have bookmarks, even then they could only be for chapters or other sections, not the exact page the user last read. Luckily, the Embed API provides a method to help with this. Let’s take a look!

Source de l’article sur DZONE

Image Source: Pixabay

An API Gateway is an essential component of any microservices architecture. Amazon provides its own API Gateway service, which you can use to enable user access to a microservices application, and manage API communication between microservices. 

Source de l’article sur DZONE

Jamstack (JAMstack), is one of the most popular (and rapidly growing) tools for app and website creation. A unique ecosystem of functionality, Jamstack promises developers the support they need to create powerful websites and progressive applications. 

For a while, Jamstack was mostly written off as just another buzzword in the developer space. However, today, it’s growing to become a powerful investment for many business leaders. Even big companies are getting involved, like Cloudflare, with Cloudflare pages, and Microsoft with Azure Static Web Apps. Elsewhere, we’ve seen brands like Shopify, PayPal, and Nike getting involved too.

So, what exactly is Jamstack, and is it time you transitioned over? Let’s find out…

What is Jamstack?

Jamstack, otherwise known as “JAMstack,” is the name of a developer ecosystem made up of JavaScript, APIs, and Markup (hence: JAM). The solution is a web development architecture allowing developers to access static website benefits, such as higher security and better performance, while still unlocking dynamic database-oriented CMS.

The Jamstack solution allows companies and developers to build a dynamic website where real assets are pre-rendered static files in a CDN. The dynamic environment runs on JavaScript client-side, through serverless functions. 

For a better insight, let’s compare Jamstack to the LAMP stack development strategy, which originated from the four open-source components many developers used to build sites: Linux, Apache HTTP, MySQL, and PHP.

With LAMP, each user request for a page forces the server to query a database — unless the page is cached — and combine the result with page markup data and plugins. Jamstack websites serve pre-built optimized assets and markup solutions quickly because the files are already compiled on a CDN. There’s no need to query the database. 

Jamstack workflows dramatically reduce cumbersome issues with development and excess maintenance, making them highly appealing to developers. 

What Are the Benefits of Jamstack?

Jamstack won’t be the ideal development tool for everyone, but it has a lot of benefits to offer. By fetching HTML from a CDN, the system doesn’t have to wait for HTML to be combined and returned to clients. The solution also provides an improved developer experience with static methods. 

Using Jamstack, developers can build fantastic static files ready to serve by request, hosted on a global CDN. Some of the biggest benefits of Jamstack include:

  • Performance: Because you’re serving pre-built static files from a CDN directly, you’ll achieve much faster loading times, unmatched by typical server-side rendering options. Because you’re serving static files, you’re also better equipped to handle any traffic spikes you might encounter, with minimal slowdown.
  • User experience: Better website performance significantly improves user experience and website traffic, as well as SEO efforts. User experience has always been a critical factor in ensuring the success of a website, and it’s essential to keeping your customers around for as long as possible. Websites optimized for performance will always delight users. 
  • Security: With Jamstack, there are no servers or databases to worry about. You use third-party solutions to handle these issues for you. The architecture of Jamstack means the back and front end of your development processes are decoupled, and you can rely on APIs to run server-side processes easily. Jamstack also comes with security benefits other approaches can lack. Clear separation of services is essential here. 
  • Hosting and scaling: Scaling and hosting can often be problematic in the development world, but because you’re serving files from a CDN, you’re less likely to encounter issues. CDNs are almost infinitely scalable, so you get excellent extensibility built into your development environment. CDN hosting for static files is also cheaper than traditional hosting, so you can keep costs low. 
  • Maintenance: Jamstack makes it easy to push your front end to the edge rather than managing infrastructure directly. Ditching plugins, databases, and other hosting services can help you to save more time and money on a significant scale. 
  • Developer experience: From a developer perspective, there are tons of benefits from Jamstack. You get the ease of a Github, CI/CD, CDN flow, and auto previews with simple rollback to reduce the need for backups. Local developer environments and the ability to run and debug cloud functions locally are all fantastic.

Does Jamstack Have any Limitations?

In a lot of ways, Jamstack is an innovative and revolutionary solution for development. It can help you to create a far more engaging website and present your company in an incredible way. Of course, that doesn’t mean there are no limitations to be aware of. 

Jamstack is developer-friendly, for instance, but it’s not beginner-friendly. You will need at least some knowledge of web development to start unlocking the benefits. You’ll need to understand things like Vue or React, but you should develop a tool anyone can use with a bit of work.

There’s also a handful of things you can’t pre-generate, like user-specific and real-time data. So, this means you may not be able to use Jamstack effectively on projects requiring these kinds of data. Building an analytics dashboard, for instance, probably isn’t a good idea with Jamstack. Other issues for some developers may include:

  • API complexity: It can be overwhelming to try and find the right solution for your needs among so many different options. Of course, this could also be something you’d say about the WordPress ecosystem and its huge variety of plugins. An API usually won’t break your production website, at least. 
  • Long building processes: If you have a large number of pages, there’s more likely to be an extensive building process to think about. Whenever you make a change to a single page, even a little one, you’ll need to rebuild your entire website. This is a problem if you run into a website with thousands of pages. There are solutions to this problem available, however.
  • Handling dynamics: Going with Jamstack doesn’t mean abandoning your backend. An important part of the approach is accessing serverless functions, which are becoming more effective over time. These serverless functions can also be executed on the edge. The backend parts of your website will require regular maintenance as they scale.

Best Jamstack Tools to Check Out

Now you know the basics of Jamstack, let’s look at some of the tools you can use to design an incredible website or application within the Jamstack environment. 

The Git Tool Landscape

There are tons of tools within the Git ecosystem common among Jamstack developers. Starting with Git itself. Git represents a powerful free, and open-sourced distributed version control system. With this solution, companies can handle everything from small to enterprise-level projects with efficiency and speed. The solution is extremely easy to use and learn, and outclasses a range of tools like Perforce, ClearCase and Subversion. 

GitHub Pages and GitLab pages are two hosting services for Git repositories with built-in services to host static pages from out of your codebase. This makes the two solutions fantastic for when you’re building a Jamstack website. You can access the functionality for free too. 

GitLab gives you a comprehensive DevOps platform to work with, where you can enjoy a comprehensive CI/CD toolchain out of the box. The comprehensive solution, delivered as a single application, changes the way security, development, and Ops teams integrate and collaborate. Gitlab helps to accelerate software delivery on a massive scale.

AWS Amplify

AWS Amplify, created by Amazon Web Services, is a development platform packed full of useful features for people in the Jamstack environment. The Amplify offering aims to reduce the complexities associated with Amazon Web Services for mobile and web deployment. You get 12 months of hosting for free with new accounts, and you get Storage with Amplify too. 

The Amazon Amplify solution dramatically improves the regular AWS workflow, especially if you’re just a novice user. There’s a huge documentation hub to help you too, which is way more convenient than Amazon’s usual documentation solutions. Amplify is still accessed from a somewhat bloated console, however. 

With AWS Amplify, companies can access features like a comprehensive data store to sync data between the cloud and websites. There’s also easy-to-use interface access across all different categories of cloud operations. The service works well with a range of JavaScript central tools. 

Netlify

Netlify is a pioneering solution in the Jamstack environment, allowing users to go dynamic with their websites and applications on their own terms. You can access a range of add-ons and integration, access your favorite tools, and make your own. The flexible environment enables developers to run websites on a multi-cloud infrastructure designed for speed and scale automation. 

Built to be entirely secure from the ground up, Netlify makes it easy to build a site that’s custom-made for performance and deployed directly. You don’t need to worry about managing, scaling and patching web services, which means you can more quickly implement your Jamstack architecture. 

Unlike other large legacy apps, Jamstack projects are neatly separate from your front-end pages and UI from the backend databases and apps with Netlify. Using this service, the entire front-end can be pre-built with highly optimized static assets and pages, and developers can deliver new web projects faster than ever before.

Next.JS

Inspired by the functionality of PHP, Next.JS is a solution for pre-rendered JavaScript modules. The solution allows developers to easily export the components of their apps and perform individual tests to determine how each element works. You can also access a wide range of components and modules from NPM. The Next offering allows developers to save time, removing the need to use webpack bundles and transform with compilers. 

The full solution is extremely intuitive, ensuring developers can create solutions quickly. What’s more, the technology you build will allow you to load only the bundle needed from your JavaScript workflow, rather than all the JavaScript at once. Pre-fetching, one of the features of Next.JS, also picks up where standard code-splitting leaves off, allowing for optimized bundles of code to load seamlessly. 

Next.JS also supports hot-module replacement. This means instead of reloading an entire application when you change the code, you only recreate the modules you’ve altered.

Angular

Probably the most widely-recognized of all the JavaScript frameworks, Angular, designed by Google engineers, appeared first in 2012, offering developers a new way to create dynamic pages. Before this technology, there were other opportunities for creating dynamic pages, but they were nowhere near as convenient or speedy. 

Angular is probably one of the most essential tools companies can use when building a Jamstack website or environment. The front-end web development tool attracts developers from all over the world. Every version is packed with features and constantly upgraded to ensure you can generate the best results. 

Angular extends HTML file functionality with powerful directives, and it requires very little effort to enable these directives too. All you do is add the ng- prefix to your HTML attributes and you’re ready to go. Angular also allows developers to create widgets leveraging editable data with two-way binding. This means developers don’t have to write code that syncs constantly between the model and view. 

With Angular, developers also get access to things like virtual scrolling, which can help with displaying large lists of elements performantly, rendering on the items that fit on the screen to reduce loading times. 

React

Another must-have tool in the JavaScript world for Jamstack, the React solution was launched first in 2013, and has won thousands of customers across the globe thanks to fantastic functionality. Today, the full landscape is maintained by Facebook, along with all the members of the standard developer community. The solution is used by some of the biggest giants in the tech industry, like Netflix, PayPal, and Apple. 

React is a true pioneer in the Jamstack ecosystem, with its sensational approach to simple and straightforward solutions for JavaScript management. You’ll be able to access batched and virtual DOM updates, which makes it easier to unlock components quickly, and write your components the way you see them. There’s also the added benefit that React is compatible with a lot of tools. 

You can build a comprehensive app or website with the help of React, and you’ll have no trouble accessing some of the top features, particularly with plenty of support available from the React community. 

Gatsby

Created from the ground up to improve user experience on a comprehensive level, Gatsby is a static site generator with heavy focus on things like SEO, performance, and accessibility. The solution offers plenty of out-of-the-box features to help developers deliver the most immersive solution for their users, without unnecessary complexity. 

Gatsby users pre-configuration to develop static websites giving developers faster loading pages, stronger code splitting, and server-side rendering. You can also access features like data prefetching, asset optimization, and quick image loading. Gatsby boasts excellent documentation and starter packs to help you get your site up and running more quickly.

The GraphQL data layer of Gatsby also means the system can collect your data from anywhere, including your CMS, JSON, Markdown, and APIs. More than just your standard site generator, this is a tool built specifically with performance in mind. 

Agility CMS

Developing an effective Jamstack website means having access to the right CMS technology. Agility CMS wasn’t the first CMS solution to support Jamstack, but it is one of the better-known options. As one of the first headless CMS solutions to hit the market, the company has quickly captured the attention of a huge range of developers worldwide.

Agility CMS is a Jamstack pioneer, capable of helping developers to build a foundation for any online ecosystem. The technology is an API-first CMS with support for REST APIs, so developers can connect all the third-party apps and front-end frameworks they like.

The technology also gives developers the freedom to code their solutions their way. You don’t have to follow a specific set of guidelines for how content is created, but templates are available to fast-track development. Agility CMS also hosts and abstracts your database, so you don’t have to worry about connection strings, backups, and maintenance. 

With a strong content architecture to help companies manage digital content and a partnership with Gatsby, Agility is ideal for Jamstack development strategies. 

Building Your Jamstack Website

The Jamstack solution is more than just a buzzword in today’s development world. This unique approach to building incredible development experiences delivers an excellent advantage to both developers and their end-users. Fast, scalable, and full of solutions for customization, Jamstack is a powerful way to bring websites to life with simplicity and speed. 

Every day, more companies take advantage of the Jamstack environment, and we’re constantly seeing a wide selection of new tools, APIs and offerings emerging to help enhance the Jamstack landscape too. This environment is definitely worth consideration for any developer looking to significantly speed up their development strategy.

 

Featured image via Pexels.

Source

The post Is it Time to Transition to JAMStack? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

It’s that time again. Black Friday. November 26, to be exact. And the many enticing deals you’ve been looking forward to at this time of the year are here as well.

There are three types of Black Friday shoppers. Those who are successful because they have prepared. Those who are successful because they got lucky. And, those who let some good deals simply slip away.

Your best bet, of course, is to be prepared, which is the purpose of this guide.

As you go down this list, you’ll find discounts, some pretty amazing offers, a few surprises perhaps – and plenty of inspiration.

We’ve been keeping close tabs on the various Black Friday discounts and promotions, and we’ve corralled the best of the bunch for you.

Starting with:

1. Brizy – The No-Code Website Builder For Non-Techies

Brizy is a fast and easy-to-use website builder for designers and agencies. Take advantage of Brizy’s Black Friday special and tap into the skills of a team that has been creating website-building tools for over 11 years.

This premier website builder gets better with each update.

  • Web designers can choose between Brizy for WordPress and the Brizy Cloud website builder, which includes hosting;
  • Agencies can choose among several white-label options;
  • Brizy brings power to the novice; use the pre-made designs or start with a blank page and let the imagination be the guide.

Black Friday is a time to take advantage of great deals, and this year is no different.

  • Big discounts are available on Brizy’s white label agency plans;
  • Participate at no cost to win a MacBook PRO;
  • Partner perks and discounts;
  • And exclusive new designs.

Design or coding experience is not a requirement to use Brizy’s drag and drop visual builder.

Click on the banner to take advantage of these great Black Friday specials.

2. Portfoliobox

A 50% discount on any portfolio website builder would seem like a good deal. On the other hand, getting one at 50% off that enables you to quickly create a portfolio website that reflects your creative personality and will truly set you apart from the crowd is definitely worth taking advantage of.

Portfoliobox offers:

  • Mix and match templates to help achieve a unique look;
  • Powerful eCommerce functionality built right into the platform;
  • Safe and secure private client galleries;
  • An included Domain (custom domain with Pro plans);
  • Fantastic 24/7 support to keep problems to a minimum;
  • Affordable, transparent pricing plans that let you know what you are getting before you buy.

Click on the banner to find out more about this fast, affordable, and easy to work with a portfolio website builder for creatives.

3. wpDataTables

wpDataTables is a popular, power-packed plugin that can manage vast amounts of data in seconds and organize it to build a table or chart the way you want.

  • wpDataTables and charts are responsive, customizable, and easy to edit and maintain;
  • wpDataTables readily accepts data from a variety of data sources, from multiple database connections, and in the most used formats;
  • Tables and charts can be configured to nicely blend in with other website content and a website’s overall design, plus it is easy to add spice to a table or chart by using colors, adjusting font sizes, and highlighting key data using conditional formatting.

wpDataTables features Elementor and Gutenberg integration, provides the ability to connect WordPress tables with Google API, allows cascade data filtering, and much more.

Click on the banner to take advantage of the 30% off Black Friday special.

4. Amelia WordPress Booking Plugin

Amelia can be a genuine time and money saver for a variety of business types. Amelia automates and streamlines a business’s booking process.

  • Amelia relieves business owners and managers from the task of managing multiple appointments and events;
  • Clients and customers love the ability to make and manage their appointments 24/7;
  • Bookings and events are managed from a single platform, even when multiple locations are involved.

Annual and lifetime subscriptions are available.

5. Mobirise Free Website Builder

As it is an offline builder, Mobirise does not tie you to any platform, you can host it anywhere, and you have total control over creating the website you have in mind.

Mobirise:

  • is drag and drop and easy and simple use;
  • is based on the latest Google AMP or Bootstrap 5, so your site will be mobile-friendly and crazy fast;
  • comes with eCommerce, huge selections of themes, blocks and templates, and a shopping cart.

Mobirise is free for both personal and commercial use.

6. Slider Revolution

There is a difference between an “interesting” website and one whose WOW effects cause it to stand far above the competition.

Slider Revolution specializes in WOW effects that can take any website to the next level, and it can be yours on Black Friday at a 33% discount on all licenses.

The Slider Revolution package includes:

  • Innovative templates and add-ons;
  • Advanced automation and special effects tools.

Grab the Black Friday offer now.

7. Getillustrations Bundle – Commercial illustrations for the web

Digital illustrations help attract attention to and pique interest in your website.

Getillustrations.com features a package of more than 9000 commercial web and app illustrations in a wide range of topics.

  • This package features all the design formats you’re likely to need, e.g., Ai, SVG, PNG, Figma, Sketch, and more;
  • Great illustrations to spice up landing pages are included.

The package is available at a 25% discount. Use coupon code EliteDesingers25.

8. Litho – Multipurpose Elementor WordPress Theme

Litho is a creative, modern, and highly customizable theme that can be used for any type of business niche as well as for creating eCommerce, blog, and portfolio websites.

This multipurpose Elementor WordPress theme’s features include –

  • 36+ ready home pages, 200+ creative elements, and a 300+ template library;
  • One-click demo import;
  • Top loading speed and SEO result capabilities.

Litho also features detailed online documentation and top-of-the-line customer support.

9. 8bio – Linktree Alternative

Instagram and TikTok enthusiasts, take note!

With the 8bio tool at your fingertips, you can add a clickable URL to your social media platform profiles so visitors can visit your website, product page, or any other important page.

8bio offers:

  • Beautiful skins and catchy animated backgrounds;
  • The ability to link to your own domain or to *.8b.io;
  • Powerful SEO and tracking options.

The 8bio tool can also be used for your Twitter, Facebook, and YouTube posts.

10. XStore – Highly Customizable WordPress WooCommerce Theme

XStore is designed to work with the best page builders on the market and is fully compatible with the Elementor and WPBakery builders.

The XStore package includes

  • $510 worth of carefully handpicked Premium Plugins for WooCommerce;
  • More than 110+ awesome Prebuilt Shops;
  • A built-in AMP for WooCommerce, a Full Ajax Shop, multi-vendor support, and much more.

Become one of XStore’s more than 60,000+ happy customers by taking advantage of the Black Friday special.

Knowing that it’s the early bird that gets the worm, we’ve worked hard to place before you and your fellow website designers and agencies this enticing selection of the best Black Friday offers.

You will no doubt find some of the products familiar. A few might not be. In either case, the opportunities are here for you to get some great deals on some premier products.

Happy shopping!

Source

The post Live Now: Top 10 Black Friday 2021 Deals for Designers and Agencies first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

WALLDORF, Allemagne – 16 novembre 2021SAP SE (NYSE : SAP) a annoncé aujourd’hui de nouveaux produits et services qui permettent aux développeurs, civils ou professionnels, d’accélérer la transformation numérique. Depuis la pandémie, la recherche de talents sonne comme un défi majeur à relever pour les organisations du monde entier. Selon IDC*, la pénurie mondiale de développeurs à plein temps passera de 1,4 million en 2021 à 4,0 millions en 2025. Les annonces de SAP répondent à cette pénurie de talents avec de nouveaux outils, fonctions, de l’IA intégrée et des programmes d’apprentissage pour aider les employés et les candidats à acquérir de nouvelles compétences pour aborder l’ère du « cloud-first ». Ces annonces interviennent pendant le SAP® TechEd, la conférence mondiale des développeurs de SAP, qui se déroule en ligne du 16 au 18 novembre 2021.

«  Pour nos clients et partenaires du monde entier, l’avenir est dans le cloud « , a déclaré Juergen Mueller, directeur technique et membre du comité exécutif de SAP SE. « Dénicher les bons talents, avoir les bonnes compétences et les connaissances  est un vrai challenge pour mener à bien ce projet.. Les annonces de SAP permettent non seulement de donner aux développeurs civils les moyens d’agir, mais aussi de soutenir les développeurs professionnels dans leurs efforts de formation continue, pour que les clients puissent continuer à innover aujourd’hui et construire les bases de leur réussite de demain. »

 

Tout le monde peut être un développeur

SAP a annoncé une expérience unifiée de développement low-code/no-code sur SAP Business Technology Platform (SAP BTP), qui permet aux développeurs professionnels et civils de créer de nouvelles applications, d’améliorer celles existantes et d’automatiser des tâches complexes. En ajoutant le développement no- code et l’automatisation avec l’environnement de développement SAP AppGyver®, en améliorant le développement low- code avec SAP Business Application Studio et en proposant une avant-première de la solution SAP Process Automation, SAP offre à ses clients de nouveaux moyens d’en faire plus en s’appuyant sur les talents technologiques de l’ensemble de leur organisation, que ce soit au sein ou en dehors des départements informatiques traditionnels.

DHL, l’un des leaders mondiaux du secteur de la logistique, utilise SAP AppGyver pour numériser les processus et rationaliser les opérations des employés pour la gestion de la flotte. « Avec SAP AppGyver, nous avons créé une application mobile sur iOS et Android pour mieux gérer les rapports de dommages pour notre flotte de remorques à travers l’Europe« , explique Ilari Aarikka, Director, Trailer Pool & Fleet, DHL.  » L’appli nous a permis d’accroître la fiabilité des rapports tout en rendant les inspections plus pratiques pour les employés sur le terrain.  »

Pour les développeurs professionnels, SAP propose également un ensemble gratuit pour SAP BTP qui inclut désormais SAP HANA® Cloud et SAP Integration Suite, ainsi qu’un aperçu de son nouveau thème visuel « Horizon » pour son système de conception SAP Fiori®.

 

Vers des solutions d’entreprise composables

SAP a annoncé plusieurs mises à jour afin d’aider les clients à mieux intégrer et étendre leurs activités grâce à des solutions modulaires et agiles qui répondent à des défis individuels. La dernière mise à jour de SAP Integration Suite, la couche d’intégration de SAP BTP, fournit du contenu d’intégration et des adaptateurs prépackagés supplémentaires – disponibles sur SAP API Business Hub – pour intégrer des applications SAP et non-SAP. D’ici la fin de l’année 2021, SAP Integration Suite sera disponible sur Google Cloud Platform. SAP lancera de nouvelles fonctionnalités d’extension dynamique dans SAP HANA Cloud pour aider les clients à déplacer leur charge de travail vers le cloud, depuis leurs propres systèmes sur site, en temps quasi réel. SAP présente également de nouvelles façons d’aider les migrations des systèmes SAP BW sur site vers la solution SAP Data Warehouse Cloud et des options de localisation étendues pour SAP S/4HANA® Cloud.

 

Offres d’intelligence artificielle embarquée dans l’ensemble du portefeuille

SAP a développé des fonctionnalités d’intelligence artificielle (IA) embarquées qui permettent aux développeurs et aux clients d’exploiter plus facilement l’IA et de stimuler la productivité. Les nouvelles fonctionnalités du service SAP Conversational AI simplifient la création et la surveillance des chatbots qui  automatisent les tâches et les flux de travail. SAP a prévu de lancer le service Personalized Recommendation, un nouveau moteur de recommandation basé sur un réseau neuronal qui fournit des recommandations hautement personnalisées, et ce dans un large éventail de scénarios commerciaux. De nombreux produits et services SAP utilisent désormais la puissance de l’IA, par exemple pour automatiser la correspondance des documents interentreprises, recommander des actions dans les flux de travail, extraire et traiter des données à partir de documents commerciaux ou fournir des recommandations d’apprentissage.

 

La formation, de la salle de classe à la salle de réunion

SAP a lancé un tout nouveau site SAP Learning. Il s’adresse aux développeurs SAP de tous niveaux. Sa conception simple et intuitive facilite le perfectionnement ou le recyclage dans des domaines d’innovation clés, gratuitement. Cette nouvelle expérience comprend une gamme complète de contenus de formations disponibles dans différents formats : des sessions dirigées par des experts et des formations pratiques aux vidéos de micro-apprentissage. SAP a également lancé un programme d’enseignement de l’IA pour les écoles ainsi qu’ un programme visant à fournir des solutions de cloud computing de SAP aux universités et aux professeurs.

 

48 heures de contenu en direct à SAP TechEd en 2021

Inscrivez-vous pour suivre l’événement avec plus de 100 sessions de renforcement des compétences, 25 ateliers, 8 pistes techniques et 48 heures de discussions techniques en continu sur Channel 1, accessible avec votre inscription à la conférence SAP TechEd.

 

SAP TechEd News Guide 2021

Plus de détails sur toutes les nouveautés, les lancements et les mises à jour sur http://sap.com/teched-news-guide

*Source : « Quantifying the Worldwide Shortage of Full-Time Developers, » Doc # US48223621, IDC, Septembre 2021

À propos de SAP

La stratégie de SAP vise à aider chaque organisation à fonctionner en “entreprise intelligente”. En tant que leader du marché des logiciels d’application d’entreprise, nous aidons les entreprises de toutes tailles et de tous secteurs à opérer au mieux : 77 % des transactions commerciales mondiales entrent en contact avec un système SAP®. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analytique avancées aident nos clients à transformer leurs activités en “entreprises intelligentes”. SAP permet aux personnes et aux organisations d’avoir une vision approfondie de leur business et favorise la collaboration afin qu’elles puissent garder une longueur d’avance sur leurs concurrents. Nous simplifions la technologie afin que les entreprises puissent utiliser nos logiciels comme elles le souhaitent – sans interruption. Notre suite d’applications et de services de bout en bout permet aux clients privés et publics de 25 secteurs d’activité dans le monde de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Avec son réseau mondial de clients, partenaires, employés et leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun. Pour plus d’informations, visitez le site www.sap.com.

Contacts presse :

Mathilde Thireau : mathilde.thireau@publicisconsultants.com

Robin Legros : robin.legros@publicisconsultants.com

SAP News Center. Suivez SAP sur Twitter : @SAPNews.

Veuillez tenir compte de notre politique de confidentialité. Si vous avez reçu cette alerte de presse dans votre courriel et que vous souhaitez vous désabonner de notre liste d’envoi, veuillez communiquer avec presse-sap@publicisconsultants.com et écrire Désabonnement dans la ligne Objet.

 

 

The post Tout le monde peut devenir un développeur : SAP présente des outils pour les développeurs citoyens et professionnels, l’IA intégrée et une expérience d’apprentissage gratuite appeared first on SAP France News.

Source de l’article sur sap.com

Tilda website builder combines everything we liked so much about constructors when we were kids – you can experiment, test out and build myriads of new creative ideas out of ready-to-use blocks. Tilda is that type of constructor that allows you to own your creative process and create pretty much any website: landing page, business website, online store, online course with members area, blog, portfolio, or event promo page.

Founded seven years ago, Tilda is a website builder that completely revamped the way we create websites. Tilda has been the first website builder to introduce block mechanics that allows users to create websites out of pre-designed pieces. This breakthrough technology allowed all users – not only designers – to create professional-looking websites. Just like in kid constructors, you can drag-and-drop and mix-and-match blocks on Tilda to let your creativity flow and build a dazzling website, at extraordinary speed. 

When you ask designers why they love Tilda, they usually say it’s because the platform provides the ultimate balance between choosing from templates and being able to fully customize and create from scratch to bring any creative idea to life. Here’s what else they say:

Tilda has been a game-changer for us. It allows our team to quickly spin up new web pages, make edits, and ship new programs. We left WordPress for Tilda and after being with Tilda for 2 years, I don’t ever want to go back.

~ Andy Page, Executive Director, Forge.

I built my first website in 2001. Since then I’ve used countless platforms and website builders for customer websites and my own business. Tilda is the perfect combination of ease of use with powerful features at an unbeatable value.

~ Robby Fowler, Branding and Marketing Strategist, robbyf.com & The Brand ED Podcast.

Let’s dive deeper into core functionalities you can leverage on Tilda. 

#1 Cut Corners With 550+ Pre-Designed Blocks And 210+ Ready-Made Templates

The beauty of Tilda is that it provides 550+ blocks in the ever-growing Block Library designed by professional designers. Thus, you can quickly build a website out of pre-designed blocks that encompass virtually all elements you might need for your website: menu, about us page, features, contact, pricing, etc. 

Customizing each block is a breeze with Tilda: You can drag-and-drop images, edit text right in the layout, alter block height, background color, padding, select the style of buttons, use custom fonts, and assign ready-made animation effects to specific parts of it. Also, Tilda provides a built-in free image library with 600K+ images, so you can find images that are just right for you without leaving Tilda, add them to your website with just one click, and use them for free.

Finally, all blocks fit together so well that it’s almost impossible to create a bad design on Tilda – even if you are a stranger to website building.

For a quick take-off, you can use 210+ ready-made templates for different kinds of websites and projects: online stores, landing pages, webinar promo pages, multimedia articles, blogs, and more. Each template is a sample of modern web design and consists of blocks. It means that templates don’t limit your creativity: you can modify them to your liking by playing with settings, adding extra or removing existing blocks, and embedding images and text. 

Each of the templates and blocks covers over 90% of use cases you’ll ever require and is mobile-ready, meaning that your website will look great on desktop computers, tablets, and smartphones by default.

#2 Jazz Up Your Site With Zero Block: Professional Editor For Web Designers 

To better meet the demands of a creative brief and unleash your creativity, you can use Tilda’s secret weapon called Zero Block. It is a tool for creating uniquely designed blocks on Tilda.

You can control each element of the block, including text, image, button, or background, and decide on their position, size, and screen resolution on which they’ll appear. For example, you can work with layers to create depth with overlay and opacity techniques or set a transparency level on any element and shadow effects below them. Additionally, you can also insert HTML code to add more complex elements, such as calendars, paywall, comments, social media posts, and so much more.  

Finally, Zero Block allows you to fool around with basic and more advanced step-by-step animation for a more individual look. Here’re some animation examples that you can make on Tilda:

Animation on scroll (position of elements is changing on scroll).

Trigger animation (animation is triggered when pointing at or clicking on an object).

Infinite scrolling text.

#3 Import Designs From Figma To Tilda In Minutes

Creators love using Figma for prototyping, but when you have to transfer every element and rebuild your website design from scratch – that’s what’s killing the party. With Tilda, you can easily turn your static designs into an interactive website in no time. 

All it takes is to prepare your Figma design for import with a few easy steps, paste the Figma API token and your layout URL to Tilda, click import and let the magic happen. Once your design is imported, you can bring your project online just by clicking publish.

#4. Make Search Engines Love Your Website With Built-In SEO Optimization

Thanks to the consecutive positioning of blocks on the page, websites designed on Tilda are automatically indexed well by search engines. There is also a set of SEO parameters you can fine-tune right inside the platform to ensure that your web pages rank high even if you don’t have an SEO specialist in-house. These parameters include the title tag, description and keywords meta tags, reader-friendly URLs, H1, H2, and H3 header tags, alt text for images, and easily customizable social media snippets. 

As an additional value, Tilda provides an SEO Assistant that will show you what errors are affecting the indexing of your website and will help test the website for compliance with the search engines’ main recommendations.

#5. Turn Visitors Into Clients

Tilda gives you the power to set up data capture forms and integrate them with 20+ data capture services, such as Google Sheets, Trello, Notion, Salesforce, Monday.com, etc., to ensure seamless lead generation.

For more fun, Tilda developed its CRM to manage your leads better and keep your business organized right inside of a website builder. This is a very easy-to-use tool that automatically adds leads from forms and allows you to manually add leads you captured outside of the website. There is a kanban board that gives you an overall view of how leads are moving through your sales funnel and allows you to move leads between stages easily.

#6. Build A Powerful Online Store In One Day

Tilda provides a set of convenient features to create a remarkable online shopping experience. The platform gives you the power to sell online using ready-made templates or build an online store completely from scratch, add a shopping cart and connect a payment system of choice — Stripe, PayPal, 2Checkout, etc. — to accept online payments in any currency.

If you are looking to run a large ecommerce business, you should also consider Tilda. Thanks to the built-in Product Catalog, you can add up to 5000 items, import and export products in CSV files, easily manage stock, orders, and keep track of store stats.

And thanks to adaptive design, your store will look good across all devices, including tablets and smartphones. 

#7. Bring Your Project Online For Free

Tilda offers three subscription plans: Free, Personal ($10/month with annual subscription), and Business ($20/month with annual subscription). When you sign up for Tilda, you get a lifetime free account. It allows you to publish a website with a free subdomain and gives you access to a selection of blocks and a limited number of features that offer enough to create an impressive website. 

Personal and Business tariffs allow more advanced options, such as connecting custom domains, adding HTML code, receiving payments, and embedding data collection forms. The business plan also allows users to export their website and create five websites (while personal and free plans allow one website per account). 

To discover all features and templates on Tilda, activate a two-week free trial – no credit card required.

Source

The post Tilda – The Website Builder That Disrupted The Way We Create Websites first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot


Introduction

In this article, I am going to explain to you how we can use the power of MuleSoft to send PDF files from Experience API to Process/System API, using the multipart/form-data type, and to covert it back to PDF file in the second API.

Use Case

We are going to read the PDF file from the local disk using Mule’s out-of-the-box (OOTB) File connector to read in Experience API. Then we will be sending this PDF as binary with some other fields to another API (this can be named as Process API) which accepts data as multipart/form-data. Next, we will extract this PDF binary from the received payload and convert it back to PDF and save the file to the local disk using Mule’s OOTB File connector to write.

Source de l’article sur DZONE