Smashing Magazine

SEPTEMBER 23, 2021

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. That means no extra code styling is required to ensure our checkboxes are as accessible as they can be. On design systems, CSS/JS and UX. Alternatives.

Media 133

Media Design Code Development 133

Smashing Magazine

AUGUST 3, 2021

This premise, known as graceful degradation allows a system to continue working when parts of it are dysfunctional — much like an electric bike becomes a regular bike when its battery dies. Often system failures are chalked up as “corner cases” — things that rarely happen, however, the web has many corners.

Network 145

Network Engineering Availability Monitoring 145

Strategic Tech

MARCH 16, 2021

I believe that attitude towards the design of code and architecture is one of them. In my experience, the culture is better and the results are better in orgs where engineers and architects obsess over the design of code and architecture. Visualisation techniques like EventStorming can also be used to design code.

Software Engineering 80

Software Engineering Design Engineering Software 80

Smashing Magazine

SEPTEMBER 15, 2021

When front-end developers hear “pseudo-elements”, we think of ::before and ::after more often than not, as we use them in various ways to add decorations to our elements. Interestingly, after years of web development, I never found myself using ::first-line , but it’s pretty neat and responds well to window resizing! Check it out.

Internet 135

Internet Internet Google Design 135

Adrian Cockcroft

JANUARY 29, 2023

There is no way to model how much more traffic you can send to that system before it exceeds it’s SLA. This is unfortunate, because we’d really like to be able to build systems that have an SLA that we can share with the consumers of our interfaces, and be able to measure how well we are doing.

Lambda 98

Lambda Latency Cache C++ 98

All Things Distributed

FEBRUARY 3, 2017

From Dynamo and Postgress, to HBase and Bitcoin, Bloom Filters are used in almost all modern distributed systems. This weekend I will be reading the original paper by Bloom from 1970, and another more recent survey paper that describes several variants and applications that have been developed over the years. Sanders, P.; Singler, J.,

Cache 110

Cache Efficiency Code Testing 110

Smashing Magazine

AUGUST 18, 2021

At first glance, developing your own chart component seems quite complicated. Therefore, in this article, I will develop the foundation for a Gantt chart component whose appearance and functionality you can customize for any use case. Sample Files And Instructions For Running The Code. On design systems, CSS/JS and UX.

Code 139

Code Servers Development Availability 139

Smashing Magazine

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. Consequently, we as developers have 1000ms/60 = 16.6ms to produce each frame, which is also called the “frame budget”.

Games 145

Games Architecture Code C++ 145

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?

Performance 125

Performance Cache Servers Social Media 125

Smashing Magazine

OCTOBER 12, 2021

In this article, we’ll go over a few useful React APIs that are not as commonly known but extremely useful for web developers. Most developers may never have heard of cloneElement or ever used it. So our developer would make our component like so. On design systems, CSS/JS and UX. Jump to online workshops ?.

Design 97

Design Code C++ Development 97

Smashing Magazine

OCTOBER 18, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Large preview ).

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

JULY 1, 2021

Well, it’s simply an apt allegory when it comes to dealing with tests in a code base. These traps might feel like an unexpected ambush when you’re working on a code base, especially when doing so for a long time. They test units of code together, looking at their interaction. Integration tests have a broader scope.

Testing 120

Testing Best Practices Code Design 120

Tasktop

JULY 1, 2021

DORA Metrics: Gold Standard for Releasing Code. DORA metrics are a key set of acceleration metrics for software delivery, helping you to streamline and automate activities from development to deployment: Deployment Frequency —How often an organization successfully releases to production. insurance company.

Metrics 59

Metrics DevOps Efficiency Software 59

O'Reilly

JANUARY 13, 2020

.” Carol Willing , a member of the Python Steering Council and a core developer of CPython, also celebrates these projects—like the Binder service, which promotes reproducible research by creating an executable environment from your Jupyter Notebooks—particularly as they expand beyond their initial aims.

Programming 130

Programming Java Google C++ 130

Smashing Magazine

NOVEMBER 19, 2021

For example, later in this article, we’ll be developing a web toy that flips a webpage upside down making it readable for Australians. Unfortunately, there aren’t any special systems to provide custom statically generated pages for different wildcard subdomains like you may with dynamic routing for example (where you have [slug].js

Servers 83

Servers Website Code Best Practices 83

Tasktop

OCTOBER 22, 2020

While these metrics are key in measuring flow in a specific area of the value stream (such as measuring lead time between code commit and deploy), they do not reflect the reality of how long it really takes to deliver business value from ideation to operation. Edwards Deming, to improve the system you need to get outside the system.

Energy 52

Energy Metrics Government Software 52

Smashing Magazine

NOVEMBER 17, 2021

Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect from our colors in the not-too-distant future. This code gives our element a red background color: my-element { background-color: #ff0000; }. As a developer, these are far more intuitive when it comes to adjusting color values.

Energy 144

Energy Design Website Hardware 144

ACM Sigarch

APRIL 26, 2018

The new DGX-2, which achieves 2 petaFLOPS in the system, combines 16 fully interconnected GPUS with 10x the deep learning performance. Movidius, which was acquired by Intel in 2016, develops its VPU-series named Myriad which makes hardware optimization for computer vision tasks. The new GV100 packs 7.4 TFLOPS FP-64, 14.8

Hardware 99

Hardware Artificial Intelligence Architecture Google 99

Smashing Magazine

DECEMBER 23, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. The crux of this project was to create a tool that makes this process simpler for developers.

Best Practices 108

Best Practices AWS Processing Design 108

Smashing Magazine

AUGUST 11, 2021

Once our app is set up, we can change our directory to our new project directory and open it in your favorite code editor. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX.

Code 111

Code Storage Best Practices Design 111

The Agile Manager

AUGUST 31, 2021

If we accept the fact that Agile is a value system and not a set of mechanical processes, it stands to reason that there must be something different about the norms and behaviors of Agile managers vis-a-vis traditional managers. First and foremost, as Paul Hammant is fond of saying, there are no passengers in an Agile team.

Metrics 52

Metrics Design Engineering C++ 52

Adrian Cockcroft

JUNE 21, 2022

Photo by Adrian I spent six years at Cambridge Consultants, building some interesting systems, managing our Sun workstations and learning a lot, but by then Sun had opened a sales office across the street, and I wanted to find out what they were going to release next, before everyone else.

Tuning 52

Tuning Benchmarking Engineering C++ 52

Smashing Magazine

OCTOBER 15, 2021

That happens when your app/website/system is efficient. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. And vice versa. And memorable.

Design 113

Design Website Efficiency Games 113

Smashing Magazine

SEPTEMBER 8, 2021

Developer Decisions For Building Flexible Components. Developer Decisions For Building Flexible Components. In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.

Development 139

Development Media Design Mobile 139

Smashing Magazine

JULY 8, 2021

Development Process. Development Process. Note: This article is aimed at both beginners and seasoned developers who want to better their Vue.js development. This method of modularization allows for efficient program development and easy debugging and modification in our application. Uma Victor. Organizing Modules.

Speed 132

Speed Processing Development Code 132

Tasktop

MARCH 11, 2020

Throughout my career, the software development innovations that I admired most have provided both a new set of ideas as well as a tool-based solution to accelerate the value of applying those ideas to practice. He sensed that there were flow issues for developers, likely caused by overly taxed VPNs and other infrastructure challenges.

Innovation 52

Innovation Metrics DevOps Government 52

Smashing Magazine

OCTOBER 1, 2021

To follow along with this tutorial, you’ll need to have the following installed: Node , A text editor, I recommend VS Code with the Vetur extension (for Vue.js syntax features in VS Code), A terminal, you can use VS Code’s integrated terminal or any other of your choice. On design systems, CSS/JS and UX. Prerequisites.

Media 122

Media Code Servers Performance 122

Smashing Magazine

NOVEMBER 29, 2021

It fits in with my whole stance on “ Playfulness in Code ” to learn. We won’t use grid-gap in the final demo, but, it’s good for seeing the cells easier whilst developing. On design systems, CSS/JS and UX. Jump to online workshops ?. Tap to flip for another image ?? ?? reactjs && @greensock ?? See the Pen [1.

Games 107

Games Website Performance Design 107

Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Rachel is also one of the people behind Perch , a PHP content management system (CMS). Rick is a software engineer on the Google Chrome team, “leading an effort to make the web just work for developers.” Jake Archibald.

Performance 89

Performance Education Google Website 89

The Symphonia

MARCH 14, 2018

The general goal of SAR is to make it easier to distribute, and consume, applications that have been developed using AWS Serverless products, like Lambda. A couple of great things about Serverless technologies is that applications using Serverless are incredibly quick to develop, and in low-usage scenarios cost very little or nothing to run.

Serverless 40

Serverless AWS Lambda Open Source 40

The Agile Manager

FEBRUARY 28, 2017

Tool 1: Dolly the Sheep Companies that are heavily rule-based - think insurance - eagerly moved their business rules into code. It was easy to move into code; it's just as easy to move it back into human-readable format. There are people behind the systems to which we're bound today. Why not put them back on the payroll?

Strategy 40

Strategy Java Code Systems 40

Strategic Tech

SEPTEMBER 18, 2021

One of the challenges I see regularly is inertia following domain discovery workshops. In companies with many teams and many millions of lines of code, including a lot of legacy, there are endless things that can be improved in the product, software, and organization. Why Thing Get Stuck After Discovery?

Strategy 97

Strategy Technology Technology Design 97

The Netflix TechBlog

FEBRUARY 13, 2020

Choosing 420 subsampling, over the original 444 format, halves the number of samples (counting across all 3 color planes) that need to be encoded while relying on the fact that the human visual system is more sensitive to luma than chroma. Brief overview of image coding formats The JPEG format was introduced in 1992 and is widely popular.

Code 212

Code Metrics Efficiency Open Source 212

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. JavaScript-based frameworks like React made the process of developing web applications streamlined and efficient, for better or worse. The answer lies in code-splitting. Jump to online workshops ?.

Code 89

Code Performance Network Website 89

Smashing Magazine

NOVEMBER 5, 2021

Concept testing at the beginning phase of product development allows users to share in the initial shaping of an idea to solve a problem. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. For developers who know enough JavaScript to be dangerous.

Design 98

Design Testing Education Processing 98

Smashing Magazine

AUGUST 2, 2021

In Part 1 , we’ve covered the side effects of low-quality CSS codebase on end-users, development teams, and management. The development team has analyzed and pinpointed the weaknesses in the CSS codebase and has set target goals for the refactor (file size, specificity, color definitions, and so on). On design systems, CSS/JS and UX.

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

OCTOBER 5, 2021

Lambda layers are a way to share code across API endpoints, reducing the amount of repeated code across the API project. Stretch this over weeks of development and you will see why we all need a solution to test Lambda functions locally. Debug Mode in Visual Studio Code ?? On design systems, CSS/JS and UX.

Lambda 117

Lambda Serverless Testing AWS 117