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. +. Form Design Patterns A practical guide to designing and coding simple and inclusive forms.

Mobile 90

Mobile Design Best Practices Website 90

Smashing Magazine

SEPTEMBER 15, 2021

For years, we waited patiently for browsers to adopt CSS technology faster. Google Workspace ( Gmail , Calendar , Drive , etc) stopped IE11 support on March 15, 2021. Google Workspace ( Gmail , Calendar , Drive , etc) stopped IE11 support on March 15, 2021. Doing this helps foster reduced and simpler code. Angled Buttons.

Internet 137

Internet Internet Google Design 137

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. “. More after jump! Mobile UX Research.

Mobile 115

Mobile Website Hardware Social Media 115

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Source: HTTP Archive's Core Web Vitals Technology Report. Large preview ).

Website 129

Website Performance Google Media 129

Smashing Magazine

MARCH 23, 2020

Recently, I was browsing a new addition to my library and was captivated by one magazine spread. A selection of covers from Otto Storch’s time as art director for McCall’s Magazine. Publishing can be a cut-throat business, and the magazines Storch worked on weren’t high-fashion. Inspired Design Decisions: Avaunt Magazine.

Design 110

Design Media Energy Availability 110

Smashing Magazine

MARCH 7, 2022

Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used? Again, I talked about this that previous article , and the answer is a resounding yes! Data Saver. Network Signals. 2g , and 0.3%

Website 105

Website Media Mobile Network 105

Smashing Magazine

NOVEMBER 5, 2021

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Concept testing can help you identify a viable idea for the present and also identify ideas you might implement in the future when technology or society is ready. More after jump! Jump to table of contents ?.

Design 101

Design Testing Education Processing 101

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. He’s been writing code for two decades, and using JavaScript the whole time. They just have to copy and pastable Chakra code. Drew: I guess there’s always a trade-off, isn’t there with technology choices? Is that born out in the code itself? Show Notes. aj Dobrucki.

Website 63

Website Design Open Source Software 63

Smashing Magazine

AUGUST 19, 2021

Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. A real interaction between computers and humans starts at technological conception by understanding users through a sound and ethical user research discipline. What are ethics anyway?

Code 139

Code Design Education Government 139

Smashing Magazine

OCTOBER 23, 2021

The deployed app is available for viewing , and the final code is on Github. based cross-platform framework whose motto is : “write code once and simultaneously deploy it as a website, a mobile app and/or an Electron app”. boot/ # boot files (app initialization code) ? ??? holds the Vue Router initialization code.

Database 115

Database Code Mobile Google 115

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. For example, if the CMS is built on Microsoft’s.NET Framework, the front-end website would also be built on the same technology. It worked a treat without having 50 Google Docs flying all over the place.

Cache 144

Cache Website Mobile Google 144

Smashing Magazine

MAY 17, 2021

Last year, Google started emphasizing the importance of Core Web Vitals and how they reflect a person’s real experience when visiting sites around the web. It wasn’t long before a sea of red “poor” and yellow “needs improvement” notices in our Google Search Console needed our attention. How We Improved Our Core Web Vitals (Case Study).

Google 96

Google Analytics Serverless Metrics 96

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 118

Design Media C++ Technology 118

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. The most immediate one is that our product can ship new features faster, indeed they can go live as soon as the team has finished coding them. Introduction To Continuous Integration, Delivery, And Deployment.

Website 84

Website Serverless AWS Lambda 84

Smashing Magazine

JULY 9, 2021

You have a site that does not traverse well (or at all) when disabled users use assistive technologies such as a screen reader, keyboard, or voice recognition to navigate around the site because they lack the motor skills or dexterity to do so. If you switched to a lighter blue or white font within the 4.5 See large preview ).

Website 145

Website Mobile Design Testing 145

Smashing Magazine

NOVEMBER 30, 2021

The web technology changes so fast, but the web itself tends to move a little bit slower just in terms of developer trends and habits. And so you see these slightly longer arcs where you’ll have a bunch of technology pile up around one approach and then it’ll slowly start to swing the other way and then change all at once.

Technology 97

Technology Technology Servers Code 97

Smashing Magazine

JUNE 26, 2019

Clean coding practices. Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. Although we’ve been told for years that visitors are willing to wait three seconds for a web page to load , Google considers 2.9

Website 111

Website Speed Mobile Design 111

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. In that case, you can always use the <picture> HTML tag, as shown in the code below, so that the browser can pick the image format supported in the order provided. <picture> But everything we will see can be extrapolated to any other technology.

Media 109

Media Cache Website Mobile 109

Smashing Magazine

JULY 20, 2021

But technology is evolving, and there are more and more options that make it easier to create websites. But this also has some disadvantages, you still need to configure and update WordPress, make it secure and are dependent on their technology for the development of new functionalities. Related Reading on SmashingMag.

Website 143

Website Architecture Technology Technology 143

Smashing Magazine

JULY 29, 2019

Google Homepage — DOM. Minification removes unnecessary spaces and characters, but uglification actually ‘mangles’ the code to be shorter. The tell-tale sign is that the code contains short, machine-generated variable names rather than untouched source code. 402 KB transferred, 1.1 MB resources, 24 requests.

Cache 97

Cache Google Mobile Network 97

Smashing Magazine

DECEMBER 22, 2021

Accessibility goes far beyond the code, so when it comes to delivering accessible websites, each person in a team has their specific responsibilities. Fonts Knowledge by the team at Google Fonts helps you make well-considered typographic choices. The more ideas you generate, the better the chances of nailing the big one!

Airlines 131

Airlines Mobile Design Strategy 131

Smashing Magazine

OCTOBER 19, 2021

It’s just a matter of it’s you doing it, or if there’s a separate team doing it, but somehow you’re deploying code. But the other thing is to be able to take operational concerns into account during your design development and implementation of any technology. Not everyone is Google. Stop reading posts from Netflix and Google.

DevOps 87

DevOps Metrics Systems Design 87

Smashing Magazine

MAY 6, 2019

in which he stated that the Google Chrome team are already developing the feature and intend to ship it in Chrome 75. When a new browser technology is released to a single browser, the open-source community usually releases a JavaScript polyfill to provide the same technology to the rest of the browsers. No Use For A Polyfill.

Website 104

Website Best Practices Media Open Source 104

Smashing Magazine

NOVEMBER 4, 2021

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch written by Alex Husar. Those are the parts that actually need to run in the client, but just the way the SPA architecture works, you got to run all the code for the entire thing for it to work at all. Do I really need this code? written by Robert Sfichi.

Media 90

Media Website Architecture Servers 90

Smashing Magazine

OCTOBER 29, 2019

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. Here’s what Google suggests: PageSpeed Insights demonstrates how much storage and bandwidth websites stand to save with WebP. Source: Google ) ( Large preview ).

Website 73

Website Speed Cache Google 73

Smashing Magazine

JUNE 2, 2021

Nor will I talk too much about the mechanics of how CLS is calculated: Google has some good documentation on that , and Jess Peck ’s The Almost-Complete Guide to Cumulative Layout Shift is an awesome deep dive into that too. Smashing Magazine article with fallback font and with full web fonts. Make Liberal Use Of min-height.

Media 127

Media Metrics Website Google 127

Smashing Magazine

JANUARY 21, 2021

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests. Large preview ).

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

NOVEMBER 15, 2021

Hyper is an Electron-based terminal app for Mac, Windows, or Linux that’s built with web technologies (HTML/CSS/JS). Fig adds VSCode-style autocomplete to your existing terminal and includes support for existing CLI tools like Git, npm, Kubernetes, Docker, AWS, Google Cloud, and more. Large preview ). Large preview ). Large preview ).

Development 136

Development Google Storage Open Source 136

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? You can download the spreadsheet as Google Sheets, Excel, OpenOffice document or CSV.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? The first render tends to warm up a bunch of lazily compiled code, which a larger tree can benefit from when it scales.

Performance 105

Performance Cache Metrics Network 105