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 110

Performance Design Best Practices Testing 110

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 83

Education Website Google Design 83

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

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

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 106

Design Media Energy Availability 106

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 111

Mobile Website Hardware Social Media 111

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

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 106

Media Speed Network Analytics 106

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

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 103

Mobile Design Internet Internet 103

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

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

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

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

SEPTEMBER 2, 2021

There are plenty of other interactive learning tools available, and I’m sure many of you have come across some that you’ve found useful. Louis shares a comprehensive, categorized list of such tools covering a variety of different development technologies. (vf, Image source: SQLBolt ). What Are Your Favourite Interactive Tools?

Development 145

Development Games Education Programming 145

Smashing Magazine

MARCH 28, 2019

Because server technology is rarely understood by the people who own websites, it’s easy for them to mistakenly think they can save money there. All I mean is that it would be beneficial to understand how the technology behind a website affects the outcomes of what you’ve built. I get why they’d think that way. Apache vs. nginx.

Website 48

Website Servers Design Traffic 48

Smashing Magazine

AUGUST 18, 2021

one column for each month, of the same size and using the full space available. With the value minmax(20px, 1fr); I can ensure that a minimum width of 20px is maintained and that otherwise the available space is fully utilized: #gantt-container { display: grid; }.gantt-row-resource Large preview ).

Code 139

Code Servers Development Availability 139

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. But this “look” is now available in browsers. Based on VueJS, the toolset has many ready-for-use blocks.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

JANUARY 7, 2022

Especially if your technology stack has just been hacked and set up for ransom. Your pit crew should be available for quick, pointed input. You’re building cases (work bundles) for areas of improvement that can be split up or batched together depending on availability. You’ll need to pull over, stop the car, and get it fixed.

Design 92

Design Logistics Strategy Benchmarking 92

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

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 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

NOVEMBER 5, 2021

However, with limited resources including time, money, and available labor, decisions need to be made: Should the enrollment be mobile friendly? 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.

Design 98

Design Testing Education Processing 98

Smashing Magazine

OCTOBER 4, 2021

We’ll use auto-fit so that items can fit into the available space, but restrict themselves from shrinking under a certain width. Further Reading on Smashing Magazine. This may be considered as progressive enhancement since the expanding effect wouldn’t work without JavaScript anyway. To define the grid layout, we could use CSS Grid.

Media 117

Media Design Code Internet 117

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. A few other options are available for an Express app. framework and TypeScript.

Cache 109

Cache Servers Code Storage 109

Smashing Magazine

AUGUST 23, 2019

Pre-compiled builds for Windows and Linux are available here: [link]. Much more important is the fact that the preview images are available immediately and there is no noticeable delay for the user when building the page. To transform our initial JPEG into a progressive JPEG, we use jpegtran from the mozjpeg project.

Network 103

Network Servers Programming Code 103

Smashing Magazine

JUNE 28, 2021

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. You just plug the theme provider in there and Chakra does the rest of the work and it just becomes available everywhere. Some of these are actually available.

Website 62

Website Design Open Source Software 62

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. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Online, and live.

Strategy 140

Strategy Virtualization Government Education 140

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. But where do they preview the content before it is made available to the general public?

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 19, 2021

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. Available Solutions For Visual Testing. Trophy including End to End, Integration, Unit, and Static ( Large preview ).

Testing 141

Testing Code Design Strategy 141

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 94

Design Media C++ Energy 94

Smashing Magazine

OCTOBER 12, 2021

This new technology may cause some to rethink how entire design and engineering teams collaborate and work through use cases and building components. So, you may be wondering, how does UXPin Merge’s technology help with this over-the-top process we all employ today? Out With The Old Process. In With The New Process.

Design 109

Design Development Processing Testing 109

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 127

Google Performance Website Mobile 127