Smashing Magazine

SEPTEMBER 10, 2021

This gives us at Smashing Magazine plenty to write about, which is great, though it’s worth reminding ourselves what it’s all in service of. In this third edition of our web design done well series, we’re honing in on the beating heart of many websites: content. Yes, magazine spreads have a certain class about them.

Design 131

Design Internet Internet Mobile 131

Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. But as it stands, websites are growing ever more obese, which means that the energy demand of the Internet is continuing to grow exponentially. Jack Lenox. 2019-01-15T13:30:32+01:00. 2019-04-29T18:34:58+00:00.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

AUGUST 18, 2020

I became fascinated by the ways magazine art directors including Alexey Brodovitch and Bea Feitler brought images and text together. Learning how people interact with a website or use a product shouldn’t dictate a design but instead provide a platform on which to develop engaging, entertaining, and ultimately more memorable experiences.

Design 119

Design Media Entertainment Website 119

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. Visit website 2. Visit website 3. Visit website 4. Visit website 5.

Development 75

Development Website Design Code 75

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

Smashing Magazine

MARCH 28, 2019

Plesk VPS Hosting For Better Website Outcomes. Plesk VPS Hosting For Better Website Outcomes. In early discussions you have with clients about the website you’re tasked with designing, does the topic of web hosting ever come up? Suzanne Scacca. 2019-03-28T10:30:39+01:00. 2019-04-29T18:34:58+00:00. This is a sponsored article.)

Website 48

Website Servers Design Traffic 48

Smashing Magazine

MAY 12, 2022

These days it is fairly uncommon to encounter a new website or web app that doesn’t rely on some framework, or a platform such as a CMS. In particular, the increase in the amount of downloaded JavaScript can have a direct impact on website performance. Dan Shappir. 2022-05-12T09:30:00+00:00. 2022-05-12T10:16:36+00:00.

Google 127

Google Performance Website Mobile 127

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. In the second stage, I weighed edX’s website against the 10 usability heuristics identified by Jacob Nielsen. Problem 1: “Can I Trust This Website?”.

Education 83

Education Website Google Design 83

Smashing Magazine

FEBRUARY 3, 2022

Third-party Javascript accounts for a lot of bloat on websites, with analytics, chatbots, and embedded widgets being common contributors. I also became interested in this analysis of the COP26 website by Fershad Irani, which shows many things that could be improved to reduce the site’s (relatively large) carbon footprint.

Social Media 101

Social Media Media Website Airlines 101

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 76

Design Media Website Speed 76

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

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Since then, technology has evolved, and what started with naked-eye observations has become a sophisticated and accurate technology to measure eye movements.

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

MAY 9, 2022

Ensuring your website caches most of its assets for future uses has long been touted as essential for web performance. The Smashing team has done a lot to make a fast website, so even a fresh load (though this experiment may not be a completely fresh load if you came to this article from the home page). Here’s an experiment for you.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

NOVEMBER 17, 2022

It has never been easier to build a personalized website, digitalize a product and start seeing results. Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Webpage performance test report for the Smashing Magazine website.

Media 105

Media Cache Website Mobile 105

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 91

Design Media Development Energy 91

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

AUGUST 25, 2022

Adding video to your website immediately adds value, but also a new level of complexity to your web development. The great thing today is that you can use the same technologies used by Netflix or Hulu to deliver your videos. It almost sounds like magic, but let’s look at the technology and how it works. Doug Sillars.

Media 106

Media Speed Network Analytics 106

Smashing Magazine

NOVEMBER 22, 2021

Improving The Performance Of Wix Websites (Case Study). Improving The Performance Of Wix Websites (Case Study). Since implementing these changes, we have seen a dramatic improvement in the performance of websites built and hosted on our platform. Source: HTTP Archive's Core Web Vitals Technology Report. Dan Shappir.

Website 126

Website Performance Google Media 126

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. Ilya Grigorik – @ igrigorik. Andy Davis – @ andydavies.

Performance 72

Performance Social Media Internet Internet 72

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. +. Chapter 9 describes ways we can consider likely problems when planning the design of our apps and websites.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

JUNE 26, 2020

Being completely absorbed for a few weeks or months in designing a product interface or a website can be a thrill. Inspired Design Decisions: Avaunt Magazine. Color plays an essential role in making a product or website easy and intuitive to use. This design becomes more distinguished with the space available on large screens.

Design 94

Design Media C++ Energy 94

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. No more boring business websites! A friendly little detail. Thank You!

Open Source 143

Open Source Design Availability Website 143

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.

Performance 94

Performance Design Speed Testing 94

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. Many websites may not bother to specify width s and height s on their <img> tags. img { max-width: 100%; height: auto; }.

Website 125

Website Code Mobile Network 125

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. 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. Mike Neumegen. released 1998.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. 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.

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 97

Design Media C++ Availability 97

Smashing Magazine

MAY 6, 2019

Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content. Your website will gradually benefit from it as support arrives to your users in most modern browsers.

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JANUARY 11, 2021

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the project until the final release of the website — what would that look like? Layout Shift GIF Generator that visualizes CLS with a simple GIF (also available from the command line). Image source ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

APRIL 1, 2020

We need a new breed of CMS — one that can make content available through any channel at which point a Headless CMS is required. The API makes contents available through any channel and on any device using most favorite tools and programming languages plus it also provides a higher level of security and much better scalability.

Open Source 103

Open Source Website Mobile Code 103

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 103

Mobile Design Internet Internet 103

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

FEBRUARY 2, 2022

Like any file referenced and used on a website, it first needs to be downloaded from a server. Website performance is not consistent across devices. Code splitting is available out-of-the-box for Create React App and other frameworks that use Webpack like Gatsby and Next.js. Jump to online workshops ?. Performance Costs.

Code 89

Code Performance Network Website 89

Smashing Magazine

JUNE 28, 2021

Mike’s personal website. Actually, I was just checking the Cut Into The Jamstack website today, and the accessibility score is very high. I’ve done static websites. Drew: I guess there’s always a trade-off, isn’t there with technology choices? In this episode, we’re talking about Chakra UI. Show Notes. Mike on Twitter.

Website 62

Website Design Open Source Software 62

Smashing Magazine

JANUARY 7, 2019

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JULY 29, 2019

I wanted to simulate a slow connection like those experienced by users in Uzbekistan, to see what kind of experience websites would give me. I installed ModHeader and set the ‘Save-Data’ header to let websites know I want to minimise my data usage. A great example would be a website that shows the weather forecast for the week.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JANUARY 6, 2020

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 145

Performance Cache Network Metrics 145