Smashing Magazine

SEPTEMBER 3, 2019

Automating Website Deployments Through Buddy. Automating Website Deployments Through Buddy. Managing the deployment of a website used to be easy: It simply involved uploading files to the server through FTP and you were pretty much done. Leonardo Losoviz. 2019-09-03T12:30:00+02:00. 2019-09-03T11:35:16+00:00.

Website 82

Website Serverless AWS Lambda 82

Smashing Magazine

AUGUST 4, 2021

With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Expanded Child From console.log(children). { $$typeof: Symbol(react.element), key: null, props: { href: "[link] children: "Smashing Magazine", style: {padding: "0 10px"} }, ref: null, type: "a", // … other properties }.

Open Source 138

Open Source C++ Google Website 138

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

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

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. Visit website 2. Visit website 3. Visit website 4. Visit website 5.

Development 75

Development Website Design Code 75

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. In the second stage, I weighed edX’s website against the 10 usability heuristics identified by Jacob Nielsen. Part 2 : Audit for 10 usability heuristics.

Education 83

Education Website Google Design 83

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. I like to use progressive enhancement to provide a basic website, even without JavaScript where possible.

Media 125

Media Metrics Website Google 125

Smashing Magazine

NOVEMBER 22, 2021

Improving The Performance Of Wix Websites (Case Study). Improving The Performance Of Wix Websites (Case Study). Since implementing these changes, we have seen a dramatic improvement in the performance of websites built and hosted on our platform. Source: HTTP Archive's Core Web Vitals Technology Report. Dan Shappir.

Website 126

Website Performance Google Media 126

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Since then, technology has evolved, and what started with naked-eye observations has become a sophisticated and accurate technology to measure eye movements.

Mobile 111

Mobile Website Hardware Social Media 111

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.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

AUGUST 25, 2022

Adding video to your website immediately adds value, but also a new level of complexity to your web development. The great thing today is that you can use the same technologies used by Netflix or Hulu to deliver your videos. It almost sounds like magic, but let’s look at the technology and how it works. Doug Sillars.

Media 106

Media Speed Network Analytics 106

Smashing Magazine

MAY 9, 2022

Similarly from cross-site navigation — think Google search results or the like and then clicking back. Ensuring your website caches most of its assets for future uses has long been touted as essential for web performance. All those navigations can benefit from the Back/Forward Cache to instantly restore the page. More after jump!

Cache 91

Cache Games Performance Website 91

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. +. Chapter 9 describes ways we can consider likely problems when planning the design of our apps and websites.

Mobile 87

Mobile Design Best Practices Website 87

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

JANUARY 11, 2021

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the project until the final release of the website — what would that look like? Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JULY 29, 2019

I wanted to simulate a slow connection like those experienced by users in Uzbekistan, to see what kind of experience websites would give me. I installed ModHeader and set the ‘Save-Data’ header to let websites know I want to minimise my data usage. Google Homepage — DOM. Google Dev Docs. Large preview ).

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. 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. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

MAY 6, 2019

Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content. Your website will gradually benefit from it as support arrives to your users in most modern browsers.

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JANUARY 6, 2020

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Adjust the argument depending on the group of stakeholders you are speaking to. Image source ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Goal: Be at least 20% faster than your fastest competitor. Image source ).

Performance 103

Performance Cache Metrics Network 103

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. When counted as computers, as they commonly are, they make up 10–20% of all PCs sold &mdahs; and this figure is rising rapidly.

Mobile 103

Mobile Design Internet Internet 103

Smashing Magazine

NOVEMBER 2, 2021

However, at the end of 2020, about 1% of websites included a Service Worker, and 2.2% 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. What Does This Mean?

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

NOVEMBER 5, 2018

It has been brought to our attention that this piece is a reworded version of an article published on the Google Web Fundamentals site, written by our friend Jeremy Wagner. There are websites already doing this: Twitter converts animated GIFs to MP4 files on upload. Imgur, a GIF heavy website, converts all GIF uploads to HTML5 video.

Performance 59

Performance Website C++ Open Source 59

Smashing Magazine

JUNE 28, 2021

Mike’s personal website. Actually, I was just checking the Cut Into The Jamstack website today, and the accessibility score is very high. I’ve done static websites. Drew: I guess there’s always a trade-off, isn’t there with technology choices? In this episode, we’re talking about Chakra UI. Show Notes. Mike on Twitter.

Website 62

Website Design Open Source Software 62

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. When it comes to a Traditional CMS, the CMS and the resulting front-end website are built on a monolithic architecture. there was a separate subdomain for a mobile website). Infrastructure Integration.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 9, 2021

These are just a couple of examples of what disabled users face daily when they try and access a website that is inaccessible. Practicing accessibility in your workflows and methodologies ensures people — disabled or not — that they can access your product, your website, and your brands. See large preview ).

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 20, 2021

WordPress is the most used website builder in the world; almost half of the web has used WordPress to create their website. It makes sense, because it allows you to quickly create websites and has a rich plugin’s ecosystem to help you scale your site. Meanwhile, the front-end only interacts with the REST API via an HTTP client.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

DECEMBER 22, 2021

Created by Jon Yablonski, this lovely website explains 21 psychological principles that designers can consider to create more human-centered products and experiences. Accessibility goes far beyond the code, so when it comes to delivering accessible websites, each person in a team has their specific responsibilities.

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

OCTOBER 23, 2021

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”. Firebase is application development software from Google that enables us to develop iOS, Android, and web apps. Let’s also disable Google Analytics because ours is a mini-app.

Database 111

Database Code Mobile Google 111

Smashing Magazine

NOVEMBER 30, 2021

Improving The Performance Of Wix Websites written by Dan Shappir. Adding A Dyslexia-Friendly Mode To A Website written by John C Barstow. 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. Chris on Twitter. The Vanilla JavaScript Podcast.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

NOVEMBER 4, 2021

One’s called Haunted, may have heard of that, some people might have, Matthew: and Fred, who’s the owner of Skypack, who started Skypack and worked on the Snowpack project, I knew him because he worked for Google on the Polymer project, which is a web component project. I think Jason Miller of Google came up with this terminology.

Media 87

Media Website Architecture Servers 87

Smashing Magazine

OCTOBER 19, 2021

Powered E-Commerce Website written by Arijit Mondal. 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. Solving CLS Issues In A Next.js-Powered Transcript.

DevOps 83

DevOps Metrics Systems Design 83

Smashing Magazine

AUGUST 9, 2021

We know she’s an expert on designing technology to protect the vulnerable, but did you know she’s the international record holder for the most doughnuts performed in a forklift truck? Theinclusivesafetyproject.com is the website I have to house all of this information. My smashing friends, please welcome, Eva PenzeyMoog. Eva: Yeah.

Design 98

Design Education Network Google 98

Smashing Magazine

SEPTEMBER 6, 2021

mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). Google Chrome (version 91+) : Enabled by default. Will be enabled by default in version 15, which is currently in technology preview. Even if a server supports HTTP/3, however, clients (and website owners!)

Network 104

Network Servers Cache Traffic 104