Articles

Exciting New Features in Safari 16

,

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

/par

SAP innove et accompagne les entreprises vers le travail du futur

, , ,

Les avancées de la suite SAP SuccessFactors Human Experience Management transforment le développement des talents pour le travail de demain.

A Paris, le 14 septembre 2022 – A l’occasion du salon SuccessConnect, SAP SE (NYSE : SAP) a annoncé de nouvelles avancées dans les fondements de la suite SAP SuccessFactors Human Experience Management (HXM) afin de permettre aux entreprises de mettre en œuvre une stratégie intégrée de développement des talents et de créer une force active prête pour l’avenir.

Les entreprises prospèrent lorsque leurs employés sont engagés dans leur carrière et leur entreprise, qu’ils sont correctement qualifiés, qu’ils perçoivent des perspectives d’évolution adaptées à leur profil et qu’ils ont un fort sentiment d’appartenance. Cependant, de nombreuses organisations ont du mal à avoir une vision d’ensemble des compétences présentes au sein de leurs effectifs ou des ambitions de leurs collaborateurs. Les dernières avancées de la suite SAP SuccessFactors HXM réunissent les données, l’apprentissage automatique et l’IA pour offrir aux organisations une meilleure compréhension des capacités de leur personnel et une intelligence des talents exploitable pour aligner leurs employés sur les besoins de l’organisation.

Les innovations suivantes seront disponibles au deuxième semestre 2022 :

  • Skills ontology utilise le machine learning et l’automatisation pour identifier en permanence les compétences d’un employé en fonction de son poste, de ses responsabilités, de ses expériences et de ses réalisations, offrant ainsi une vision globale des compétences d’une organisation à l’échelle mondiale.
  • Growth portfolio est une source d’information dynamique rassemblant les spécificités de chaque employé : ses compétences, ses points forts, sa manière de travailler, mais aussi ses passions et aspirations.
  • Dynamic teams est une nouvelle fonctionnalité qui permet aux entreprises de créer, de suivre, de mesurer et d’optimiser les résultats de leurs équipes. Les entreprises qui utilisent SAP SuccessFactors Performance & Goals peuvent ajouter des résultats clés objectifs (OKR) à Dynamic teams afin de suivre les progrès et de mesurer la réussite. Dans Dynamic Teams, les employés sont rassemblés selon leurs compétences et non selon leurs affinités. Ainsi, grâce au machine learning et à l’IA, SAP SuccessFactors Opportunity Marketplace rend l’évolution des employés au sein de l’entreprise plus équitable.

Associées à SAP SuccessFactors Opportunity Marketplace, ces innovations apportent les connaissances et l’adaptabilité nécessaires à la constitution d’une force active plus qualifiée, plus souple et plus équitable. Growth portfolio et Skills ontology permettent une individualisation des recommandations au sein de SAP SuccessFactors Opportunity Marketplace, qui reflètent l’ensemble des personnalités des individus, et pas seulement leurs compétences. L’introduction de Dynamic teams transcende les structures traditionnelles pour favoriser un travail basé sur les compétences plutôt que sur les descriptions de poste. Les entreprises peuvent ainsi constituer des équipes diversifiées, capables d’obtenir de meilleurs résultats, tout en accélérant l’évolution de carrière et le développement personnel grâce à des cas pratiques.

“En nous appuyant sur notre héritage en matière de gestion des talents, nous réimaginons la manière dont les entreprises assurent la gestion et le développement professionnel de leurs collaborateurs pour répondre aux exigences émergentes du travail de demain”, explique Meg Bear, Présidente et Chef de Produit de SAP SuccessFactors. “Lorsque les gens ont la possibilité de travailler sur ce qui les passionne, ils sont plus engagés, plus performants et permettent à leur entreprise d’obtenir des résultats commerciaux hors normes.”

“SAP a créé un système permettant de gérer l’organisation du travail de demain, dès aujourd’hui”, a déclaré Josh Bersin, analyste industriel. “La nouvelle architecture et les nouvelles fonctionnalités de SAP SuccessFactors sont un bon en avant sur ce que les organisations ont besoin pour gérer, développer et habiliter leur personnel et leurs équipes.”

Ces nouvelles applications RH de la suite SAP SuccessFactors HXM sont des innovations essentielles qui fournissent un système complet de développement des talents et conçues spécialement pour les organisations afin de les aider à créer une force active durable et prête pour l’avenir.

Pour que le développement des talents soit durable et efficace, les organisations doivent favoriser un sentiment d’appartenance. Donner aux gens les moyens de s’épanouir au travail commence par l’identité. Les utilisateurs de SAP SuccessFactors peuvent désormais indiquer le nom et les pronoms personnels de leur choix sur leur profil public, ce qui leur permet de s’approprier la manière dont ils se présentent et d’être reconnus comme leur véritable personnalité au travail.

Les noms choisis et les pronoms personnels seront généralement disponibles pour tous les clients SAP SuccessFactors au quatrième trimestre 2022. Skills ontology, Growth portfolio et Dynamic teams seront également disponibles dès le quatrième trimestre 2022.

Pour en savoir plus, rendez-vous à l’événement virtuel SuccessConnect. Suivez SAP sur Twitter @SAPNews.

The post SAP innove et accompagne les entreprises vers le travail du futur appeared first on SAP France News.

Source de l’article sur sap.com

/par

How Is 5G Technology Transforming App Development?

,

Technology is constantly evolving, and that too at a rapid pace. The need for better Internet speed, improved connectivity, and easier accessibility has been the driving force behind the constant technological advancements.

5G or fifth-generation wireless cellular network is the most recent technology built to deliver high-speed performance. The technology is expected to significantly improve network connectivity. It is also believed that the introduction of 5G will make it easier and more convenient to connect devices to obtain and share information due to its unified connectivity fabric.

Source de l’article sur DZONE

/par

Java Thread Programming (Part 3)

,

Continuing from part 2, let’s start this article with a bit of context first (and if you don’t like reading text, you can skip this introduction, and go directly to the section below where I discuss pieces of code).

Context

  • When we start an application program, the operating system creates a process.
  • Each process has a unique id (we call it a PID) and a memory boundary.
  • A process allocates its required memory from the main memory, and it manipulates data within a boundary.
  • No other process can access the allocated memory that is already acquired by a process.
  • It works like a sandbox, and in that way, avoids processes stepping on one another’s feet.
  • Ideally, we can have many small processes to run multiple things simultaneously on our computers and let the operating system’s scheduler schedule them as it sees fit.
  • In fact, this is how it was done before the development of threads. However, when we want to do large pieces of work, breaking them into smaller pieces, we need to accumulate them once they are finished.
  • And not all tiny pieces can be independent, some of them must rely on each other, so we need to share information amongst them.
  • To do that, we use inter-process communication. The problem with this idea is that having too many processes on a computer and then communicating with each other isn’t cheap. And precisely that is where the notion of threads comes into the picture.

The idea of the thread is that a process can have many tiny processes within itself. These small processes can share the memory space that a process acquires. These little processes are called « threads. » So the bottom line is that threads are independent execution environments in the CPU and share the same memory space. That allows them faster memory access and better performance.

Source de l’article sur DZONE

/par

Introduction to AWS Config: Simplified Cloud Auditing

,

Modern cloud environments are ever-changing, and so is the nature of cloud computing. The growing cloud assets accompany the attack surface expansion problem for organizations, which unveils the need for visibility of cloud resources. AWS Config addresses that exact demand. It can be challenging to understand resources within your infrastructure like:

  • Seeing what resources you have
  • Understanding your current configurations
  • Knowledge of configuration changes and change histories
  • Assessing if your resources are compliant with specific governances controls 
  • Having accurate and up-to-date audit information

Depending on the size of your AWS resources or deployment, overcoming these challenges and obtaining this information can become time-consuming and budget-intensive unless you use resource visibility and auditing tool like AWS Config. 

Source de l’article sur DZONE

/par

Regression Testing in CI/CD and Its Challenges

,

The introduction of the continuous integration/continuous deployment (CI/CD) process has strengthened the software release mechanism, helping products go to market faster than ever before and allowing application development teams to deliver code changes more frequently and reliably. Regression testing ensures no new mistakes have been introduced to a software application by testing newly modified code as well as any parts of the software that could potentially be affected. The software testing market size is projected to reach $40 billion in 2020 with a 7% growth rate by 2027. Regression testing accounted for more than 8.5% of market share and is expected to rise at an annual pace of over 8% through 2027, as per reports from the Global Market Insights group.

The Importance of Regression Testing

Regression testing is a must for large-sized software development teams following an agile model. When many developers are making multiple commits frequently, regression testing is required to identify any unexpected outcome in overall functionality caused by each commit. The CI/CD setup identifies that and notifies the developers as soon as the failure occurs and makes sure the faulty commit doesn’t get shipped into the deployment. 

Source de l’article sur DZONE

/par

Bring Streaming to Apache Cassandra with Apache Pulsar

,

Twitch, YouTube, Instagram, Facebook — virtually every major brand nowadays uses live streaming to connect and engage their audience. For enterprises and developers building cloud-native applications, this growing trend creates a need for streaming technologies that can reliably handle the rush of massive amounts of data, while also being flexible and easy to manage for developers.

One such technology is Apache Pulsar® — an open-source, distributed messaging and streaming platform that’s easy to deploy, simple to scale, and packed with developer-friendly APIs. So the next question is: how can you stream from Pulsar to Apache Cassandra®, the powerful NoSQL database designed to support data-heavy applications in the cloud?

Join our beginner-friendly Pulsar workshop on YouTube and learn how to connect Pulsar with Cassandra for streaming! In this post, we’ll set the scene with an introduction to Pulsar and guide you through four hands-on exercises where you’ll use these free, cloud-native technologies: Katacoda, Kesque, GitPod, and DataStax Astra DB. Each exercise will also be linked to the step-by-step instructions on the DataStax Developers GitHub wiki.

Source de l’article sur DZONE

/par

Introduction to JWT (Also JWS, JWE, JWA, JWK)

,

The security and privacy of users’ data have been a growing concern for the past few years. At the same time, JWT, as one technology to combat it, has been used more and more. Understanding JWT will give you an edge over the other software engineers. JWT might seem simple at first, but it is pretty hard to understand.

In this article, we will explore mainly JWT and JWS. In addition, we’ll also go through JWE, JWA, and JWK quickly. This article aims to make the reader understand the concept of JWT without diving too deep into the topic.

Source de l’article sur DZONE

/par

SAP lance l’initiative Partner Talent pour identifier et former les talents de son écosystème de partenaires

, , ,

Ce nouveau programme formera la prochaine génération de consultants SAP

 

Paris, le 15 juin 2022 – SAP SE (NYSE : SAP) a annoncé le lancement de son initiative Partner Talent. Son objectif est d’identifier et former des talents, nouveaux et existants, au sein de l’écosystème de partenaires SAP, afin de répondre à la demande croissante de professionnels certifiés et qualifiés pour accompagner les entreprises dans leur évolution.

 

Le programme propose un cursus rigoureux à temps plein, conçu pour certifier les professionnels de l’informatique dans des domaines cruciaux et très demandés, notamment RISE avec SAP S/4HANA Cloud et une introduction à SAP S/4HANA Financial Accounting. Les participants obtiendront ensuite trois certifications SAP, avant de réintégrer l’écosystème des partenaires en tant que diplômés prêts à travailler.

 

Deux premières promotions ont déjà démarré le programme. Les jeunes diplômés entameront un programme de formation intensive de trois mois destiné à leur faire acquérir les compétences professionnelles et personnelles nécessaires pour devenir consultant SAP.

 

Avec un taux de croissance annuel moyen de 16 % pour le marché des services Cloud de SAP EMEA North, les partenaires SAP sont très sollicités et certains d’entre eux sont confrontés à un manque de compétences numériques. Le nouveau programme de SAP est ouvert à la fois aux jeunes diplômés et aux personnes travaillant dans des secteurs complémentaires. Il contribuera à combler les lacunes existantes en matière de talents en fournissant aux diplômés les compétences et les qualifications nécessaires pour trouver un emploi dans la communauté des partenaires.

 

Les participants bénéficieront d’un soutien continu et d’un retour d’information permanent de la part des délégués, des instructeurs et de l’équipe partenaire élargie tout au long de la période de formation. Les candidats bénéficieront également d’un événement de bienvenue et de lancement à leur arrivée, avec la possibilité d’assister à une cérémonie de remise des diplômes à la fin de la formation.

 

SAP offrira également une aide du fonds de développement commercial (BDF) aux partenaires qui recrutent, forment et certifient de nouveaux consultants dans le cadre de leur initiative de capacité des partenaires Drive2Deliver.

 

L’initiative sur les capacités des partenaires combine :

– Un contenu de formations pour développer les compétences en matière de produits pour l’ensemble du portefeuille SAP, y compris les principales solutions SAP comme SAP S/4HANA et SAP S/4HANA Financial Accounting.

– Accès au contenu d’habilitation pour les membres de l’écosystème des partenaires SAP.

– Pratique directe sur des systèmes de formations logiciels SAP

– Environnements d’apprentissage dirigés par des experts et entre pairs.

– Possibilité d’obtenir des badges numériques de certification globale SAP et de se tenir au courant des avancées technologiques.

 

Valérie CHAZALON, Chief Partner Officer SAP France, commente : ” En lançant la Partner Talent Initiative, les diplômés du programme vont acquérir des compétences inestimables, qui aideront les clients et les partenaires à devenir des entreprises « intelligentes » et à fournir des services de haute qualité. Grâce à un programme d’études rigoureux, associé à un retour d’information et un soutien continus, notre programme dotera la prochaine génération de consultants de l’état d’esprit, des compétences et de l’ambition nécessaires pour réussir dans l’écosystème partenaires et au-delà.”

 

Paul Cooper, Président du UK & Ireland SAP User Group (UKISUG), commente : “Nous nous félicitons de la création de la Partner Talent Initiative, car elle contribuera à combler un éventuel déficit de compétences à l’avenir. La dernière étude que nous avons menée auprès de nos membres a montré que de nombreuses organisations craignent que le manque de compétences disponibles ait un impact sur la vitesse à laquelle elles passent à SAP S/4HANA. Un écosystème de partenaires florissant, doté d’un plus grand nombre de talents certifiés, sera essentiel pour soutenir les parcours SAP S/4HANA des clients et développer la main-d’œuvre de la prochaine génération.”

 

À 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.

 

 

The post SAP lance l’initiative Partner Talent pour identifier et former les talents de son écosystème de partenaires appeared first on SAP France News.

Source de l’article sur sap.com

/par

A Brief History of Responsive Web Design

,

Websites haven’t always been as adaptable as they are today. For modern designers, “responsivity” is one of the most significant defining factors of a good design. After all, we’re now catering to a host of users who frequently jump between mobile and desktop devices with varying screen sizes. 

However, the shift to responsive design didn’t happen overnight. For years, we’ve been tweaking the concept of “responsive web design” to eventually reach the stage we’re at today. 

Today, we’re going to take a closer look at the history of responsive web design.

Where Did Web Design Begin?

When the first websites were initially created, no one was worried about responsivity across a range of screens. All sites were designed to fit the same templates, and developers didn’t spend a lot of time on concepts like design, layout, and typography.  

Even when the wider adoption of CSS technology began, most developers didn’t have to worry much about adapting content to different screen sizes. However, they still found a few ways to work with different monitor and browser sizes.

Liquid Layouts

The main two layout options available to developers in the early days were fixed-width, or liquid layout. 

With fixed-width layouts, the design was more likely to break if your monitor wasn’t the exact same resolution as the one the site was designed on. You can see an example here. 

Alternatively, liquid layouts, coined by Glenn Davis, were considered one of the first revolutionary examples of responsive web design. 

Liquid layouts could adapt to different monitor resolutions and browser sizes. However, content could also overflow, and text would frequently break on smaller screens. 

Resolution-Dependent Layouts

In 2004, a blog post by Cameron Adams introduced a new method of using JavaScript to swap out stylesheets based on a browser window size. This technique became known as “resolution-dependent layouts”. Even though they required more work from developers, resolution-dependent layouts allowed for more fine-grained control over the site’s design. 

The resolution-dependent layout basically functioned as an early version of CSS breakpoints, before they were a thing. The downside was developers had to create different stylesheets for each target resolution and ensure JavaScript worked across all browsers.

With so many browsers to consider at the time, jQuery became increasingly popular as a way to abstract the differences between browser options away.

The Rise of Mobile Subdomains

The introduction of concepts like resolution-dependent designs was happening at about the same time when many mobile devices were becoming more internet-enabled. Companies were creating browsers for their smartphones, and developers suddenly needed to account for these too.

Though mobile subdomains aimed to offer users the exact same functions they’d get from a desktop site on a smartphone, they were entirely separate applications. 

Having a mobile subdomain, though complex, did have some benefits, such as allowing developers to specifically target SEO to mobile devices, and drive more traffic to mobile site variations. However, at the same time, developers then needed to manage two variations of the same website.

Back at the time when Apple had only just introduced its first iPad, countless web designers were still reliant on this old-fashioned and clunky strategy for enabling access to a website on every device. In the late 2000s, developers were often reliant on a number of tricks to make mobile sites more accessible. For instance, even simple layouts used the max-width: 100% trick for flexible images.

Fortunately, everything began to change when Ethan Marcotte coined the term “Responsive Web Design” on A List Apart. This article drew attention to John Allsopp’s exploration of web design architectural principles, and paved the way for all-in-one websites, capable of performing just as well on any device. 

A New Age of Responsive Web Design

Marcotte’s article introduced three crucial components developers would need to consider when creating a responsive website: fluid grids, media queries, and flexible images. 

Fluid Grids

The concept of fluid grids introduced the idea that websites should be able to adopt a variety of flexible columns that grow or shrink depending on the current size of the screen. 

On mobile devices, this meant introducing one or two flexible content columns, while desktop devices could usually show more columns (due to greater space). 

Flexible Images

Flexible images introduced the idea that, like content, images should be able to grow or shrink alongside the fluid grid they’re located in. As mentioned above, previously, developers used something called the “max-width” trick to enable this. 

If you were holding an image in a container, then it could easily overflow, particularly if the container was responsive. However, if you set the “max-width” to 100%, the image just resizes with its parent container. 

Media Queries

The idea of “media queries” referred to the CSS media queries, introduced in 2010 but not widely adopted until officially released as a W3 recommendation 2 years later. Media queries are essentially CSS rules triggered based on options like media type (print, screen, etc), and media features (height, width, etc). 

Though they were simpler at the time, these queries allowed developers to essentially implement a simple kind of breakpoint – the kind of tools used in responsive design today.  Breakpoints refer to when websites change their layout or style based on the browser window or device width.

Viewport Meta tags need to be used in most cases to ensure media queries work in the way today’s developers expect. 

The Rise of Mobile-First Design

Since Marcotte’s introduction of Responsive Web Design, developers have been working on new ways to implement the idea as effectively as possible. Most developers now split into two categories, based on whether they consider the needs of the desktop device user first, or the needs of the mobile device user. The trend is increasingly accelerating towards the latter. 

When designing a website from scratch in an age of mobile-first browsing, most developers believe that mobile-first is the best option. Mobile designs are often much simpler, and more minimalist, which matches a lot of the trends of current web design.

Taking the mobile first route means assessing the needs of the website from a mobile perspective first. You’d write your styles normally, using breakpoints once you start creating desktop and tablet layouts. Alternatively, if you took the desktop-first approach, you would need to constantly adapt it to smaller devices with your breakpoint choices.

Exploring the Future of Responsive Web Design

Responsive web design still isn’t perfect. There are countless sites out there that still fail to deliver the same incredible experience across all devices. What’s more, new challenges continue to emerge all the time, like figuring out how to design for new devices like AR headsets and smartwatches. 

However, it’s fair to say we’ve come a long way since the early days of web design. 

 

Featured image via Pexels.

Source

The post A Brief History of Responsive Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par