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. +. Capacitive Touch. +. Standards, Assumptions, and Problems. +. Finding Out How People Hold and Touch. +.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

SEPTEMBER 2, 2021

Flexbox Defense is a play on the ‘tower defense’ strategy game genre that teaches you flexbox through 12 challenges where you have to use flexbox syntax to stop incoming enemies from getting past your defenses. Louis shares a comprehensive, categorized list of such tools covering a variety of different development technologies. (vf,

Development 145

Development Games Education Programming 145

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

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. Large preview ). Government.

Ecommerce 139

Ecommerce Website Government Internet 139

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 103

Website Media Mobile Network 103

Smashing Magazine

JULY 16, 2021

If you happen to be interested in learning how to accomplish the exact same concept using React, friend of the show magazine Heydon Pickering wrote about the topic back in 2018 and supplied React/JSX sample code. Insight 2: There Are Established Strategies To Tackle Web App Accessibility Problems. More after jump! Online, and live.

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

SEPTEMBER 27, 2021

However, end-to-end testing does have some pitfalls that are cause for concern: End-to-end tests are slow and, thus, pose a significant hurdle in every continuous integration and continuous deployment (CI/CD) strategy. Cypress’ test runner is open-source, so it fits our product strategy. Tests are written in JavaScript.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

JANUARY 7, 2022

Especially if your technology stack has just been hacked and set up for ransom. One major advantage of having a crew of this type is that you can have a shared strategy and work together toward a “north star” that meets internal and external needs — through ideation, analysis and collaboration. Large preview ).

Design 92

Design Logistics Strategy Benchmarking 92

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. From early on, he was inspired by print designs, especially magazines, and used this influence to design the college’s yearbooks. Thompson studied at Washburn College in his home city of Topeka.

Design 119

Design Media Entertainment Website 119

Smashing Magazine

JULY 27, 2021

If you’re not familiar with this syntax, you can check out “ A Strategy Guide To CSS Custom Properties ”.) With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Consequently, a key part of our Next.js CSS setup will be storing all site-wide values as design tokens. Online, and live.

Website 142

Website Design Best Practices Code 142

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Numerous big players have considered such an opinion and have recently implemented this technology. So, it’s up to you whether to include push notifications in your marketing strategy or not. Large preview ).

Code 74

Code Cache Retail Mobile 74

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. Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. But there’s no need to stop there!

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

JULY 19, 2021

Let’s take a look at what some of these testing strategies look like in practice. Dodds argues testing technology has caught up to a point where there are no longer large cost trade-offs for writing integration tests, which is where his concept of the “test trophy” comes in. Unit Testing.

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

JULY 13, 2021

But, in the end, working with new tools and technologies brings a lot of benefits: Wider support, community assistance, better developer experience, and ease of getting people working on the project. Define The Migration Strategy. It’s not easy, it’s not cheap and it’s time-consuming. impose on us, and that is ok. web application.

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

DECEMBER 22, 2021

You’ll find psychology heuristics just like tips for building a winning UX strategy , dive deep into user research and UX writing , and explore real-world examples — good and bad — from which you can learn to create experiences that truly matter. How To Build A Winning UX Strategy. Yet how exactly do we get there? Why do we interface?

Airlines 128

Airlines Mobile Design Strategy 128

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

JUNE 28, 2021

The Rise Of Design Thinking As A Problem Solving Strategy. Drew: I guess there’s always a trade-off, isn’t there with technology choices? I tend to find in technology choices, the most important thing is just to know. Designing With Code: A Modern Approach To Design. written by Miko?aj aj Dobrucki. written by Cameron Cundiff.

Website 62

Website Design Open Source Software 62

Smashing Magazine

SEPTEMBER 16, 2021

We need a different strategy for overcoming failure, one that builds on experience and takes advantage of the knowledge people have but somehow also makes up for our inevitable human inadequacies. The non-profit organisation The Shift Project looked at nearly 170 international studies on the environmental impact of digital technologies.

Automotive 138

Automotive Website Social Media Design 138

Smashing Magazine

NOVEMBER 22, 2021

You can see the impact of these efforts in the Core Web Vitals Technology Report from Google Chrome User Experience Report (CrUX) / HTTP Archive : Ratio of sessions with good CWV per platform. Source: HTTP Archive's Core Web Vitals Technology Report. Source: HTTP Archive's Core Web Vitals Technology Report.) ( Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. Adhering to these strategies has several benefits. 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

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. Technology. Monolithic. Architecture.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. Note : To understand how the cache works for a user and the different strategies we can follow, I recommend the talk and article “ Love your cache ” by Sam Thorogood. But everything we will see can be extrapolated to any other technology. Large preview ).

Media 105

Media Cache Website Mobile 105

Smashing Magazine

APRIL 21, 2023

Strategies For Mitigating Potential Issues With Web Workers Web Workers are a powerful tool for improving the performance and responsiveness of web applications. By following these strategies, you can ensure that your Web Worker code is efficient, responsive, and compatible with a wide range of browsers.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

JUNE 26, 2019

As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. She was torn though. Host Fonts From A CDN.

Website 110

Website Speed Mobile Design 110

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 137

Code Design Education Government 137

Smashing Magazine

OCTOBER 19, 2021

But the other thing is to be able to take operational concerns into account during your design development and implementation of any technology. So if you’re using their database container or technology, guess what? Jeff: When you do that, you create this inherent conflict and everything spills out from there. You didn’t do anything.

DevOps 83

DevOps Metrics Systems Design 83

Smashing Magazine

AUGUST 9, 2021

Refactoring CSS: Strategy, Regression Testing And Maintenance written by Adrian Bece. She is the Principal Designer at 8th Light, where she designs and builds custom software and consults on safe and inclusive design strategy. The Inclusive Safety Project. Eva on Twitter. Eva’s personal site. Weekly Update. Eva: Yeah.

Design 98

Design Education Network Google 98

Smashing Magazine

JULY 29, 2019

This is possible by setting up a service worker with a good caching strategy so that cached pages can be re-accessed offline. Android is where all the action is in terms of data-saving technology. The lodash documentation website is a nice example of a service worker in the wild: The Lodash docs work offline. Large preview ).

Cache 96

Cache Google Mobile Network 96

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. You, dear readers, seem to visit a number of articles on Smashing Magazine. We have various states of components for authenticated and unauthenticated customers.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

SEPTEMBER 6, 2021

Will be enabled by default in version 15, which is currently in technology preview. There is no need to change your bundling or inlining strategy, nor to consolidate or shard your server farm. Opera (version 77+) : Enabled by default (uses Chromium internally). Apple Safari (version 14) : Behind a manual flag.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

JANUARY 21, 2019

Because we have established the database object data to be retrieved in a relational manner, we can also apply this strategy among the relationships between database objects themselves. Then the query is automatically updated to fetch the additional property: SELECT. title, content, thumbnail. WHERE id = 37.

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

JANUARY 11, 2021

In many organizations, front-end developers know exactly what common underlying problems are and what strategies should be used to fix them. Performance Budgets, Pragmatically shows you a strategy to achieve that. One of the most notable strategies that appeared recently is Granular chunking with Webpack in Next.js

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Planning, planning, planning.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and eventually it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Large preview ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

AUGUST 26, 2021

By this point, it’s reasonable to expect to have answers to most of the big, basic questions of how people and digital technology work with one another. If anything, questions of technology and society seem to be piling up faster than we can address them. As you no doubt know, however, we don’t. We really don’t.

Social Media 134

Social Media Technology Technology Website 134