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. CSSWizardy CSSWizardy is a good place to learn about scalable CSS practices and robust coding in general.

Development 75

Development Website Design Code 75

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 21, 2021

Today, it’s heartening to see the likes of Wix adding more code-heavy options to their repertoire. From no- and low-code platforms like Wix and Weebly to techier visual tools like, well, Velo, they’re what we use when we want or need to quickly build sites and web apps — without coding everything from scratch.

Development 100

Development Website Media Open Source 100

Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Check out her writing about business and technology on her own site at rachelandrew.co.uk , and follow her on Twitter @ rachelandrew , where she tweets about CSS, tech topics, and much more. Rachel Andrew. Jake Archibald. Jake Archibald.

Performance 89

Performance Education Google Website 89

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

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. Makes sense — with these measures, we can ensure that our application is working correctly and that no future changes will break our code.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

OCTOBER 4, 2021

Finally, let’s add a paragraph with helpful text on how to use the gallery, and wrap the whole code in a landmark (in this case, the main element). <main> We could do it by checking the code of the pressed key. Fortunately, accessibility experts like Todd Libby helped me test the demo on different devices and correct the code.

Media 118

Media Design Code Internet 118

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

Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Online, and live. Jump to the workshop ?. I’m the live region.

Strategy 141

Strategy Virtualization Government Education 141

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 92

Design Media Development Energy 92

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. Comprehensive documentation and code samples are also a must. Enterprise features.

Cache 143

Cache Website Mobile Google 143

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 77

Design Media Website Speed 77

Smashing Magazine

JUNE 2, 2021

The width and height technique above, to calculate the height for responsive images, can be generalized to other elements using the new CSS aspect-ratio property, which is now supported by Chromium-based browsers and Firefox , but is also in Safari Technology Preview so hopefully that means it will be coming to the stable version soon.

Media 125

Media Metrics Website Google 125

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. Although, jQuery is a library that contains a lot of code and features that are not needed anymore. impose on us, and that is ok.

Serverless 111

Serverless Code Website Servers 111

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. On some article pages, the graph looked differently.

Performance 145

Performance Cache Mobile Network 145

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

JULY 19, 2021

Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. They’re all testing the code. add-to-cart').click();

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

FEBRUARY 3, 2022

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Don’t forget to include alt text, so that users of assistive technologies can access the content of the image. With that in mind, let’s look at some of the ways we can reduce their impact. More after jump!

Social Media 102

Social Media Media Website Airlines 102

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. You can see the complete list of reasons for the Chrome source code , with a bit more explanation in this sheet.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

OCTOBER 12, 2021

How do we know the code is the same UI? 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? Managing Libraries.

Design 110

Design Development Testing Processing 110

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 106

Media Cache Website Mobile 106

Smashing Magazine

MAY 12, 2022

This includes analyzing which technologies a webpage uses, including which JavaScript frameworks, using the Wappalyzer service. However, the easiest way to gain insights from this data is to use the Core Web Vitals Technology Report created by Rick Viscomi. Well, that’s a very interesting mystery that I will try to solve.

Google 128

Google Performance Website Mobile 128

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

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

Tim Kadlec

DECEMBER 17, 2013

edition of the Performance Calendar : Bad performance online is not a technological problem; it’s a cultural one. Tools are increasing in number and improving in quality. Posts and books are written explaining the tricks and techniques to use to make your site weigh less, load faster and scroll more smoothly.

Performance 40

Performance Technology Technology Code 40

Smashing Magazine

SEPTEMBER 24, 2021

Over those years, we have seen the technology stack evolve from server-rendered pages with some minor JavaScript and CSS to full-blown JavaScript applications. The code you write visualizes instantly in your browser and productivity goes through the sky. Lint And Format Your Code. Jonne Kats. 2021-09-24T10:00:00+00:00.

Website 114

Website Code Servers Analytics 114

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

Efficiency 107

Efficiency Code Strategy Network 107

Smashing Magazine

JULY 28, 2021

We will use modern JavaScript for sake of simplicity (such as classes and arrow functions), but keep in mind that this code might not work in legacy browsers. Mark it as a dialog for assistive technologies ( role="dialog" ). show() { this.previouslyFocused = document.activeElement // … rest of the code this.moveFocusIn() }.

Code 140

Code Design Technology Technology 140

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 94

Technology Technology Servers Code 94

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. This is a straightforward flexbox playground that also generates the code for you. “code golf”). Image source: Flexy Boxes ).

Development 145

Development Games Education Programming 145

Smashing Magazine

DECEMBER 17, 2021

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Digital HMI just recently became a mass-market technology. Further Reading On Smashing Magazine. Continue reading below ↓ Meet “TypeScript in 50 Lessons” , our shiny new guide to TypeScript.

Design 107

Design Entertainment Mobile Automotive 107

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 82

Website Serverless AWS Lambda 82

Smashing Magazine

JUNE 26, 2019

Clean coding practices. population alone uses ad-blocking technology on their devices, so they’re not likely to see your on-page ads anyway. Statista data on the usage of ad-blocking technology in the U.S. If you want to see an example of this in action, you can look at pretty much any leading digital magazine or news site.

Website 110

Website Speed Mobile Design 110

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 142

Website Architecture Technology Technology 142

Smashing Magazine

JULY 28, 2020

In issue 8, I explained how to help people who use assistive technology using adding ARIA to SVGs. While the arrangement of these layout might look unstructured, the code I need to develop it certainly isn’t. Inspired Design Decisions: Avaunt Magazine. Large preview ). Large preview ). Large preview ). ra, yk, il).

Design 98

Design Media C++ Availability 98

Smashing Magazine

OCTOBER 19, 2021

You’ve probably heard about Serverless Functions, but if you haven’t, Serverless Functions provide functionality typically associated with server-side technologies that can be implemented alongside front-end code without getting caught up in server-side infrastructures. Push Code To Git. More after jump! Getting Started.

Serverless 112

Serverless Cloud Website Servers 112

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