Articles

Exciting New Tools for Designers, August 2020

,

The common theme in this month’s collection of new tools and resources is “things that help you show off your work.” Many of these tools are made to help you better web products or apps or showcase designs with others.

Here’s what new for designers this month.

Naturaltts

Naturaltts is an online text to speech converter, that allows you to download an mp3 recording. The tool has more than 60 voices to choose from in six languages. There’s a free plan for personal use (based on characters converted) and affordable paid plans for higher volumes and commercial users. One application of this tool is voiceover for videos or tutorials.

Handz

Handz is a library of hands with different gestures in three-dimensional shapes. The collection includes 12 gestures with nine skin colors, and three different sleeve types. Put all that together and you have 320 potential combinations that you can use for projects. The library is completely free and works in a variety of formats with different tools.

Isoflow

Isoflow allows you to create isometric diagrams for presentations and illustrations with ease. You can edit and then export diagrams for print or website use, thanks to vector rendering.

Device Shots

Device Shots is a small web app that helps you generate a high-resolution device mockup using a screenshot of your website or mobile application. It supports almost every device type you can think of and resizes for social media platforms.

Barchartrace

Barchartrace is a simple MIT open source bar chart generator. Use it to create some of the animated charts you see on social media. Just insert your information (upload via CSV file), choose animation settings, and go.

Zettlr Markdown Editor

Zettlr is a free and open source markdown editor for Mac OS. Zettlr supports simple notations, references, includes a dark mode, and tagging. It’s made for note takers who need a tool to amp up their projects, and is used primarily in higher education.

CSS Leaning Card Effect

The CSS Leaning Card Effect replicates the bookshelf feel you get when rectangles lean with a shadow against planes. Lynn Fisher does it in the pen with code that you can see and work on with your own images.

Lemon.io

Lemon.io is a tool that matches you with freelance developers to get projects moving more quickly. You are guaranteed a match in 24 hours and there is no risk if the match doesn’t work out. Just tell Lemon.io what you need and the algorithm will match you with a dev from the database. Prices for development through the platform start at $35 per hour.

Papercups

Papercups is a customer messaging tool that lets you chat in real-time. The customizable widget works with your favorite tools, such as Slack and Gmail, and is free to use. Chat apps are one of the most in-demand website features right now.

CSS Click to Animate Gif

Christian Heilmann has created a great guide/experiment in pure CSS that adds a play button on top of animated GIFs so that users can control the motion. He developed the concept because GIFs can get overwhelming and annoying. Learn how he did it and see it in action.

3D Book Image Generator

Here’s another little bit of CSS magic with a 3D Book Image Generator. Just input your image and set some specifications and get a 3D book cover image that you can use in projects. (There’s also an accompanying tutorial if you want to learn how to generate the CSS on your own.)

Luckysheet

Luckysheet is an online spreadsheet – it’s a lot like Microsoft Excel – with powerful data functions and tools. It’s user-friendly and open source. It even has quite a few built-in mathematical formulas and supports various table types.

RevKit

RevKit is a design system UI kit that works with Sketch, Figma, and Adobe XD. It includes plenty of organized components that you can pop right into designs to help get them started faster. It also includes a style guide, elements, and form controls. The download is free.

Card

Card allows you to store social media profiles, websites, and files in a customized profile. Share it in one click. Replace awkward contact exchange and multiple usernames with a simple QR code or link.

Scale Nucleus

Scale Nucleus helps visualize data, curate interesting slices within your dataset, review and manage annotations, and measure and debug model performance. This tool claims to be “the right way” to develop ML models.

Previewed

Previewed is a mockup generator to create beautiful promotional graphics for your app. Browse a variety of templates, pick one, customize, and download your design to show off.

NSFW Filter

NSFW Filter is a browser extension that blocks images that aren’t safe for work. The best part is that it runs locally in-browser and doesn’t access any of your data. Plus, it saves you from on-the-job embarrassment.

ColorFlick for Dribbble

ColorFlick for Dribbble is another browser extension that makes it easy to copy hex codes from the tool to your clipboard with ease. You can also create palettes you can share from your favorite shots using Coolors.

Tabler Icons

Tabler Icons is a collection of more than 550 SVG icons that you can customize. Change the color, size, or stroke width with on-screen controls and then click to copy the icons you want to use. It’s that simple!

Teenyicons

Teenyicons might be some of the cutest icons out there. This collection includes minimal 1px icons in outline or solid fills. And there are plenty of icons to choose from. Adjust the size and grab the ones that you need for projects.

Basicons

Basicons is a set of simple icons for product design and development. Plus, they are updated weekly.

Chozy Mermaid

Chozy Mermaid is a super funky novelty typeface to close out summer. The characters feature beach themes within slab characters. It might be hard to find an application for this one, but it is too fun not to share.

Dotuku

Dotuku is a dingbats font with a back to school theme. The limited character set features filled and outline styles that are perfect for classrooms.

Margin

Margin is a fun retro style typeface with a 1970s vibe. It’s a “chubby serif” with 60 characters and 58 glyphs.

Rollanda

Rollanda is a signature-style script with a thicker weight and rough stroke. The character set is pretty robust.

Source


Source de l’article sur Webdesignerdepot

/par

What Can You Do With the OpenAI GPT-3 Language Model?

,

Exploring GPT-3: A New Breakthrough in Language Generation

Substantial enthusiasm surrounds OpenAI’s GPT-3 language model, recently made accessible to beta users of the “OpenAI API.”

Source de l’article sur DZONE

/par

OpenAI GPT-3: How It Works and Why It Matters

,

You have probably heard about an innovative language model called GPT3. The hype is so overwhelming that we decided to research its core and the consequences for the tech players. Let’s explore whether the language deserves this much attention and what makes it so exceptional.

What Is GPT-3? Key Facts

GPT-3 is a text generating neural network that was released in June 2020 and tested for $14 million. Its creator is the AI research agency OpenAI headed by Sam Altman, Marc Benioff, Elon Musk, and Reid Hoffman.

The language is based on 175 million parameters and is by far more accurate than its predecessors. For example, GPT-2 had only 1.5 billion of parameters, and Microsoft Turing NLG – 17 billion of them. Thus, the power of GPT-3 is significantly surpassing the alternatives.

Source de l’article sur DZONE

/par

EU Privacy Shield and the Future of Data Regulation-Compliant DBs

,

On July 16, 2020, the European Court of Justice got rid of the four-year-old Privacy Shield agreement struck between the U.S. and the EU that had exposed Europeans to possible U.S. surveillance. The agreement had also allowed U.S. companies like Facebook and Google to store data about European residents outside of the region. 

This move is yet another great example of the EU doing “right” by their constituents and holding tech companies responsible for their users’ data privacy. The news also builds on the EU’s General Data Protection Regulation (GDPR) leadership, extending its consumer protections and providing a model for the rest of the world to work from as global data privacy policies continue to evolve.

Source de l’article sur DZONE

/par

Decision Tree Classifier Python Code Example

,

In this post, you will learn about how to train a decision tree classifier machine learning model using Python. The following points will be covered in this post:

  • What is decision tree?
  • Decision tree python code sample

What Is a Decision Tree?

Simply speaking, the decision tree algorithm breaks the data points into decision nodes resulting in a tree structure. The decision nodes represent the question based on which the data is split further into two or more child nodes. The tree is created until the data points at a specific child node is pure (all data belongs to one class). The criteria for creating the most optimal decision questions is the information gain. The diagram below represents a sample decision tree.

Source de l’article sur DZONE

/par

How to Improve Largest Contentful Paint (LCP) and SEO

,

Contentful; Webster’s Dictionary defines “contentful” as… not found. Clearly someone made up this word, but that is not necessarily a bad thing.

The world of user experience metrics is moving quickly, so new terminology is needed. Largest Contentful Paint (LCP) is one of a number of metrics measuring the render time of content on a web page.

What is Largest Contentful Paint?

Google defines LCP as “the render time of the largest content element visible within the viewport.” For what we are talking about in this blog, we will consider “content” to be an image, typically a JPEG or PNG file. In most cases, “largest” points to a hero image that is “above the fold” and is one of the first images people will notice when loading the page. Applying optimization to this largest content is critical to improving LCP.

It is probably more instructive to view LCP relative to other metrics. For example, First Contentful Paint (FCP) and Visually Complete book end LCP.

Each metric has its pros and cons, but LCP is a happy medium. LCP marks when web page loading starts to have a substantial impact on user experience.

In Google’s opinion, to provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading. Poor values are anything greater than 4 seconds.

How Does Largest Contentful Paint Impact Lighthouse Scores and SEO?

LCP is now part of several “Core Web Vitals” scores that Google will measure in its ranking algorithm. Each of the Core Web Vitals represents a distinct facet of the user experience, is measurable in the field, and reflects the real-world experience of a critical user-centric outcome.

In the case of the overall Google Lighthouse score, LCP represents 25% weighting on the performance score of Lighthouse version 6.0. This makes LCP the most important Core Web Vitals metric in determining the performance score.

While Google has indicated that content is still the most important factor in SEO ranking, a better user experience (as measured by Core Web Vitals) will generate higher rankings in a crowded field. If there are many websites competing for the top search engine spots, then Largest Contentful Paint will play a critical factor in rankings.

How to Improve Largest Contentful Paint

Now that you know that LCP is important, what can you do to improve it by making content load faster? Google provides a number of suggestions, but the most effective technique is to optimize content for the device requesting it.

For example, a website includes an 800kb JPEG image that is intended for high resolution desktops. On a smartphone, that would be optimized down to less than 100kb, with no perceptible impact on quality. LCP can improve by more than 60% — or several seconds — through this single optimization.

Find Savings in Largest Contentful Paint by using Image Speed Test

Image Speed Test is a great tool offered by ImageEngine.io that provides an analysis of LCP improvement opportunities. Just paste in the URL of the web page you are interested in optimizing, and the test will show you:

  • Image Payload Reduction
  • Speed Index
  • Largest Contentful Paint
  • Page Load Time (Visually Complete)

It also provides a video of the web page loading with and without optimizations. Finally, it analyses each image to provide an estimate of payload savings. In this case, the “largest content” on the page is this image. With optimizations, the image payload is reduced by 94%. That delivers a huge improvement in LCP.

How Does ImageEngine Improve LCP

ImageEngine is an image content delivery network (CDN) service that makes image optimization simple. Basically, for each image on the page, the image CDN will:

  1. Detect the device model requesting the web page;
  2. Optimize the image in terms of size, compression, image format;
  3. Deliver via a CDN edge server that is geographically closest to the user.

ImageEngine improves web performance for every image on the page, including the largest. You can learn more about ImageEngine here, and also sign up for a free trial.

Best Practices: Preconnect

In addition to using an image CDN like ImageEngine, a few other best practices can improve LCP. Using the resource hints to provide a preconnect for your content can streamline the download process.

For example, putting the following link statement in the HTML will accelerate the download process. The link statement will make the browser connect to the third party as early as possible so that download can start sooner. ImageEngine’s optimizations make each image download smaller and faster, but preconnect save time in the connection phase.

Best Practices: Minimize Blocking JavaScript and CSS

When JavaScript or CSS is “blocking” it means that the browser needs to parse and execute CSS and JavaScript in order to paint the final state of the page in the viewport.

Any website today relies heavily on both JavaScript and CSS, which means that it is almost impossible to avoid some render blocking resources. On a general note: be careful with what kind of CSS and JavaScript is referenced inside the <head> element. Make sure that only the strictly necessary resources are loaded in <head>. The rest can be deferred or loaded asynchronously.

When looking to improve the LCP specifically, there are some practices worth looking into more deeply.

Inline Critical CSS

It is not an easy task, but if the browser can avoid making a request to get the CSS needed to render the critical part of the page – usually the “above the fold” part – the LCP is likely to occur earlier. Also you will avoid content shifting around and maybe even a Flash of Unstyled Content (FOUC).

The critical CSS — the CSS needed by the browser to set up the structure and important styles of the part of the page shown above the fold — should in-inlined. This inlined CSS may also refer to background images, which of course should also be served by an Image CDN.

Do Not Use JavaScript to (lazy) Load Images

Many modern browsers natively support lazy loading, without the use of JavaScript. Because images usually are heavily involved in the performance of LCP, it is best practice to leave image loading to the browser and avoid adding JavaScript in order to lazy load images.

Lazy loading driven by JavaScript will add additional latency if the browser first has to load and parse JavaScript, then wait for it to execute, and then render images. This practice will also break the pre-parser in the browser.

If an image CDN is used to optimize images, then the benefits of lazy loading become much smaller. Especially large hero images that are above the fold have a large impact on LCP and will not benefit from being lazy loaded with JavaScript. It is best not to make JavaScript a blocking issue for rendering images, but rather rely on the browser’s own ability to select which images should be lazy loaded.

 

[– This is a sponsored post on behalf of ImageEngine –]

Source


Source de l’article sur Webdesignerdepot

/par

IBM et SAP annoncent de nouvelles offres pour aider les entreprises dans leur approche Intelligent Enterprise

, , ,

L’initiative « Evolution Partnership » vise à fournir de nouvelles solutions sectorielles intelligentes offrant des processus de bout en bout qui aident les entreprises à accélérer la modernisation des systèmes et des flux de travail.

ARMONK, N.Y., et WALLDORF — IBM (NYSE : IBM) et SAP SE (NYSE : SAP) annoncent la prochaine évolution de leur partenariat, avec des projets visant à développer plusieurs nouvelles offres créées pour permettre aux entreprises de piloter leur activité par les données et leur offrir un parcours plus prédictible.

Plus de 400 entreprises ont modernisé leurs systèmes et leurs processus d’entreprise grâce au partenariat de transformation digitale d’IBM et de SAP. Alors que la pandémie de COVID-19 continue d’avoir des répercussions importantes sur de nombreux secteurs à travers le monde, les organisations s’aperçoivent qu’elles ont besoin de l’agilité nécessaire pour s’adapter de manière fluide à l’évolution des conditions de marché et à la demande des clients.

« L’avenir à court et à long terme des organisations est défini par leur capacité à répondre de manière proactive aux conditions de marché actuelles, difficiles et sans précédent », a déclaré Adaire Fox-Martin, membre du Conseil d’administration de SAP SE. « Les entreprises acquièrent un avantage concurrentiel en débloquant les données en amont et en aval de leur chaîne de valeur, ce qui leur permet de découvrir de nouvelles opportunités de revenus et de créer des expériences exceptionnelles pour leurs clients et leurs collaborateurs, tout en raccourcissant les délais pour créer de la valeur. Le partenariat de SAP avec IBM réunit la puissance d’applications intelligentes et l’expertise technologique pour permettre aux entreprises de créer de la valeur plus rapidement et d’injecter les transformations nécessaires au soutien de leur activité aujourd’hui et demain. Ce partenariat sera utile à nos clients sur le marché et au niveau de leur bilan. »

La prochaine évolution du partenariat entre IBM et SAP vise à créer de la valeur plus rapidement via la transformation des entreprises, à accélérer l’innovation sectorielle grâce à des offres de données à valeur ajoutée spécifiques à chaque secteur, à dynamiser l’expérience client et collaborateur et à leur offrir une flexibilité et un choix ultimes pour exécuter leurs charges de travail dans des environnements de cloud hybride.

« Pour être compétitives dans un monde bouleversé en profondeur et en évolution rapide, les entreprises doivent être capables de remodeler leur organisation pour créer des processus métiers efficaces et automatisés, en appliquant des technologies avancées pour transformer les processus statiques et cloisonnés en flux de travail agiles et intelligents », a déclaré Mark Foster, senior vice president d’IBM Services. « Les nouvelles solutions dévoilées aujourd’hui marquent une nouvelle étape dans le partenariat entre IBM et SAP qui dure depuis 48 ans tandis que nous aidons nos clients à accélérer leur parcours pour devenir des entreprises cognitives. Notre collaboration avec SAP est conçue pour aider nos clients à accélérer la prise de décisions et à créer des expériences plus significatives pour leurs clients et leurs collaborateurs. »

Cette nouvelle collaboration entre IBM et SAP fournira des solutions conçues pour débloquer une nouvelle valeur pour les clients :

Réinventer les flux de travail avec des processus de bout en bout sectoriels intelligents

Annoncé la semaine dernière, l’Industry Cloud de SAP propose des solutions verticales innovantes pour favoriser une transformation rentable et une croissance durable. Pour répondre à la demande du marché en matière d’innovation sectorielle, IBM et SAP ont commencé à définir et à fournir conjointement des solutions basées sur le cloud avec des flux de travail sectoriels intelligents de bout en bout pour permettre aux clients de prendre des décisions commerciales basées sur les données. La première offre portera sur les processus métiers LTO (Lead-To-Order) et Plan-To-Manufacture pour le secteur des machines et composants industriels, afin d’aider les fabricants industriels à réinventer les processus de flux de travail afin d’accroître la productivité et la satisfaction des clients. IBM et SAP ont fait équipe avec les principales entreprises du secteur des machines et composants industriels pour concevoir et développer les capacités futures. En tant que partenaire de développement du service SAP Model Company, IBM travaille également avec SAP au développement d’un service SAP Model Company for Telecommunications qui aidera les fournisseurs de télécommunications à transformer leurs processus de contact avec la clientèle et de back-office, ainsi qu’à optimiser au maximum le rendement de leurs investissements dans la 5G.

Flexibilité grâce aux solutions de cloud hybride

Selon une enquête récente de l’ASUG (Americas’ SAP Users’ Group), une majorité des personnes interrogées ont déclaré qu’elles utilisent ou prévoient d’utiliser SAP S/4HANA dans un modèle de cloud hybride. Les entreprises continuent à faire évoluer rapidement leurs modèles économiques et à reconfigurer leurs processus afin de mieux accompagner leurs clients et répondre aux nouvelles demandes du marché. Beaucoup se tournent vers une stratégie de cloud hybride pour une approche « Intelligent Enterprise ». Afin de donner aux clients la flexibilité nécessaire pour exécuter les charges de travail dans l’environnement cloud le plus optimal, IBM, Red Hat et SAP collaboreront pour apporter les services gérés de SAP sur site en validant les déploiements privés de SAP Cloud Platform et les services de support connexes sur Red Hat OpenShift. Cette solution, actuellement proposée à certains clients pionniers, devrait permettre aux clients de créer des extensions side-by-side avec la sécurité souhaitée, une exigence essentielle pour les clients des secteurs réglementés.

Réimaginer les expériences des clients et des collaborateurs

Avec Internet, les smartphones et les réseaux sociaux, il n’a jamais été aussi facile pour les clients et les collaborateurs de partager leurs observations sur la qualité de leurs expériences avec les entreprises, les produits, les responsables ou les services partagés. L’étude Global C-Suite d’IBM a révélé que 82 % des chefs d’entreprise croient fermement que les données contribuent à créer un avantage stratégique, en consolidant la confiance des clients et en augmentant les profits. Pour aider les entreprises à accroître la valeur à partir des données, IBM et SAP prévoient de fournir des technologies et des services en s’appuyant sur le portefeuille de SAP Customer Experience et les solutions de gestion de l’expérience de SAP (Qualtrics) pour permettre aux clients de fournir une expérience omnicanal de nouvelle génération et de mesurer et améliorer l’efficacité des expériences des parties prenantes. Cette collaboration est conçue pour contribuer à la fidélisation des clients, à l’engagement des clients et des collaborateurs et à la qualité des marques et des produits dans de nombreux secteurs. IBM prévoit d’intégrer l’utilisation des solutions de gestion de l’expérience de SAP dans la réalisation des projets, dans le cadre de la gestion du changement organisationnel d’IBM, afin d’offrir aux clients une expérience de projet différenciée et optimisée.

Automatisation des processus pour accélérer la transformation

IBM et SAP travaillent ensemble à la mise en place de l’IBM Accelerated Move Center, une usine de migration de nouvelle génération conçue pour automatiser et accélérer encore plus la démarche « Intelligent Enterprise » et donner aux clients plus de prévisibilité sur leur transition vers SAP S/4HANA. Cette nouvelle offre sera une approche d’intégration toute prête qui utilise des modèles sectoriels de base préconfigurés et exploite des outils d’automatisation et de configuration créés en collaboration avec IBM Research.

Ces nouvelles offres seront basées sur l’Intelligent Suite de SAP et les solutions Industry Cloud de SAP. Elles permettront aux clients de bénéficier des technologies de SAP et d’IBM telles que l’IA, l’apprentissage automatique, l’automatisation et l’analytique. Ces offres s’appuieront sur la nouvelle plateforme d’évolution d’IBM, qui offre une vue unique sur les solutions IBM et une préconfiguration de ses Industry Impact Solutions, et qui interagit avec la plateforme technologique d’entreprise de SAP. Celai permet aux entreprises de créer des aperçus avancés, d’intégrer des capacités et de créer, étendre et améliorer les applications SAP. Cette combinaison vise à aider les clients à bénéficier plus efficacement de « l’intelligent Suite » de SAP, à migrer vers le cloud, à transformer les données en valeur commerciale et à utiliser les technologies émergentes pour soutenir les flux de travail intelligents.

Conditions et détails des accords définitifs à finaliser.

À propos de IBM

Pour plus d’informations sur IBM Services, rendez-vous sur https://www.ibm.com/services.
Pour plus d’informations sur les services SAP d’IBM, rendez-vous sur https://www.ibm.com/services/sap.

Les déclarations concernant l’orientation et les intentions futures d’IBM peuvent être modifiées ou retirées sans préavis, et ne représentent que des buts et des objectifs.

À propos de SAP

SAP est le leader du marché des applications d’entreprise : 77% des transactions financières mondiales passent par un système SAP. L’entreprise accompagne les organisations de toute taille et de tout secteur à mieux opérer. Nos technologies de machine learning, d’Internet des objets (IoT), d’analytique avancée et de gestion de l’expérience aident nos clients à transformer leur activité en « entreprise intelligente ». SAP dote les professionnels d’une vision approfondie sur leur activité et favorise la collaboration pour garder une longueur d’avance sur leurs concurrents. Pour les entreprises, nous simplifions la technologie afin qu’elles puissent utiliser nos logiciels comme elles le souhaitent, sans interruption. Notre suite d’applications de bout en bout et nos services permettent à plus de 440 000 clients d’opérer 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’information, visitez le site www.sap.com

Contacts presse :

Daniel Margato, Directeur Communication : 06 64 25 38 08 – daniel.margato@sap.com
Sylvain Drillon : 06 44 71 35 68 – presse-sap@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 IBM et SAP annoncent de nouvelles offres pour aider les entreprises dans leur approche Intelligent Enterprise appeared first on SAP France News.

Source de l’article sur sap.com

/par

Using AWS SageMaker to Train a Model to Generate Text (Part 1)

, ,

If you’ve followed any of my recent posts, you’ll know I have been using RNN models to generate text from a model trained with my previous tweets, and the text from all of my previous posts, and feeding this into a Twitter bot: @kevinhookebot.

The trouble I have right now is the scripts and generate models are running using Lua, and although I could install this to an EC2 instance, I don’t want to pay for an EC2 instance being up 100% of the time. Currently, when I generate a new batch of text for my Twitter bot, I start up a local server running the scripts and the model, generate new text, and then stage it to DynamoDB to get picked up by the bot when it’s scheduled to next run. With the AWS provided Machine Learning services, there has to be something out of the box I can use on AWS that would automate these steps.


Source de l’article sur DZONE (AI)

/0 Commentaires/par