Smashing Magazine

MAY 25, 2022

Memory and performance management are important aspects of software development and ones that every software developer should pay attention to. The output of the code above would be the following: WeakMap {{…} => 'done'} man = null; console.log(human). Understanding Weak Reference In JavaScript. Frank Joseph.

Cache 119

Cache Programming Storage Code 119

Smashing Magazine

SEPTEMBER 21, 2021

Once upon a time, in the magical land of Software development, there was a young developer, your humble servant, discovering Linux for the first time. With Vim, I can code in any language I want while staying in the same editor. Further Reading on Smashing Magazine. “ How To Build Your Own Mouseless Development Environment.

Development 101

Development Energy Programming Efficiency 101

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 114

Serverless Cloud Website Servers 114

Testsigma

JULY 22, 2021

It is probably one of the most challenging roles of a software team with a broad mix of multiple responsibilities and involves being a customer advocate right from the start. I’m presented with systems, software, people, problems and much more and I’ve to learn about them. Jokes apart, Testing is never an easy job! Bas Dijkstra.

Software 97

Software Software Testing Energy 97

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. Developing software is becoming easier as frameworks like React, Vue, or Angular become the go-to solution for creating even the simplest applications. How will you serve blazingly fast code, then?

Cache 127

Cache Performance Servers Social Media 127

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 94

Storage Mobile Website Java 94

Smashing Magazine

AUGUST 20, 2021

However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. The benefit of doing this is the entire site’s source code can live in Git. Smashing Magazine powered by Netlify.

Ecommerce 140

Ecommerce Website Government Internet 140

Smashing Magazine

JULY 22, 2021

In my records for the entire day, I put one color code for my work hours and will have a separate diagram specifically to break up my work hours. With tools like Trafft that have meeting scheduling software capabilities, we can easily set up our calendars to allow clients to book time with you directly. Large preview ).

Games 128

Games Availability Software Software 128

Smashing Magazine

OCTOBER 27, 2021

Nowadays, hardware and software are designed to conduct eye-tracking studies for marketing , UX , psychological and medical research , gaming , and several other use cases. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. More after jump!

Mobile 114

Mobile Website Hardware Social Media 114

Smashing Magazine

JUNE 28, 2021

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. They just have to copy and pastable Chakra code. Is that born out in the code itself? Show Notes. aj Dobrucki.

Website 63

Website Design Open Source Software 63

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 128

Design Social Media Website Best Practices 128

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 136

Testing Website Code Efficiency 136

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. Boring Avatars And Absurd Illustrations.

Open Source 144

Open Source Design Availability Website 144

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 104

Design Media Testing Entertainment 104

Smashing Magazine

OCTOBER 15, 2021

In 2021, it’s not just advisable, but compulsory to invest in customer experience as with high-quality software development available literally anywhere and at different costs, successful interaction with your customer is the real game-changer.

Design 114

Design Website Efficiency Games 114

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. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it.

Website 116

Website Code Retail Best Practices 116

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 52

Azure Website Code Systems 52

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. Trying multiple different navigation ideas on paper sketches is much faster than creating full mockups or coding it all up. Further Reading On Smashing Magazine. Tracy Osborn.

Design 126

Design Website Open Source Mobile 126

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

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

SEPTEMBER 24, 2021

The code you write visualizes instantly in your browser and productivity goes through the sky. This is also a risk because you can easily get too focused on productivity and neglect the maintainability of your code. The smallest changes in your code can lead to a drop in performance and other Core Web Vitals. Use TypeScript.

Website 115

Website Code Servers Analytics 115

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 117

Design Media C++ Technology 117

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 114

Database Code Mobile Google 114

Smashing Magazine

DECEMBER 27, 2021

In addition to themes, we will also need a demo workspace from which we will try out our code. Let’s take a look at the code responsible for the creation of individual posts. You can find the complete code in this GitHub repository. Let’s look again at the code above. const defaultFonts =.

Website 129

Website Open Source Code Availability 129

Smashing Magazine

NOVEMBER 22, 2021

And once the teams started working off of the knowledge, it meant organizing performance-focused design and code reviews, training and education, plus providing tools and assets to support these ongoing efforts. In addition, this significantly reduced the amount of JavaScript code that needs to be downloaded by the browser.

Website 128

Website Performance Google Media 128

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. All functionality and integrations would also have a tight dependency which in turn results in a large, cumbersome monolithic code base. Comprehensive documentation and code samples are also a must. GraphQL support.

Cache 143

Cache Website Mobile Google 143

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

SEPTEMBER 3, 2019

Automation improves the quality of our work, since we can avoid having to manually execute mind-numbing tasks again and again, which will enable us to use all our time for coding, and reassures us that the deployment will not fail due to human errors (such as overriding the wrong folder as in the old FTP days). Large preview ).

Website 83

Website Serverless AWS Lambda 83

Smashing Magazine

FEBRUARY 24, 2022

Facing this code, one would (rightfully) say it does not perform well. It’s not fast code to run, and it could be optimized with different kinds of loops, or perform those tasks in a single loop. Another important thing is that it has the potential to block the rendering of a web page.

Benchmarking 119

Benchmarking Metrics Best Practices Monitoring 119

Smashing Magazine

OCTOBER 12, 2021

How do we know the code is the same UI? The best part is that libraries can be imported directly from your code repository such as GitHub, Bitbucket, GitLab, (works only for React components), or even from Storybook. Designing With Code. You finally finish a large complex component and deliver it to the developers. In Closing.

Design 112

Design Development Testing Processing 112

Smashing Magazine

JULY 9, 2021

When maintenance is needed, it won’t take the team as long to maintain the code because of accessibility and clean code.”. Design systems should be used not only to ensure branding and consistency, but accessibility, inclusivity, and understanding of code better.

Website 145

Website Mobile Design Testing 145

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 95

Servers Monitoring Cache Network 95

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. Linters are an ideal way to enforce coding standards on your team. CD automates the release of code. Automating Documentation From a High Level.

Development 120

Development Benchmarking Code Engineering 120

Smashing Magazine

MAY 17, 2021

I founded Instant Domain Search in 2005 and kept it as a side-hustle while I worked on a Y Combinator company (Snipshot, W06), before working as a software engineer at Facebook. When paired with VS Code the development experience is amazing. We still have a lot of work to do! Large preview ). It wasn’t enough. Large preview ).

Google 95

Google Analytics Serverless Metrics 95

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

OCTOBER 2, 2023

Large preview ) For context, I am currently working at a software development company called Q Agency based in Zagreb, Croatia. Even unintentionally, our code can, at best, adversely impact a user’s ability to access certain content and, at worst, make it completely impossible to navigate a site with assistive technology.

Cache 73

Cache Strategy Best Practices Design 73

Smashing Magazine

DECEMBER 17, 2021

Delivering a solution to users through software as a service (Saas) often entails making use of cloud providers to host and deliver your entire infrastructure, usually comprising a back end and a front-end client. Using your code editor, open the index.js Add the code block below to the index.js Introduction. require("dotenv").config();

Azure 98

Azure Serverless Code Testing 98

Smashing Magazine

JULY 2, 2021

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. Check Bcc and Cc to not reveal any email addresses.

Testing 110

Testing Servers Social Media Automotive 110