Smashing Magazine

NOVEMBER 16, 2021

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. DRM-free, of course. Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. Vitaly Friedman.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

AUGUST 18, 2020

Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design. Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design. I learned how to channel my often rebellious attitude to conventional design thinking to develop novel solutions to often everyday design problems.

Design 119

Design Media Entertainment Website 119

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

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Previously On “Inspired Design Decisions”. Andrew Clarke.

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

JULY 11, 2019

Inspired Design Decisions: Pressing Matters. Inspired Design Decisions: Pressing Matters. Luckily, the course I’d chosen wasn’t structured, and it didn’t have a formal curriculum. Printmaking and writing code have plenty in common. The result is a design which feels connected. Andrew Clarke. Andy Clarke May 2019.

Design 92

Design Media Mobile Energy 92

Smashing Magazine

OCTOBER 29, 2019

Speed Up Your Website With WebP. Speed Up Your Website With WebP. Spend enough time running websites through PageSpeed Insights and you’ll notice that Google has a major beef with traditional image formats like JPG, PNG and even GIF. Suzanne Scacca. 2019-10-29T12:30:59+02:00. 2019-10-29T13:36:09+00:00. This is a sponsored post.)

Website 72

Website Speed Cache Google 72

Smashing Magazine

SEPTEMBER 17, 2021

Gatsby Functions open up a whole new world for front-end developers as they provide a way to write and use server-side code without the hassle of maintaining a server. For example, website pages are located in src/pages and Serverless Functions are located in src/api. your website uses its own functions. website.com , and www.my-website.com/api

Open Source 114

Open Source Serverless Software Software 114

CSS - Tricks

OCTOBER 23, 2019

I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. appeared first on CSS-Tricks.

Website 54

Website Best Practices Engineering Design 54

Smashing Magazine

SEPTEMBER 5, 2019

Inspired Design Decisions: Alexey Brodovitch. Inspired Design Decisions: Alexey Brodovitch. Before writing Art Direction for the Web , I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. Those things can help our digital products and websites appeal to audiences and communicate better.

Design 79

Design Media Website Energy 79

High Scalability

JULY 18, 2022

We believe the only way to maintain and scale our standards is to focus on quality code. has hours of system design content. They also do live system design discussions every week. Learn to balance architecture trade-offs and design scalable enterprise-level software. InterviewCamp.io Advertise your job here!

Education 100

Education DevOps Infrastructure Scalability 100

High Scalability

JUNE 10, 2022

We believe the only way to maintain and scale our standards is to focus on quality code. has hours of system design content. They also do live system design discussions every week. Learn to balance architecture trade-offs and design scalable enterprise-level software. InterviewCamp.io Advertise your job here!

Education 100

Education DevOps Infrastructure Scalability 100

Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. In this article, we’ll build a website (a tea shop!) To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Design Tokens. and exercise best CSS practices.

Website 142

Website Design Best Practices Code 142

Smashing Magazine

AUGUST 17, 2021

They help projects on a tight budget shine, without asking for anything in return — and, of course, they never cease to inspire. But of course, the credit is always much appreciated. Icons are a fantastic way to help convey meaning and add some character to a design. Open-Source Flag Icons. Large preview ). Large preview ).

Open Source 143

Open Source Design Availability Website 143

Dynatrace

FEBRUARY 15, 2023

The power of Smartscape is, of course, not limited to manual queries. We designed Dynatrace in a way that places the user in the middle, offering a flexible UI—tailored to individual needs and deriving rich insights from different perspectives. With DQL, you can easily combine different data types into a single query.

Analytics 226

Analytics Social Media Metrics Efficiency 226

Smashing Magazine

AUGUST 9, 2022

The success of your website depends on the impression it leaves on its users. It’s worth mentioning that good Core Web Vitals scores don’t necessarily mean that your website scores in high 90s on Lighthouse. It can also compare the performance of multiple pages of your site or those of your competitors’ websites. Zara Cooper.

Performance 130

Performance Benchmarking Website Metrics 130

Dynatrace

JUNE 1, 2020

Websites, mobile apps, and business applications are typical use cases for monitoring. However, with today’s highly connected digital world, monitoring use cases expand to the services, processes, hosts, logs, networks, and of course, end-users that access these applications – including your customers and employees.

Artificial Intelligence 181

Artificial Intelligence Social Media Monitoring IoT 181

Smashing Magazine

MAY 22, 2020

Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication. Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication. Even highly regarded, well-known designers spent time working with mundane subjects and produced iconic work. Andrew Clarke.

Design 91

Design Media Development Energy 91

Smashing Magazine

JULY 18, 2022

If you think that static rendering is limited to generic, public content that is the same for every user of your website, you should definitely read this article. If anything makes the JavaScript code fail, the paid user won’t have their dose of fun and might get angry. Eric Burel. 2022-07-18T11:00:00+00:00. 2022-07-18T18:32:57+00:00.

Cache 114

Cache Website Energy Servers 114

Dynatrace

JUNE 1, 2020

Websites, mobile apps, and business applications are typical use cases for monitoring. However, with today’s highly connected digital world, monitoring use cases expand to the services, processes, hosts, logs, networks, and of course end-users that access these applications – including your customers and employees.

Monitoring 132

Monitoring Performance Social Media Artificial Intelligence 132

Rigor

SEPTEMBER 3, 2019

According to Rich Howard, CEO of Optimal, a business dedicated to optimizing websites and mobile apps , there are ten steps your business can take now to start preparing your website or web application for the upcoming holiday season. Response code or issues with the rendered page [Synthetic]. Slow DNS times [Synthetic].

Website 74

Website Cache Ecommerce Traffic 74

Dynatrace

FEBRUARY 9, 2021

You can then access all the required details to understand and reproduce the issue, all the way from the user interaction down to the exact line of code that was executed on the back end. Consider the following example: A user session on your travel website crashes while a customer is booking a journey. Data protection by default.

Mobile 189

Mobile Tuning Monitoring Storage 189

Smashing Magazine

JUNE 2, 2021

Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text). The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4).

Performance 115

Performance Cache Website Mobile 115

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. Visit website 2. Visit website 3. Check out the Almanac for CSS property and selector-specific insights, or dive straight into the Snippets to grab some reusable code.

Development 75

Development Website Design Code 75

Smashing Magazine

AUGUST 10, 2023

Certain tools are designed for certain metrics with certain assumptions that produce certain results. There are ways around that, of course. Real usage data would be better, of course. This is high-quality data from actual website visitors, for example based on Google’s Chrome User Experience (CrUX) Report.

Speed 81

Speed Monitoring Testing Network 81

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. Alba Silvente.

Media 105

Media Cache Website Mobile 105

Rigor

SEPTEMBER 11, 2019

If you want to vastly improve the startup and load performance of your website, you cannot miss the impactful observations and insights that Jake posts on jakearchibald.com/ and shares on Twitter @ jaffathecake. Most recently, he launched a fantastic new HTML5 Mastery… course. Rick Byers. Rick Byers. Tammy Everts. Tammy Everts.

Performance 89

Performance Education Google Website 89

Smashing Magazine

MARCH 2, 2021

This requires your website or application to be heavily optimized for mobile. While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. One of the famous examples is Flipkart , India’s largest e-commerce website.

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

DECEMBER 7, 2023

Rather than pushing off INP until after it starts influencing the way we measure site performance, let’s take a few minutes to level up our understanding of what it is and why it’s designed to replace FID. Of course, we’re talking about the user doing something on the page, i.e., an action such as a click or keyboard focus.

Traffic 94

Traffic Metrics Google Monitoring 94

Smashing Magazine

JULY 1, 2021

Well, it’s simply an apt allegory when it comes to dealing with tests in a code base. These traps might feel like an unexpected ambush when you’re working on a code base, especially when doing so for a long time. They test units of code together, looking at their interaction. So, a test’s design should be flat.

Testing 120

Testing Best Practices Code Design 120

KeyCDN

JULY 2, 2020

Web standards are best defined as guidelines developed by the World Wide Web Consortium W3C to promote consistency in design code which makes up a web page. Maybe the best phrase to describe web standards is a set of standardized "best practices" for building websites. Devices such as smartphones, tablets, PDAs, etc.

Internet 56

Internet Internet Best Practices Website 56

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

OCTOBER 24, 2023

You know, have a plan for it and write code that’s mindful about adding extra weight to the page. But not everything about performance happens directly at the code level, right? I’d say many — if not most — sites and apps rely on some number of third-party scripts where we might not have any influence over the code.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

NOVEMBER 19, 2021

This space can act as its own website — not tied to anything. Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; More after jump! yourdomain" ?

Servers 83

Servers Website Code Best Practices 83

MachMetrics

FEBRUARY 27, 2020

If you’re not a developer/designer, you may not be familiar with the Chrome DevTools and the extremely powerful Google Lighthouse Audits that can be found inside. However, you have likely used the Web UI that Google uses to allow you to test websites for speed – Google PageSpeed Insights. Accessibility. Progressive Web App.

Google 82

Google Speed Testing Tools Testing 82

CSS - Tricks

JUNE 1, 2021

That’s testing in a nutshell: we want to catch errors on the client side and fix them before code is deployed. Some test types have a test coverage analytic that shows just how much of your code (as a percentage) is looked at by that particular test. They don’t know anything about the code and the implementation. <div>. <p

Testing 95

Testing Performance Testing Website Code 95

KeyCDN

OCTOBER 31, 2019

The Chrome DevTools can greatly improve your workflow by helping you develop, test, and debug your websites right within your browser. You can do everything from testing the viewport on a mobile device to editing a website on the fly, and even measuring the performance of an entire website or individual assets.

Google 85

Google Website Network Media 85

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering?

Performance 145

Performance Cache Media Metrics 145