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 142

Development Media Design Mobile 142

Dynatrace

DECEMBER 14, 2021

This is great for organizations that want a simpler way to build a more secure and consistent development platform. With this critical information in one centralized interface, all teams within the software development lifecycle will be able to operate from a single source of truth so they can resolve issues faster and focus on innovations.

DevOps 246

DevOps Infrastructure Innovation Google 246

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 141

Speed Processing Development Code 141

Jos

APRIL 6, 2018

Componentization has marked a before and after in web development. We are explicit about our dependencies, so we know what code we need to run to run a specific component. We are explicit about our dependencies, so we know what code we need to run to run a specific component. < Footer />. </

Code 147

Code Performance Media Google 147

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 104

Code Performance Network Website 104

Jos

APRIL 5, 2018

Componentization has marked a before and after in web development. We are explicit about our dependencies, so we know what code we need to run to run a specific component. We are explicit about our dependencies, so we know what code we need to run to run a specific component. Code coverage tab on Google Chrome ( source ).

Code 130

Code Performance Google Media 130

Dynatrace

MAY 9, 2022

Define the strategy, assess the environment, and perform migration-readiness assessments and workshops. Modernize the application, containerize the application, and refactor the code. Developers can break down an application into containers and host them on container orchestration platforms, such as Kubernetes, managed in the cloud.

Strategy 246

Strategy Cloud Infrastructure Metrics 246

Strategic Tech

JULY 22, 2019

This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. In Domain-Driven Design, a large system is decomposed into bounded contexts , which become natural boundaries in code as microservices and as teams in the organisation. 1 hour) Candidate Context Modelling (min.

Design 76

Design Systems Processing Strategy 76

Dynatrace

APRIL 29, 2021

With this approach, developers, operations, and SRE teams can rely on a single source of truth, natively monitor, and evaluate Service Level Objectives (SLOs) in production and pre-production, and benefit from an enterprise grade control plane that can automatically orchestrate the delivery and roll-back of code across the DevOps pipeline.

DevOps 130

DevOps Innovation Website Monitoring 130

All Things Distributed

NOVEMBER 22, 2016

A set of programming models has emerged to help developers define and train AI models with deep learning; along with open source frameworks that put deep learning in the hands of mere mortals. AWS will contribute code and improved documentation as well as invest in the ecosystem around MXNet. Choosing a Deep Learning Framework.

AWS 163

AWS Open Source Scalability Programming 163

O'Reilly Software

MAY 15, 2018

O’Reilly Media Podcast: JP Phillips, platform engineer at IBM Cloud, on problem solving with containers and Kubernetes, and how developers can get started. Whether it’s dev, staging, testing, or production, developers need assurance that the code they deploy to one environment is going to work in another. Image courtesy of IBM.

Development 73

Development Media Google Network 73

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 ?? Jump to online workshops ?. Our Solution.

Lambda 135

Lambda Serverless Testing AWS 135

The Agile Manager

MARCH 31, 2025

Tech services firms are instead applying AI to their own offerings to do things like accelerate the reverse-engineering of existing code and expedite forward engineering of new solutions. Those firms are developing proprietary products to do this (e.g., That statement doesnt apply just to code. Not the customers business.

Technology 40

Technology Technology Design Engineering 40

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. For that, a web developer’s headline toolbox contains six levels ( <h1> to <h6> ).

Strategy 143

Strategy Virtualization Government Education 143

Smashing Magazine

JULY 5, 2021

Usually, we use hexadecimal color codes (hex colors) which are fine, but they have a couple of issues: They are limiting; They’re hard to understand from reading them. Adding on that, it’s not easy to guess what color is from looking at the hex code. Jump to online workshops ?. Consider the following figure: ( Large preview ).

Design 145

Design Testing Code Systems 145

Smashing Magazine

JUNE 9, 2022

Frontend build tooling is crucial to the workflow of the modern frontend developer for a host of reasons classified under improved developer and user experiences. With our sights set on improving the performance of frontend tooling, a new generation of build tools is being developed. Jump to online workshops ?.

Code 128

Code Development Processing Cache 128

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 144

Programming Java Google C++ 144

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. Jump to online workshops ?. Michelle Barker.

Media 138

Media Design Code Development 138

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 141

Internet Internet Google Design 141

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

AUGUST 3, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. Taking a more defensive approach when writing code helps reduce programmer errors arising from making assumptions. More after jump!

Network 145

Network Engineering Availability Code 145

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. Jump to online workshops ?.

Code 142

Code Servers Development Availability 142

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. Automated testing is an interesting part of the development cycle.

Testing 144

Testing Code Design Strategy 144

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 137

Testing Best Practices Code Design 137

Smashing Magazine

APRIL 21, 2023

Exploring The Potential Of Web Workers For Multithreading On The Web Exploring The Potential Of Web Workers For Multithreading On The Web Sarah Oke Okolo 2023-04-21T10:00:00+00:00 2023-04-21T11:15:35+00:00 Web Workers are a powerful feature of modern web development and were introduced as part of the HTML5 specification in 2009.

Efficiency 123

Efficiency Code Strategy Network 123

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 141

Cache Performance Servers Architecture 141

All Things Distributed

FEBRUARY 3, 2017

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. Space/Time Trade-offs in Hash Coding with Allowable Errors ", Bloom, Burton H., in Communications of the ACM, 13 (7): 422–426. Sanders, P.;

Cache 92

Cache Efficiency Code Testing 92

Smashing Magazine

JULY 26, 2021

Here’s a sneak peek of what I’ll be talking about in this post , or if you prefer to jump ahead, the finished code can be found here. In his online workshop on Building Modern HTML Emails , Rémi Parmentier will show how to code bulletproof, responsive HTML emails that work well in Gmail, Apple Mail, Yahoo and Outlook today.

Serverless 145

Serverless Code Servers Open Source 145

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. Jump to online workshops ?. React.cloneElement. More after jump!

Code 115

Code Design C++ Development 115

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. Jump to online workshops ?. I have also created a PR to the original repo so that other developers using this library can get rid of the CLS issue.

Website 120

Website Google Metrics Testing Tools 120

Smashing Magazine

AUGUST 12, 2021

If you’d like to dive a bit deeper into animation with Figma, a guide to adding animation to your designs in Figma shows the entire workshop, and various options you have, step-by-step. The A11y Annotation Kit focuses on accessibility considerations that designers might want to share with developers when handing off a design.

Google 145

Google Design Code Mobile 145

Smashing Magazine

AUGUST 20, 2021

Yet, for all these technological developments, it’s interesting that many of us are still serving sites in the same way Tim did with the very first website — a web server serving static website files. However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

OCTOBER 9, 2021

This tutorial will be beneficial to readers who are interested in creating interactive animations with few lines of code. However, as of the time of writing, support for React is still under development. Jump to online workshops ?. and React, although support for React is still under development. What Is AnimXYZ?

Media 125

Media Code Efficiency Tuning 125

Smashing Magazine

AUGUST 4, 2021

The most obvious and common prop that developers work with within React is the children prop. Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. Jump to the workshop ?. React Children And Iteration Methods. Arihant Verma.

Open Source 141

Open Source C++ Google Website 141

Smashing Magazine

NOVEMBER 4, 2021

It allows developers to define, handle, and make queries/mutations available within our application. Let’s get right into the code. Just before we start, this is the repo containing the code demonstrating everything under Real-time update on GraphQL, using Apollo as a state management tool, Fragments, and Apollo directives.

Cache 129

Cache Servers Code Transportation 129

Smashing Magazine

AUGUST 27, 2021

Compound components help developers build more expressive and flexible APIs to share state and logic within components. This is also what they call a “code smell”. Jump to the workshop ?. A compound component is an awesome React pattern to add to your React developer toolkit. Compound Components In React. Ichoku Chinonso.

Internet 136

Internet Internet Programming Media 136

Tasktop

JUNE 20, 2019

But here’s the rub: Agile development teams do not work in isolation. And why, in lieu of a single tool or process, organizations need to identify and eliminate long cycles and wait times within development itself, and beyond. The disconnect between the business and Agile development.

Development 45

Development DevOps Google Innovation 45