Smashing Magazine

MARCH 2, 2020

Music magazines were popular too. Even twenty-five years after he created them, Brody’s pages from The Face magazine are still remarkable designs. Inspired Design Decisions: Avaunt Magazine. Music magazines from 1980 including The Face (far right). Local screen-printing workshops offered affordable flyers and posters.

Design 101

Design Media Testing Entertainment 101

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. They used eye-tracking to measure visual attention on banners, animated graphics, and navigational tools in websites. Eye-Tracking Evolution. More after jump!

Mobile 111

Mobile Website Hardware Social Media 111

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! Jump to table of contents ?.

Serverless 111

Serverless Cloud Website Servers 111

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. Dan Shappir. 2021-11-22T10:30:00+00:00. 2021-11-22T11:06:56+00:00.

Website 126

Website Performance Google Media 126

Smashing Magazine

NOVEMBER 17, 2021

This code gives our element a red background color: my-element { background-color: #ff0000; }. When building a website we might be given a hex color value by a designer, but if they asked us to make it, say 20% darker, we would have a hard time doing that by adjusting the hex value, without a visual guide or color picker.

Energy 144

Energy Design Website Hardware 144

Smashing Magazine

SEPTEMBER 28, 2022

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. How will you serve blazingly fast code, then? More after jump!

Performance 125

Performance Cache Servers Social Media 125

Smashing Magazine

JUNE 20, 2019

As of writing, they have been viewed over 29 trillion times across the web and it’s easy to understand why — the collection gives you access to over 900 beautiful fonts you can use on your website for free. The code snippet we worked with above makes a call to Google’s servers ( fonts.googleapis.com ), that’s called an HTTP request.

Google 111

Google Performance Cache Website 111

KeyCDN

JANUARY 16, 2019

The exponential proliferation of connected devices with varying software and technical capabilities has made it more and more difficult to cater web content to every single user. If you’re not careful, you could end up with some sloppy, bloated code. This method works fine, but that’s a lot of code for one image.

Servers 67

Servers Google Website Energy 67

Smashing Magazine

MAY 16, 2022

Examples of non-timing information you could send: HTTP Response status code, regions, request ids, etc. All of the web performance monitoring software we work with provide RUM clients that put additional layers of monkey patching on the page to maintain direct access to a request being made or the response coming back.

Servers 92

Servers Monitoring Cache Network 92

Smashing Magazine

SEPTEMBER 24, 2021

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). 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 113

Website Code Servers Analytics 113

Smashing Magazine

JUNE 18, 2020

More specifically, we’re going to talk about storage and UI differences, which are the ones that most often cause confusion to developers when writing Flutter code that they want to be cross-platform. Running Different Code On Different Platforms. In this article, we’re going to see some of those differences and how to overcome them.

Storage 93

Storage Mobile Website Java 93

Smashing Magazine

OCTOBER 15, 2021

It may seem enchanting how well-designed apps or websites can boost your sales, but it takes far more than a handful of fairy dust to make users enjoy their interactions. That happens when your app/website/system is efficient. And vice versa. And memorable. And easy to understand. And reliable. And carefully arranged. And elaborate.

Design 113

Design Website Efficiency Games 113

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? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions: Avaunt Magazine. U&lc (Uppercase and lowercase) magazine by Herb Lubalin. Fact magazine by Herb Lubalin. Popular graphic software like Adobe Illustrator, Affinity Designer, and Sketch export files bloated by unoptimised elements and unnecessary metadata. Read More From The Series.

Design 116

Design Media C++ Technology 116

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. 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. Mike Neumegen. released 1998.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JUNE 28, 2021

Mike’s personal website. Designing With Code: A Modern Approach To Design. Drew McLellan: He’s a Senior Software Engineer for an agency called Echobind. He’s been writing code for two decades, and using JavaScript the whole time. I’ve done static websites. They just have to copy and pastable Chakra code.

Website 62

Website Design Open Source Software 62

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? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are?

Performance 103

Performance Cache Metrics Network 103

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

SEPTEMBER 27, 2021

Software development without automated testing is hard to imagine today. Makes sense — with these measures, we can ensure that our application is working correctly and that no future changes will break our code. All right, I think we can find our way around Cypress now, whether the test runner or the source code.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

JUNE 10, 2022

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Also, these angles are common in VR (virtual reality) software and products. For example, the academic journal Visible Language has all journals available for free on their website. More after jump!

Performance 94

Performance Design Speed Testing 94

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). Alternatively, you can download the SVG to use it on the web, in graphics software, and even Microsoft Office products. No more boring business websites!

Open Source 143

Open Source Design Availability Website 143

Smashing Magazine

JUNE 25, 2020

Django websites involve a lot of files. It’s not just source code for the configuration, models, views, and templates, but also static assets: CSS and JavaScript, images, icons. As if that wasn’t enough already, sometimes users come along and want to upload their own files to your website. Philip Kiely. Static Files.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

DECEMBER 27, 2021

Building Gatsby Themes For WordPress-Powered Websites. Building Gatsby Themes For WordPress-Powered Websites. With Gatsby, you can pull data from (almost) anywhere and use it to generate static or dynamic websites. In addition to themes, we will also need a demo workspace from which we will try out our code.

Website 127

Website Open Source Code Availability 127

Smashing Magazine

OCTOBER 28, 2021

Maybe you’re launching some software and need to know how to price it. Web scraping is the practice of extracting large amounts of web data through the use of software. As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Not all websites are the same.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

JANUARY 5, 2022

With entrance into the industry being so easy and lack of proper benchmarking (Note: this is somewhat contradictory to point 2, but more on that later) around what makes a good designer, software engineer, or product manager, we’re forced to face the facts that it’s a recipe for poor quality products. Alright, enough doom and gloom.

Design 126

Design Social Media Website Best Practices 126

Smashing Magazine

NOVEMBER 5, 2019

Here is an example of a simplified CSV import solution for a CRM from Flatfile (you can ignore the code on the left-hand side for now): A demonstration of how Flatfile helps developers simplify and clarify CSV import for users. In addition, the manual option lets users preview what sort of data can be imported into the productivity software.

Azure 51

Azure Website Code Systems 51

Smashing Magazine

OCTOBER 26, 2018

However, being an easy-to-use inclusive and versatile piece of software, WordPress comes with a plethora of options that are not necessarily utilized in each and every project. As a result, website performance can suffer. Recommended reading : How To Use Heatmaps To Track Clicks On Your WordPress Website. on December 6th, 2016.

Cache 78

Cache Website Speed Database 78

Smashing Magazine

SEPTEMBER 14, 2021

It can be tempting to start with a computer-based tool, e.g. wireframing software like Balsamiq , or design tools like Photoshop or Figma. A good way to start practicing this kind of sketching technique is to take an existing website and reverse engineer the sketch. Commerce Cream , for e-commerce website design inspiration.

Design 124

Design Website Open Source Mobile 124

Smashing Magazine

JULY 16, 2021

Just like visually-abled users don’t read every word on a page but scan for interesting things, blind screen reader users don’t make their software read each and every word. website : 1 — Welcome to GOV.UK Let’s progress from theoretical considerations into hands-on code. 2 — Popular on GOV.UK

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

Website 145

Website Mobile Design Testing 145

Smashing Magazine

NOVEMBER 24, 2021

A Showcase Of Lovely Little Websites. A Showcase Of Lovely Little Websites. Oh, and if you’ve come across a website that you feel is too good to keep to yourself, please don’t hesitate to share it in the comments below. Cosima Mielke. 2021-11-24T12:00:00+00:00. 2021-11-24T15:04:37+00:00. We hope you’ll enjoy them.

Website 121

Website Design Games Open Source 121

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 111

Database Code Mobile Google 111

Smashing Magazine

JULY 2, 2021

A mistake could be made when you work with several projects/websites. Here are two important aspects: Test whether your code works and sends emails in the right way. Just a couple of years ago one online media for software developers sent a digest to its subscribers by listing them in a Cc field. Test your sending script.

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

AUGUST 24, 2021

Documentation often lives outside of the main code base , and it is cumbersome to find and update. It means adopting common software development practices. Microsoft has a whole website that serves as a comprehensive guide, covering everything from acronyms to bias-free communication to chatbots. Once a week.

Development 119

Development Benchmarking Code Engineering 119

Smashing Magazine

AUGUST 12, 2021

You can choose from a huge library of palettes or search for a specific color code, name or number to apply to your design. Alternatively, there is also an HTML Generator that supports Google Fonts, has dedicated export options and generates HTML, CSS, image assets and SCSS code and Figma To HTML. Large preview ). More after jump!

Google 145

Google Design Code Mobile 145

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. Chris on Twitter. The Vanilla JavaScript Podcast. Weekly Update. Wildcard Subdomains written by Sam Poder. How To Maintain A Large Next.js Application written by Nirmalya Ghosh. It just works.

Technology 94

Technology Technology Servers Code 94