Smashing Magazine

MARCH 7, 2022

That user preference is available in two (hopefully soon to be three!) This is available behind a flag in Chrome, but not yet on by default while it finishes standardization. Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. Save Data API. And Is It Used?

Website 103

Website Media Mobile Network 103

Smashing Magazine

AUGUST 8, 2019

I started a magazine collection, studied books on art direction and graphic design, and discovered art directors, including Alexey Brodovitch, Neville Brody, Bea Feitler, and Tom Wolsey. Inspired Design Decisions: Avaunt Magazine. Magazine Anatomy. Time away helped me rediscover my enthusiasm for design. Ernest Journal.

Design 79

Design Energy Website Media 79

KeyCDN

OCTOBER 2, 2018

New technologies, libraries, and techniques are continuously emerging and if you want to stay on top of all these changes you will need to immerse yourself in communities, groups, and conferences all revolving around web development. Frontend Focus Frontend Focus’s issues are available from their site or as subscription emails.

Development 75

Development Website Design Code 75

Smashing Magazine

MAY 22, 2020

After moving from Switzerland to the United States, Erik Nitsche for magazines including Harper’s Bazaar, Life, and Vanity Fair. Inspired Design Decisions: Avaunt Magazine. From left: Rivoluzione Industriale magazine, 1960. Imbalaggio magazine cover, 1955–65. And that’s something I try to remember every day.

Design 92

Design Media Development Energy 92

Smashing Magazine

APRIL 13, 2020

It’s rare to find such creative uses for type online, studying the work of graphic designers and talented typographers can open our eyes to what we can achieve using today’s type technologies. Inspired Design Decisions: Avaunt Magazine. U&lc (Uppercase and lowercase) magazine by Herb Lubalin. Fact magazine by Herb Lubalin.

Design 116

Design Media C++ Technology 116

Smashing Magazine

NOVEMBER 9, 2021

An example in case is this same website, Smashing Magazine. That’s why all avatars, the arrow button, and many other elements are all tilted, at the same angle as the Smashing logo is: Tilted elements in Smashing Magazine ( Large preview ). What about images? to demonstrate its transformation capabilities.

Website 104

Website Social Media Media Design 104

Smashing Magazine

OCTOBER 3, 2019

Inspired Design Decisions: Avaunt Magazine. After learning about Alexey Brodovitch ’s influential work on Harper’s Bazaar until the 1950s, I wanted to know the impact his legacy had on the magazine. Feitler has as much to teach people who design for the web as she did the magazine designers who followed her. Large preview ).

Design 77

Design Media Website Speed 77

Smashing Magazine

JUNE 2, 2021

All of these techniques basically involve setting aside the correct amount of space before additional content is loaded — whether that is media or JavaScript-injected content, but there’s a few different options available to web developers to do this. Smashing Magazine article with fallback font and with full web fonts.

Media 125

Media Metrics Website Google 125

Smashing Magazine

JUNE 3, 2022

In a way, technology also created new typeface classifications. Because technology has made it possible to design typefaces easier than ever before, we seem to be reinventing “different types of wheels” that already get the job done. They were all designed for slightly different contexts and technological times. Large preview ).

Performance 111

Performance Design Best Practices Testing 111

Smashing Magazine

FEBRUARY 3, 2022

Don’t forget to include alt text, so that users of assistive technologies can access the content of the image. navigator.share({ title: 'Smashing Magazine', text: 'Web development news and tutorials', url: '[link] }). It’s reasonably well-supported in mobile browsers but doesn’t yet have widespread desktop support. and simpleshare.io

Social Media 102

Social Media Media Website Airlines 102

Smashing Magazine

JUNE 25, 2021

So, having some free time in quarantine, I decided to check whether one of the most evolving industries right now, education technology (EdTech), uses this potential of UX. Computer Electronics” and “Technology” appear to be the most popular course categories among edX students. Take SimilarWeb. Other approaches. Large preview ).

Education 84

Education Website Google Design 84

Smashing Magazine

JANUARY 21, 2021

A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. There wasn’t really a shortage of tools available, so we’ve tested a few and decided to run a few tests. We’ve managed to set it them up and running quite quickly.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JULY 28, 2020

In issue 8, I explained how to help people who use assistive technology using adding ARIA to SVGs. Depending on the OpenType features available in the font you’ve chosen, you can also improve tabular data readability by specifying lining rather than old-style numerals. Large preview ). Large preview ).

Design 98

Design Media C++ Availability 98

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions: Avaunt Magazine. The flex-grow property with its value of 1 ensures all images expand to fill any available space, while flex-basis makes sure these flex items start from a minimum of 640px; header svg { flex-grow: 1; flex-basis: 640px; } header svg:not(:last-of-type) { margin-right: 2rem; }.

Design 95

Design Media C++ Energy 95

Smashing Magazine

JUNE 10, 2022

The result of the collaboration is a standardized, valid, and reliable reading test system available in numerous languages. Aspects Specific to Technology for Extended Reading Typefaces. For example, the academic journal Visible Language has all journals available for free on their website. Range of Weights. Is it necessary?

Performance 95

Performance Design Speed Testing 95

Rigor

JUNE 12, 2019

Alla Gringaus has worked with a multitude of well-established technology and media brands, including TIME , People , The Economist , and the American Kennel Club, carrying hands-on and leading roles in front-end development and UX, all driven by user-centered design. Introducing…Alla Gringaus. Ilya Grigorik – @ igrigorik.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

AUGUST 17, 2021

Two versions available: Designers can use the Flagpack in Figma and Sketch, developers can install it directly within their code project (React, Vue, and Svelte are supported). Six different styles are available, abstract patterns just like friendly smileys. Boring Avatars And Absurd Illustrations. A friendly little detail. Thank You!

Open Source 143

Open Source Design Availability Website 143

Smashing Magazine

MAY 9, 2022

The Core Web Vitals initiative gives us a way of seeing the impact on real user web browsing, and the Core Web Vitals Technology Report allows us to see these figures by site based on HTTP Archive monthly crawls. seconds — the best number Smashing Magazine has ever seen since the Core Web Vitals initiative was launched.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

OCTOBER 27, 2021

Since then, technology has evolved, and what started with naked-eye observations has become a sophisticated and accurate technology to measure eye movements. Eye-tracking is nothing but new, but recent developments in technology made the methodology accessible to businesses of all sizes. “. Mobile UX Research.

Mobile 112

Mobile Website Hardware Social Media 112

Smashing Magazine

NOVEMBER 16, 2021

We’ll come to understand how important it is to understand mobile technology and use patterns, and become aware that mobile paradigms are influencing more traditional computing platforms. The History and Technology of Touch. +. The eBook is available right away (PDF, ePUB, Amazon Kindle). Capacitive Touch. +. Print + eBook.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

MAY 12, 2022

I think this information is both interesting and useful, in particular given the wide variety of framework and platform choices currently available to front-end and fullstack developers. This includes analyzing which technologies a webpage uses, including which JavaScript frameworks, using the Wappalyzer service. Analyzing Per Metric.

Google 128

Google Performance Website Mobile 128

Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. Both examples check something is available before using it. More after jump!

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

AUGUST 25, 2022

The great thing today is that you can use the same technologies used by Netflix or Hulu to deliver your videos. Adaptive bitrate videos have multiple versions of the video available and can adapt to the network speed of your customer. It almost sounds like magic, but let’s look at the technology and how it works.

Media 107

Media Speed Network Analytics 107

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. This image shows all the readily available actions: Out of the box actions in Buddy. To keep our applications relevant, we must continuously evaluate the latest offerings and decide if to add them to our technology stack.

Website 82

Website Serverless AWS Lambda 82

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. But everything we will see can be extrapolated to any other technology. Note : To be able to see the custom type native-color-picker available in that list, you need to install the Colorpicker app in the space App Directory. Large preview ). Large preview ).

Media 106

Media Cache Website Mobile 106

Smashing Magazine

JUNE 26, 2019

You can see in his example that he suggests a number of optimizations, like limiting which styles and character sets are available for use on the website. population alone uses ad-blocking technology on their devices, so they’re not likely to see your on-page ads anyway. Statista data on the usage of ad-blocking technology in the U.S.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

MAY 20, 2021

It allows you to add security to apps developed using any programming language or technology. SDK available to use in our app. focused SDK, among other SDKs available to connect to the API using various programming languages. In this article, we will see how to implement authentication and authorization in our Next.js

Serverless 113

Serverless Servers Programming Database 113

Smashing Magazine

AUGUST 20, 2021

Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver.

Ecommerce 139

Ecommerce Website Government Internet 139

The Agile Manager

FEBRUARY 27, 2012

Each is a new take on an old theme, echoing one part of the contradiction that has riddled every business with a captive technology department: we want to minimize how much we spend on IT, and we want IT to be a source of innovation. Personal technology such as spreadsheets and smartphones empowers increasingly tech-savvy knowledge workers.

Ecommerce 45

Ecommerce Social Media Retail Airlines 45

Smashing Magazine

DECEMBER 15, 2021

Changes in the technology of touch over time mean that many assumptions and standards of how to design for touch from just a few decades ago are no longer relevant — and may be actively misleading or dangerous. Yes, many foreign market devices are available in other countries, and work well. Editor’s Note.

Mobile 104

Mobile Design Internet Internet 104

Smashing Magazine

FEBRUARY 22, 2023

Completely framework-agnostic, you can connect Storyblok and your favorite technology within minutes. In order to demonstrate the flexibility of this technology stack, we will examine how to render the tabbed content component using both Vue and Svelte. Furthermore, localizing and personalizing your content becomes a breeze.

Website 109

Website Performance Ecommerce Technology 109

Smashing Magazine

JANUARY 15, 2019

In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. Using HTTPS opens up a world of new web technologies like service workers that allow us to treat the network itself as a nice-to-have. Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

OCTOBER 2, 2023

We collaborated with WaterBear and its partner companies to build a revamped and redesigned version of WaterBear’s web and mobile app from the ground up using modern front-end technologies. It’s available on the web , Android, and iOS. for the web app, Sanity CMS, Firebase Auth, and Firestore database.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

MARCH 9, 2020

However, when you use CSS like below to ensure images do not overflow their available space, then you run into problems as soon as the available width becomes smaller than the actual image size. This is known as art direction and an example is shown below: 'Art direction' uses different photographs depending on the available space.

Website 125

Website Code Mobile Network 125

Smashing Magazine

MAY 20, 2021

It allows you to add security to apps developed using any programming language or technology. SDK available to use in our app. focused SDK, among other SDKs available to connect to the API using various programming languages. In this article, we will see how to implement authentication and authorization in our Next.js

Serverless 64

Serverless Servers Programming Database 64

Smashing Magazine

SEPTEMBER 27, 2021

The phrase sums up end-to-end testing well: It simulates actual user workflows and should include as many functional areas and parts of the technology stack used in the application as possible. However, due to run times, it is not advisable to cover every single available workflow. Example: Finding My Articles in Smashing Magazine.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

JANUARY 7, 2019

Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. Still, it’s not that difficult , and its support is coming, e.g. it’s available since Apache 2.4.26.

Performance 104

Performance Cache Network Metrics 104