Design, Development, Website and Workshop - Technology Performance Pulse

Sustainable Web Development Strategies Within An Organization

Smashing Magazine

OCTOBER 11, 2022

Sustainable Web Development Strategies Within An Organization. Sustainable Web Development Strategies Within An Organization. Sustainability is rightly becoming more widely discussed within the web development industry, just as it is an increasing concern in the wider public consciousness. Jump to online workshops ?.

Strategy

Strategy Development Energy Website

Adding A Dyslexia-Friendly Mode To A Website

Smashing Magazine

NOVEMBER 23, 2021

Adding A Dyslexia-Friendly Mode To A Website. Adding A Dyslexia-Friendly Mode To A Website. Existing best practices and guidance, such as the Web Content Accessibility Guidelines (WCAG), give us a solid foundation for inclusive design and already incorporate many details that affect dyslexic readers. Jump to online workshops ?.

Website

Website C++ Best Practices Design

Developer Decisions for Building Flexible Components

Smashing Magazine

SEPTEMBER 8, 2021

Developer Decisions For Building Flexible Components. Developer Decisions For Building Flexible Components. In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Changing Our Development Mindset. The Design. Michelle Barker. 2021-09-08T10:30:00+00:00.

Development

Development Media Design Mobile

Tips And Tricks For Evaluating UX/UI Designers

Smashing Magazine

OCTOBER 15, 2021

Tips And Tricks For Evaluating UX/UI Designers. Tips And Tricks For Evaluating UX/UI Designers. When a company’s digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from the crowd. That happens when your app/website/system is efficient. Nataliya Sambir.

Design

Design Website Efficiency Games

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

OCTOBER 18, 2021

Powered E-Commerce Website (Case Study). Powered E-Commerce Website (Case Study). 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 ?.

Website

Website Google Metrics Testing Tools

Frustrating Design Patterns: Broken Filters

Smashing Magazine

JULY 14, 2021

Frustrating Design Patterns: Broken Filters. Frustrating Design Patterns: Broken Filters. Part Of: Design Patterns. Designing For The Comfortable Range. A well-designed filter in a well-designed trip planner UI. Jump to the workshop ?. Vitaly Friedman. 2021-07-14T13:30:00+00:00. NSW Trip Planner.

Design

Design Retail Ecommerce Mobile

Frustrating Design Patterns: Disabled Buttons

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. Example: Swedish public transportation website. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Jump to the workshop ?.

Design

Design Transportation Code Systems

Core Web Vitals for Search Engine Optimisation: What Do We Need to Know?

CSS Wizardry

JULY 23, 2023

I am available to help you find and fix your site-speed issues through performance audits , training and workshops , consultancy , and more. I’m available for hire to help you out with workshops , consultancy , advice , and development. You should get in touch. Let’s Talk Need some of the same?

Engineering

Engineering Google Speed Mobile

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral

Smashing Magazine

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Local screen-printing workshops offered affordable flyers and posters.

Design

Design Media Testing Entertainment

Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet

Smashing Magazine

SEPTEMBER 22, 2021

There are a lot of complex and often conflicting rules that constitute ‘good’ <head> tags, and cross-referencing everything can soon grow unwieldy, so to make my life easier, I developed ct.css — a quick and dirty way of seeing inside of your <head> ”. On design systems, CSS/JS and UX. Large preview ).

Performance

Performance Website Engineering Design

Refactoring CSS: Introduction (Part 1)

Smashing Magazine

JULY 12, 2021

CSS is a simple stylesheet language for defining a website or document’s presentation. For all its flexibility and simplicity, CSS itself has some fundamental issues that allow developers to write poor-quality code in the first place. The development team has lost track of which CSS code is used and which can be safely removed.

Best Practices

Best Practices Website Architecture Media

Tools And Practices To Speed Up The Vue.js Development Process

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. Jump to the workshop ?.

Speed

Speed Processing Development Code

Web Quality Assurance: From User Requirements To Web Risk Management

Smashing Magazine

SEPTEMBER 16, 2021

That also means answering this other question: “How can one evaluate, manage and guarantee the quality of a website?” In most sectors where risks are understood and perceived as critical, quality assurance inevitably develops. Asking this initial question about a website involves analyzing the user requirements.

Automotive

Automotive Website Social Media Design

EventStorming Modelling Tips to Facilitate Microservice Design

Strategic Tech

NOVEMBER 29, 2019

The result is that we create better designed software systems and teams of problem solvers rather than order takers. Used judiciously, EventStorming gives us the ability to uncover enough information about our domain and our business that we can use it to design our microservices, bounded contexts, and even our teams.

Design

Design IoT Energy Software

Jamstack CMS: The Past, The Present and The Future

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

Ecommerce Website Government Internet

Three Insights I Gained While Researching Vue.js Accessibility

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

Strategy Virtualization Government Education

Making A Strong Case For Accessibility

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

Website

Website Mobile Design Testing

Free Open-Source Icons

Smashing Magazine

AUGUST 17, 2021

Icons are a fantastic way to help convey meaning and add some character to a design. 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). Jump to the workshop ?. Open-Source Flag Icons.

Open Source

Open Source Design Availability Website

Experimentation is a major focus of Data Science across Netflix

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. A/B tests are used throughout Netflix to deliver more joy to current and future members.

Innovation

Innovation Metrics Engineering Testing

Useful Figma Plugins And Tools

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

Google Design Code Mobile

Respecting Users’ Motion Preferences

Smashing Magazine

OCTOBER 21, 2021

Websites with a lot of motion might also have a higher impact on the battery life of mobile devices, or cause more data to be used (autoplaying videos, for instance, will require more of a user’s data than a static image). On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! The Sum Of All Parts.

Media

Media Systems Mobile Design

Color Tools And Resources

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

Social Media Design Media Systems

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text).

Performance

Performance Cache Website Mobile

A Guide To Modern CSS Colors

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! As a developer, these are far more intuitive when it comes to adjusting color values. Jump to online workshops ?.

Energy

Energy Design Website Hardware

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

OCTOBER 28, 2021

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Jump to the workshop ?.

Website

Website Code Retail Best Practices

World’s Top Web Performance Leaders To Watch

Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Jake is a developer advocate at Google working with the Chrome team to develop and promote web standards and developer tools, as well as a contributor to the Chromium blog. Rachel Andrew. Jake Archibald. Jake Archibald.

Performance

Performance Education Google Website

Lesser-Known And Underused CSS Features In 2022

Smashing Magazine

MAY 23, 2022

Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. Custom properties brought significant improvements to CSS by allowing developers to create reusable values in their stylesheet without the need for CSS preprocessor like SASS. Jump to online workshops ?.

Media

Media Tuning Design Website

Exploring The Potential Of Web Workers For Multithreading On The Web

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

Efficiency Code Strategy Network

An Introduction To Figma Interactive Components

Smashing Magazine

JULY 7, 2021

Joining the Beta is free and once you submit the form, it should not take more than two or three days before you see Interactive Components appear in your Figma design tool. I have created a Figma design file with the examples from this article. Once you join the Beta, you can duplicate my design and follow along more easily.

Design

Design Website Best Practices Games

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

SEPTEMBER 28, 2022

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. Developing software is becoming easier as frameworks like React, Vue, or Angular become the go-to solution for creating even the simplest applications. Jump to online workshops ?.

Cache

Cache Performance Servers Social Media

A Guide To CSS Debugging

Smashing Magazine

OCTOBER 6, 2021

Also offers the “Changes” panel by default, located in the same tab bar as the “Styles” Recommended Reading : “ Examine And Edit CSS ,” Firefox Developer Tools, MDN Web Docs. On design systems, CSS/JS and UX. Jump to online workshops ?. CSS is designed to not lose content, to not cause harm.

Design

Design Availability Mobile Website

Improving The Accessibility Of Your Markdown

Smashing Magazine

SEPTEMBER 28, 2021

You can find Markdown in many places on the internet, especially in locations where developers are present. 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. How Markdown Works.

Website

Website Technology Technology Code

Next.js Wildcard Subdomains

Smashing Magazine

NOVEMBER 19, 2021

This space can act as its own website — not tied to anything. For example, later in this article, we’ll be developing a web toy that flips a webpage upside down making it readable for Australians. Difficulties with Development. Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman.

Servers

Servers Website Code Best Practices

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Smashing Magazine

JULY 1, 2021

When developing locally, developers tend to get impatient with tests, especially if someone in your team needs to merge corresponding pull requests. In general, too many classes or abstractions littered across walls of text or code can swiftly kill the motivation of a developer and lead to plain chaos. The Golden Rule.

Testing

Testing Best Practices Code Design

Maintaining End-To-End Quality With Visual Testing

Smashing Magazine

JULY 19, 2021

By adding automated visual testing , we can eliminate those flaky tests , leveling up our testing pipelines providing that coverage (and more) by taking advantage of smart image comparisons using screenshots of our website or app. Automated testing is an interesting part of the development cycle. Jump to the workshop ?.

Testing

Testing Code Design Strategy

React Children And Iteration Methods

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

Open Source C++ Google Website

Email Testing Flow As It Should Be

Smashing Magazine

JULY 2, 2021

In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. A mistake could be made when you work with several projects/websites. Online, and live. August 5–19, 2021.

Testing

Testing Servers Social Media Automotive

Consumer-driven Coupling: Patterns and Anti-patterns

Strategic Tech

APRIL 27, 2019

Organisations maximising the advantages provided by microservices tend to be organisations which view microservices not just as a technical tool, but a sociotechnical tool.The way software systems are shaped determines the communication paths and the coupling between development teams. As a consequence, we also have subservient teams?—?teams

Software Architecture

Software Architecture Architecture Government Design

As-Salaam-Alaikum: The cloud arrives in the Middle East!

All Things Distributed

SEPTEMBER 25, 2017

We have supported the development of technology skills across the region with Training and Certification programs to help customers develop skills to design, deploy, and operate their infrastructure and applications on the AWS Cloud. It is now being used by thousands of passengers a day.

Cloud

Cloud Education Energy Government

What to gift your software tester friend if you are the secret Santa?

Testsigma

DECEMBER 23, 2021

A Practitioner’s Guide to Software Test Design by Lee Copeland. Online Resources to develop relevant skills. Online Resources to develop relevant skills. Here are a few online resources that will help your friend to develop robust software testing skills to soar high in the career. Mosley and Bruce A. by Tony Bruce.

Software

Software Software Java Testing

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

FEBRUARY 2, 2022

JavaScript-based frameworks like React made the process of developing web applications streamlined and efficient, for better or worse. This automatization often leads developers to treat a framework and build tools as a black box. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump!

Code

Code Performance Network Website

How To Fix Cumulative Layout Shift (CLS) Issues

Smashing Magazine

JUNE 2, 2021

All of these techniques basically involve setting aside the correct amount of space before additional content is loaded — whether that is media or JavaScript-injected content, but there’s a few different options available to web developers to do this. On design systems, CSS/JS and smart interface design patterns.

Media

Media Metrics Website Google

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

NOVEMBER 4, 2021

It allows developers to define, handle, and make queries/mutations available within our application. website to download the latest version. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. More after jump!

Cache

Cache Servers Transportation Code

3D CSS Flippy Snaps With React And GreenSock

Smashing Magazine

NOVEMBER 29, 2021

Although this isn’t something I’d look to drop on a website any time soon, it’s a neat little challenge to make. 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 ?. Here we are defaulting to 10.flippy-snap

Games

Games Website Performance Design

Sustainable Web Development Strategies Within An Organization

Adding A Dyslexia-Friendly Mode To A Website

Trending Sources

Developer Decisions for Building Flexible Components

Tips And Tricks For Evaluating UX/UI Designers

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Frustrating Design Patterns: Broken Filters

Frustrating Design Patterns: Disabled Buttons

Core Web Vitals for Search Engine Optimisation: What Do We Need to Know?

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral

Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet

Refactoring CSS: Introduction (Part 1)

Tools And Practices To Speed Up The Vue.js Development Process

Web Quality Assurance: From User Requirements To Web Risk Management

EventStorming Modelling Tips to Facilitate Microservice Design

Jamstack CMS: The Past, The Present and The Future

Three Insights I Gained While Researching Vue.js Accessibility

Making A Strong Case For Accessibility

Free Open-Source Icons

Experimentation is a major focus of Data Science across Netflix

Useful Figma Plugins And Tools

Respecting Users’ Motion Preferences

Color Tools And Resources

Improving The Performance Of An Online Store (Case Study)

A Guide To Modern CSS Colors

How To Build An Amazon Product Scraper With Node.js

World’s Top Web Performance Leaders To Watch

Lesser-Known And Underused CSS Features In 2022

Exploring The Potential Of Web Workers For Multithreading On The Web

An Introduction To Figma Interactive Components

Five Data-Loading Patterns To Improve Frontend Performance

A Guide To CSS Debugging

Improving The Accessibility Of Your Markdown

Next.js Wildcard Subdomains

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Maintaining End-To-End Quality With Visual Testing

React Children And Iteration Methods

Email Testing Flow As It Should Be

Consumer-driven Coupling: Patterns and Anti-patterns

As-Salaam-Alaikum: The cloud arrives in the Middle East!

What to gift your software tester friend if you are the secret Santa?

Improving JavaScript Bundle Performance With Code-Splitting

How To Fix Cumulative Layout Shift (CLS) Issues

GraphQL On The Front-End (React And Apollo)

3D CSS Flippy Snaps With React And GreenSock

Stay Connected