Articles

There were mixed reactions on Thursday morning when Adobe announced it had acquired Figma.

Excited press releases extolling the benefits of the “collaboration” followed the news. Dylan Field, founder and CEO of Figma, said: “There is a huge opportunity for us to accelerate the growth and innovation of the Figma platform with access to Adobe’s technology…”

The reaction from the design community has been a little less enthusiastic.

The problem for the design industry is that we’ve been here before. The acquisition of Macromedia followed a period in which Adobe tried to compete, failed to update its legacy code, lost the battle, and purchased the victor. You only need to look at the number of former Macromedia products in Adobe’s stable (zero) to see where Figma’s heading.

Figma has grown faster than any of its rivals in the last eight years. It is, of course, easier to grow when you start at zero. But there’s no denying Figma is a well-managed business and probably a good investment — if not worth the $20bn that Adobe reportedly paid.

Figma’s technology will give Adobe a leg-up in the collaborative design stakes, where it is clearly lacking. And Adobe’s resources will iron out some of the kinks in Figma, especially around typography, which is, if we’re honest, a bit hacky in places.

Adobe will provide a good home (we hope) for the Figma team, who will have the opportunity for career advancement in a much wider pool of development teams.

And, of course, Figma’s annual revenue will begin to trickle into Adobe’s vault — although it may be some time before it makes a dent in that $20bn hole.

But Adobe didn’t buy Figma for its business model, collaborative technology, team, or revenue stream. Adobe bought Figma’s users, all four million of them.

Adobe‘s approach to design software is upselling. It lures you in with free apps, and when you’re engaged, it integrates them with other parts of its ecosystem until suddenly, without meaning to, you’ve agreed to a Creative Cloud subscription.

Adobe was losing customers to a competitor. And more importantly, due to Figma’s free-use approach for individuals, it was losing young customers to a competitor. If it hadn’t bought Figma, Adobe would have needed to invest heavily in its own products while providing them to freelancers for free; that isn’t viable for a company with as many commitments as Adobe.

Yes, it is entirely accurate to say that competition drives innovation, and with fewer competing apps, there is less need for companies like Adobe to build high-quality, reliable products. However, it is also true to say that a lack of competition creates opportunities for new apps.

Somewhere out there, in a dorm room, or a basement, or on a kitchen table, someone is working on Adobe’s next big acquisition. It’s probably an AR design app; we need a few more of those.

For Figma, the next 12 months will be bright as Adobe works to retain the customers it’s bought. Within five years, you’ll probably need an Adobe Fonts subscription and a Photoshop plugin to use Figma. In ten years, it will be stored in a code archive next to Freehand.

Some designers will turn to Sketch; others will turn to Affinity; some will shrug and keep using Figma; others will shrug and keep using XD.

If an app is intrinsic to your design work, it’s probably time to switch apps. Your skills are transferable. I’ve switched apps many times; some I loved, some I just needed. I’ve never encountered an app that improved my work, although plenty have improved my mood while working.

Figma took a great approach and will continue to be great until it isn’t. Tools come and go, Adobe’s acquisitions team, it appears, is eternal.

 

 

Featured image uses photos by Afrika ufundi, Andrea Piacquadio, Andrea Piacquadio, Anna Tarazevich, cottonbro, fauxels, Ketut Subiyanto, Mikhail Nilov, Moose Photos, Pavel Danilyuk, Pavel Danilyuk, Polina Tankilevitch, Tima Miroshnichenko.

Source

The post Adobe Has Acquired You first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Apple has released an OS update. Packaged in with it is the latest version of Safari, 16.

Expected to be released ahead of next month’s macOS 13, Safari 16 is packed with updates, making it one of the most capable browsers available.

For web designers, the significance is the forward momentum in web technologies that enable freer design work and fewer hacks to achieve complex layouts. Little by little, CSS recommendations are being implemented to the point that using JavaScript for layout is rapidly becoming as unnecessary as it is disliked.

Some of this was announced in June in the Safari 16 beta. But a lot has been added in the last couple of months. So here’s what’s new in Safari 16 today.

CSS Container Queries

The most exciting addition to Safari 16 is CSS Container Queries.

It is hard to understate how in-demand this feature has been; if you imagine an edit button on Twitter that gifted you crypto every time you corrected a typo, you’d be getting close to how popular this feature is.

Until now, media queries have detected the whole viewport. And so, if you have an element like a card, for example, that needs to change at smaller viewports, you need to calculate the available space and adapt the element’s design accordingly. Unfortunately, this frequently gets out of sync with edge cases causing more than a few headaches for front-end developers.

Media queries are severely restrictive to modern layout methods like Grid that wrap elements automatically because there is no way to detect how the elements are laid out.

Container Queries solve this by allowing you to define styles based on the size of the actual containing element; if a div is 300px wide, the contents can have one design, and if it’s 400px wide, they can have a different design—all without caring what size the whole viewport is.

This is dangerously close to OOP (Object Orientated Programming) principles and almost elevates CSS to an actual programming language. (All we need is conditional logic, and we’re there.)

The latest versions of Chrome, Edge, and now Safari (including mobile) support CSS Grid. Even discounting the rapid decline of Twitter, this is way more exciting than any edit button.

CSS Subgrid

Speaking of Grid, if you’ve built a site with it (and if you haven’t, where have you been?), you’ll know that matching elements in complex HTML structures often results in nesting grids. Matching those grids requires careful management, CSS variables, or both. With CSS Subgrid, grids can inherit grid definitions from a grid defined higher up the hierarchy.

CSS Subgrid has been supported by Firefox for a while but is not yet part of Chrome or Edge. Until there’s wider support, it’s not a practical solution, and using a fallback negates any benefit of using Subgrid. However, its introduction in Safari will surely herald rapid adoption by Google and Microsoft and moves the web forward considerably.

CSS Subgrid is likely to be a practical solution within 18 months.

AVIF Support

AVIF is an exceptionally compact image format that beats even WebP in many instances. It even allows for sequences, creating what is essentially an animated GIF but smaller, and for bitmaps.

AVIF is already supported by Chrome, with partial support in Firefox. Safari now joins them.

AVIF support is one of the more valuable additions to Safari 16 because you’re probably already serving different images inside a picture element. If so, your Safari 16 users will begin receiving a smaller payload automatically, speeding up your site and boosting UX and SEO.

Enhanced Animation

Safari 16 introduces some significant improvements in animation, but the one that catches the eye is that you can now animate CSS Grid.

Yes, let that sink in. Combine Container Queries and animation. The possibilities for hover states on elements are tantalizing.

Safari 16 also supports CSS Offset Path — known initially as CSS Motion Path — which allows you to animate elements along any defined path. This enables the kind of animated effect that previously needed JavaScript (or Flash!) to accomplish.

Chrome, Edge, and Firefox all support CSS Offset Path; the addition of Safari means it’s now a practical solution that can be deployed in the wild.

Web Inspector Extensions

Announced as part of the beta release, Web Inspector Extensions allow web developers to create extensions for Safari, just as they would for Chrome.

Web Inspector Extensions — or Safari Extensions as they’re destined to be known — can be built in HTML, CSS, and JS, so the learning curve is shallow. It’s a good route into app development for web designers.

Because the underlying technology is the same as other browser extensions, anyone who has made a Chrome, Edge, or Firefox extension will be able to port it to Safari 16+ relatively easily. As a result, there should be a rapid expansion of the available extensions.

Improved Accessibility

Accessibility is key to an effective and inclusive web. Be like Bosch: everybody counts, or nobody counts.

When testing a design for accessibility, emulators don’t cut it. In my experience, Safari has some of the most reliable accessibility settings, especially when it comes to Media Queries like prefers-reduced-movement.

Further gains in this field mean that Safari continues to be an essential tool for QA tests.

Reduced Resets

Finally, I want to throw up my hands to celebrate the reduced number of non-standard CSS appearance settings.

For years we’ve been prefacing our style sheets with elaborate resets like Normalize, designed to undo all the assumptions browser developers make about design and the UI preferences of their engineers.

Safari 16 has reportedly “Removed most non-standard CSS appearance values.” How effective this is and how much we can rely on it given the other browsers on the market remains to be seen. However, like many of Safari 16’s changes, it’s a step towards a browser that’s on the developers’ side instead of an obstacle to overcome.

Source

The post Exciting New Features in Safari 16 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Typically in low-latency development, a trade-off must be made between minimizing latency and avoiding excessive CPU utilization. This article explores how Chronicle’s Pausers — an open-source product — can be used to automatically apply a back-off strategy when there is no data to be processed, providing balance between resource usage and responsive, low-latency, low-jitter applications.

Description of the Problem

In a typical application stack, multiple threads are used for servicing events, processing data, pipelining, and so on. An important design consideration is how threads become aware that there is work to do, with some general approaches including:

Source de l’article sur DZONE

The Summer’s over, and we’re back at our desks to discover that the web’s best app builders, font designers, asset creators, and developers have been hard at work to deliver this bumper collection of exciting new tools for designers and developers.

Below you’ll find productivity apps, icons, gradients, AI, and some awesome new fonts. Enjoy!

CSS Scan

Forget right-clicking on a website to see how it’s coded. CSS Scan is a browser extension that lets you view the CSS styles of any element and copy them to your clipboard.

Slicons

Create stand-out UI designs with Slicons, a set of 300+ pixel-perfect icons. Light, regular, and bold versions match your typography and work with Figma, Sketch, XD, and Iconjar.

Codex

Codex is an IDE extension that lets you comment on your code like a pro. Anyone on your team can add comments, questions, or notes to any lines of code.

Gradientify

You too can leap aboard the gradient design trend using Gradientify, a collection of 100+ beautiful, human-designed gradients. Copy the CSS, or download PNGs for free.

90 Bitmap Shapes

Create unique logos, social media assets, apparel, and abstract icons using this editable set of 90 Bitmap Shapes in vector form for Photoshop, Sketch, and Figma.

BlockBee

Get paid in crypto using BlockBee. The Web 3.0 payments infrastructure integrates with the best ecommerce carts, including PrestaShop, Opencart, Magento, and WooCommerce.

Flatfile

Banish the woes of importing CSV data with Flatfile, a CSV importer that formats human-edited data files to eliminate errors and speed up B2B onboarding.

ClipDrop

Effortlessly clip the backgrounds from images in Figma with the ClipDrop plugin. One-click removes backgrounds, objects, people, text, or defects.

Craiyon

Craiyon is an AI drawing tool based on a stripped-down version of DALL-E. You can generate any image you like using a simple text prompt.

Google Headline Tool

Use Poll the People’s powerful Google Headline Tool to optimize your headlines for more effective search ads and clickable blog post titles.

Retro Postcard Effect

Embrace the trend for retro images using this Retro Postcard Effect for Adobe Photoshop. Easily drop your custom images into the placeholder layer for an instant vintage style.

Hugo

Hugo is an admin suite for freelancers that takes care of business with intelligent contracts, audit trails, and an integrated wallet, so you can focus on being creative.

CTA Examples

CTA Examples is a database of call-to-action examples for every possible scenario. So no matter what you want to persuade your users to do, you’ll find the best prompt here.

Superhuman

Create unique 3D characters to wow your customers using Superhuman. You can customize clothes, hair, and poses using 1500+ elements or choose from 500 pre-made characters.

PostHog

PostHog is an extensive set of tools built on a modern data stack. You can do more with your data by creating your own app or using one of the 50+ that are included for free.

Radix UI

There’s no need to reinvent UI components for React when you can use Radix UI. The high-quality, accessible components are perfect for web apps and dashboards.

KB Clip

Now you can create a searchable wiki for your business with a fraction of the effort thanks to KB Clip. Just highlight a Slack conversation, and transform it into an article in one click.

DropBlok

A great way to monetize your followers is with a custom app. DropBlok is a no-code tool that will build the app for you.

Blofishing Font

Blofishing is a gorgeous handwriting font that adds personality to your layouts. It’s ideal for wedding stationery, social media marketing, and anything that needs a personal touch.

Haratte Font

Haratte is an elegant font with graceful curves and a modern aesthetic. It’s perfect for logos, magazine design, social media assets, and more.

Source

The post Exciting New Tools for Designers, September 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Have you ever wanted to know how text editors work, or how shell scripts change terminal text colors, update lines without scrolling, or move the cursor around? Surprise, surprise: even as Java devs, we can do this! 

In this series, I’ll walk you through building a terminal-based text editor with Java

Source de l’article sur DZONE

Typefaces give expression to text, communicating personality in a way that no other design element can. And so, we put together this collection of the best new fonts we’ve seen on the web each month.

This month’s collection of fresh new fonts includes some typefaces that push boundaries in subtle but irresistible ways, a few retro fonts that evoke specific eras, and some exceptionally well-drawn examples of classic themes.

Gazzetta

Gazzetta is a condensed typeface with soft curves and sharp joins that gives it plenty of personality at display sizes while still being highly practical.

Bacalar

Bacalar is an intriguing variable font inspired by the Yucatan peninsula in Mexico. The bold, simple shapes are contrasted by extreme tapers that create dynamic shapes.

Monden

Monden is a high-contrast serif with an interesting slant applied to the lowercase h, m, and n. This “kick” adds a modern richness to blocks of text.

Flecha

Flecha is a sharp typeface with precise, simplified shapes that make it ideal for digital use. There is a range of styles and weights that provide flexibility.

Wonder Varelia

Countless calligraphic script fonts are available, but few are executed with the same elegance as Wonder Varelia. It works best as concise display text.

Okkult

Okkult is inspired by 70s horror films. It’s a great alternative choice for Halloween, Stranger Things-style retro designs, and hard-rock bands.

Southern Beach

Southern Beach is a classy script typeface that feels carefree and optimistic. It would work well as the logotype for a hotel, a travel company, or a restaurant.

Connection

Connection is a beautifully drawn typeface that makes unexpected decisions to create interest in what is otherwise a traditional design.

Lokeya

Lokeya is a playful sans-serif with a distinctly modern-French style. It includes several stylistic alternatives to enliven word shapes and is excellent for brand work.

Grtsk

Grtsk is an exceptionally flexible set of fonts with two writing systems, six widths, and seven weights that are also available as one highly-practical variable font.

Beast Head

Beast Head is an expressive brush script packed with energy. It’s a great branding option for gyms, workout clothing, energy drinks, and music events.

Happy Monday

Happy Monday is a retro script font that evokes the late-60s and early-70s. It’s a laid-back option for T-shirts, branding, and editorial work.

TT Espina

TT Espina is a serif face with extreme contrasts and particularly large serifs. The bold weight swells unevenly on the counters, creating a unique aesthetic.

Spookyman

Horrifyingly, Halloween is just around the corner, and if you’re looking for a spooky font for seasonal promotions, look no further than Spookyman.

Quebra

Quebra is a useful sans-serif for projects that need a range of widths. At small sizes, it feels corporate and reserved; at larger sizes, more human details begin to emerge.

Source

The post 15 Best New Fonts, September 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Avec « HR Pulse », SAP donne la parole à trois expertes d’horizons variés – académique, associatif, professionnel – pour éclairer les principaux enjeux des ressources humaines. Diversité, bien-être, télétravail… Autant de facettes d’un monde de l’entreprise en profonde mutation qui confirment l’importance, pour SAP, de se positionner en partenaire privilégié dans la transformation des entreprises.

« Dans un monde où le travail n’a jamais changé aussi rapidement et aussi profondément qu’aujourd’hui, où le talent est vital, rare et toujours en mouvement, il existe une opportunité collective de transformer le travail pour de bon. » C’est avec ces mots que Thomas Dorynek, HXM Value Advisor chez SAP, introduit chacun des cinq épisodes de « HR Pulse » dans lesquels il échange avec une experte de la sphère RH.

Pour SAP France, cette initiative s’inscrit pleinement dans les problématiques actuelles des organisations. Comme l’explique Thomas Dorynek, « nous assistons aujourd’hui à une véritable transformation exigeant des responsables RH qu’ils aillent au-delà de la gestion traditionnelle des ressources humaines pour créer des expériences de travail qui stimulent l’engagement, la productivité, la durabilité et l’efficacité ».

Prise de hauteur sur les enjeux et réponses opérationnelles

Ces entretiens à deux voix visent ainsi à décrypter cinq enjeux majeurs d’aujourd’hui : les conditions propices au bien-être au travail ; l’importance de la diversité en entreprise ; l’impact du télétravail sur la qualité de vie au travail ; la montée en puissance du coaching ; et les limites à poser dans la mesure de la productivité. « Notre ambition est de nourrir la réflexion des professionnels RH et de stimuler leur envie d’en savoir plus sur les sujets abordés », indique Thomas Dorynek. L’idée est d’associer, pour chaque épisode, l’état de l’art sur un sujet et la mise en valeur d’éléments tangibles, avec un chemin pédagogique misant sur la contextualisation, le décryptage et le partage de bonnes pratiques.

Virginie Boutin, présidente de Bloomr Impulse, aborde ainsi les différentes approches du coaching, l’intérêt d’y recourir, et l’illustre avec des exemples concrets ; Solenn Thomas, fondatrice de l’association Eklore, évoque pour sa part les étapes de mise en place d’une politique inclusive ; tandis que Claudia Senik, professeur à Sorbonne Université, intervient notamment pour parler de bien-être au travail en mettant en exergue plusieurs prismes théoriques.

Des contenus à valeur ajoutée

Publiée sur openSAP et sur l’ensemble des plateformes de podcasts disponibles sur le marché, la série « HR Pulse » concrétise une volonté de SAP : « créer des contenus à forte valeur ajoutée pour apporter une dimension inspirationnelle aux projets de transformation RH de nos clients », comme l’explique Thomas Dorynek. Le choix du format audio s’est facilement imposé : accessible à tous, tout le temps, depuis tout type de support numérique, le podcast est un support en plein essor pour favoriser la mise en valeur des expertises. « Cette première série contribue à alimenter notre promesse, Change Work for Good », précise Thomas.

Après cette première série consacrée à des entretiens d’experts RH, « HR Pulse » vous donne rendez-vous dans quelques mois pour la saison 2 !

The post « HR Pulse » : une série de podcasts pour décrypter les défis RH des entreprises appeared first on SAP France News.

Source de l’article sur sap.com


Purpose of Routing

Routes are created to allow nodes to communicate data packets across networks. In order to route data packets to their destination, they travel along a series of links, each link having a single direction (one-way). A link is formed by joining two adjacent routers together; the router at either end of a link is called the ingress or egress router.

The purpose of routing is to find the best path between two points. Routers exchange information about what routes exist between them using standard protocols. When a packet of data arrives at a router, the router will examine its header to determine where it should send the packet. If the router does not know how to reach the specified destination address, it sends the message to an adjacent router via a neighboring node. Each router stores a table of addresses it knows about. These tables are known as routing tables.

Source de l’article sur DZONE