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. Both valuing design and striving for continuous delivery are necessary.

Software Engineering 80

Software Engineering Design Engineering Software 80

Smashing Magazine

JUNE 28, 2021

Creating Custom Emmet Snippets In VS Code. Creating Custom Emmet Snippets In VS Code. Until recently, I would just copy and paste the boilerplate whenever I needed it, but I’ve decided to improve my workflow by adding it as a snippet to VS Code — the editor of my choice. Snippets And Abbreviations In Visual Studio Code.

Code 103

Code Social Media Media Website 103

Jos

APRIL 5, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 130

Code Performance Google Media 130

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

Code 104

Code Performance Network Website 104

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. Note : I’m using Sketch app, but you use whatever design tool you want.

Design 145

Design Testing Code Systems 145

Smashing Magazine

NOVEMBER 5, 2021

The Value Of Concept Testing As Part Of Product Design. The Value Of Concept Testing As Part Of Product Design. UX design teams are passionate about our approach to solving problems and providing users with experiences that lead to their desired outcomes. UX teams should consider it a mandatory step in designing a product.

Design 118

Design Testing Education Processing 118

Jos

APRIL 5, 2018

Code Splitting y CSS-in-JS : cómo CSS-in-JS nos permite extender el code-splitting y lazy-loading a CSS, SVGs y otros recursos. Puedes echar un ojo a Website Sameness o Web Design Trends: Why Do All Websites Look The Same? progress * 4 ) } workshops · { Math. La solución se basa en code splitting.

Code 130

Code Google Media Performance 130

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX.

Development 145

Development Games Education Programming 145

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. A lot of workshops during that up front design time cover Principals of Financial Accounting I for the benefit of inexperienced staff.

Technology 40

Technology Technology Design Engineering 40

Smashing Magazine

SEPTEMBER 8, 2021

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. 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

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. This not only allows us to run Lambda scripts locally, but we can also add breakpoints using Debug Mode in Visual Studio Code. Debug Mode in Visual Studio Code ?? On design systems, CSS/JS and UX.

Lambda 135

Lambda Serverless Testing AWS 135

Smashing Magazine

JULY 21, 2021

All you need to do is select a base color, the contrast ratio of the shades, and the number of color variations you’d like to have, and the tool generates a perfectly-balanced color palette that you can copy and paste into your favorite design tool. On design systems, CSS/JS and UX. Jump to online workshops ?. A true timesaver.

Social Media 145

Social Media Design Media Code 145

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents. accessibility.

Google 145

Google Design Code Mobile 145

Strategic Tech

JULY 29, 2021

If you would like to learn or practice how to break up a large business into domains and use them as the foundation for your software architecture and team organization, I have created a strategic domain-driven design kata that you may find useful. Who to invite? I recommend organising attendees into groups of 4–5 people.

Design 52

Design Software Architecture Architecture Strategy 52

The Netflix TechBlog

JANUARY 11, 2022

To directly support great decision-making throughout the company, there are a number of data science teams at Netflix that partner directly with Product Managers, engineering teams, and other business units to design, execute, and learn from experiments. see the end of those relationships when members elect to cancel.

Innovation 245

Innovation Metrics Engineering Testing 245

Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Then, we’ll remove everything in the styles/ directory (it’s all sample code). Design Tokens.

Website 144

Website Design Best Practices Code 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. On design systems, CSS/JS and UX. Michelle Barker.

Media 138

Media Design Code Development 138

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. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on. JavaScript.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

SEPTEMBER 15, 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 ?. Doing this helps foster reduced and simpler code. More after jump! vf, yk, il).

Internet 141

Internet Internet Google Design 141

O'Reilly

JANUARY 13, 2020

Binder, she notes, “was widely used last year for teaching workshops and tutorials at many Python conferences.” The experimental DSL for code contracts gives developers the ability to provide guarantees about the ways that code behaves. Does your function have side effects?

Programming 144

Programming Java Google C++ 144

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. These are very limited, and rarely fit the designs we are building! This code gives our element a red background color: my-element { background-color: #ff0000; }. More after jump!

Energy 145

Energy Design Website Hardware 145

Smashing Magazine

OCTOBER 21, 2021

This has the advantage of reducing the amount of code we need to write, and means it’s less likely we’ll forget to cater for users’ motion preferences: @media (prefers-reduced-motion: no-preference) {.some-element On design systems, CSS/JS and UX. Jump to online workshops ?. some-element { animation: none; } }. More after jump!

Media 129

Media Systems Mobile Design 129

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

Efficiency 123

Efficiency Code Strategy Network 123

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. They’re all testing the code. Jump to the workshop ?.

Testing 144

Testing Code Design Strategy 144

Smashing Magazine

JULY 8, 2021

Using the proposed file structure is not a bad way of structuring your project per se, but as your project grows, you will need a better structure as your code becomes clustered and harder to navigate and access files. Jump to the workshop ?. code some certain instructions that are peculiar to Vue.js. Online, and live.

Speed 141

Speed Processing Development Code 141

Smashing Magazine

OCTOBER 12, 2021

This is useful for designating you to want to accept React components or JSX as arguments inline. 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 ?.

Design 115

Design Code C++ Development 115

Smashing Magazine

JULY 9, 2021

The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. without the need for special adaptation or specialized design.”. without the need for special adaptation or specialized design.”.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 13, 2021

The above code example shows the default values for both rootMargin and threshold. 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. Jump to the workshop ?. Online, and live.

Code 145

Code Media Design Performance 145

Smashing Magazine

JULY 23, 2021

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. Jump to the workshop ?. Online, and live.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

JULY 28, 2021

It is tentalizing to address all design problems with them, especially on mobile, but there often are other ways to overcome design issues. The point is: consider whether a dialog is the right design pattern before using it. Jump to the workshop ?. We’re not going to deal with styling too much, just the JavaScript part.

Code 143

Code Design Technology Technology 143

Smashing Magazine

AUGUST 18, 2021

Sample Files And Instructions For Running The Code. You can find the full code snippets of this article in the following files: index.html. Since the code contains JavaScript modules, you can only run the example from an HTTP server and not from the local file system. On design systems, CSS/JS and UX. DateTimeRenderer.js.

Code 142

Code Servers Development Availability 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. It is designed to enable you to create awesome and unique animations without writing a line of CSS keyframes. On design systems, CSS/JS and UX. Jump to online workshops ?. What Is AnimXYZ? Composable.

Media 125

Media Code Efficiency Tuning 125

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 120

Website Google Metrics Testing Tools 120

Smashing Magazine

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 132

Performance Cache Website Mobile 132

Smashing Magazine

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Online, and live.

Games 145

Games Design Code Strategy 145

Smashing Magazine

AUGUST 4, 2021

In this article, we’ll look at a React utility React.Children.toArray which lets us prepare the children prop for inspection and iteration, some of its shortcomings and how to overcome them — through a small open-source package, to keep our React code function the way it is deterministically supposed to behave, keeping performance intact.

Open Source 141

Open Source C++ Google Website 141

Smashing Magazine

NOVEMBER 4, 2021

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. Also, here’s the repo containing the code demonstrating subscription on the the client-side.

Cache 129

Cache Servers Code Transportation 129