Best Practices and Workshop - Technology Performance Pulse

Adding A Dyslexia-Friendly Mode To A Website

Smashing Magazine

NOVEMBER 23, 2021

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. In fact, some of those resources are linked in the Understanding WCAG 2.1 Jump to online workshops ?.

Website

Website C++ Best Practices Design

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

MARCH 19, 2021

New Online Workshops on Smashing. Almost a year ago, we started running our very own online workshops , and each and every one has been an incredible experience to our entire team. Here’s a brief overview of the workshops that we have planned for the **next months**: Dates. How Can I Run Online Workshops? Vitaly Friedman.

Mobile

Mobile Design Cache Code

React Children And Iteration Methods

Smashing Magazine

AUGUST 4, 2021

index + 1} should be passed a 'link' prop` ) }. If it is not the last child, we ensure that all those children which aren’t the last child have a link prop on them by throwing an error if they don’t. The user of Breadcrumbs and BreadcrumbItem doesn’t have to worry about which children should have links and how they should be styled.

Open Source

Open Source C++ Google Website

What’s New in October?

Tasktop

OCTOBER 18, 2022

With Aha, product managers can link work to strategic goals and initiatives, create visual roadmaps, and manage agile development. . Given there are often dependencies within a portfolio or best practices you want to adhere to throughout the portfolio, a view into outliers is very important. . If your organization uses Aha!,

Best Practices

Best Practices Speed Metrics Cloud

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

OCTOBER 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache

Cache Strategy Best Practices Design

Lesser-Known And Underused CSS Features In 2022

Smashing Magazine

MAY 23, 2022

See the Pen [all property]([link] by Adrian Bece. See the Pen [all property - revert-layer]([link] by Adrian Bece. See the Pen [curentColor alerts]([link] by Adrian Bece. In my opinion, one of the best use-cases for currentColor is styling inlined SVG elements. See the Pen [currentColor svg]([link] by Adrian Bece.

Media

Media Tuning Design Website

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

AUGUST 2, 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 ?. See the Pen [Refactoring CSS — example 1]([link] by Adrian Bece. More after jump! On design systems, CSS/JS and UX.

Strategy

Strategy Testing Best Practices Code

Three Insights I Gained While Researching Vue.js Accessibility

Smashing Magazine

JULY 16, 2021

Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Jump to the workshop ?. Online, and live. For improving Vue.js

Strategy

Strategy Virtualization Government Education

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

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 ?. This component incorporates several image-related best practices. More after jump! On design systems, CSS/JS and UX.

Website

Website Google Metrics Testing Tools

Next.js Wildcard Subdomains

Smashing Magazine

NOVEMBER 19, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. We’ll then be using that wildcard, to render an iFrame to fill that page (by flipping iFrame over to create the effect), with our src being set to {`[link]. Online, and live. Dec 2–3, 2021.

Servers

Servers Website Code Best Practices

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

OCTOBER 28, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. file and type the following lines of code: const axios = require("axios"); const cheerio = require("cheerio"); const fetchShelves = async () => { try { const response = await axios.get('[link].

Website

Website Code Retail Best Practices

Email Testing Flow As It Should Be

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. For those emails that contain links, how many links were clicked? In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript.

Testing

Testing Servers Social Media Automotive

Global vs. Local Styling In Next.js

Smashing Magazine

JULY 27, 2021

There are a couple of questions we have to consider when organizing style within Next.js: How can we fit within the conventions/best practices of the framework? Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns.

Website

Website Design Best Practices Code

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

Smashing Magazine

JULY 8, 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 ?. Best Practices When Writing Custom Directives. It is considered best practice not to directly access a state object.

Speed

Speed Processing Development Code

Useful Figma Plugins And Tools

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. Jump to online workshops ?. The maps can also be downloaded as SVG or PDF via [link]. Annotations Made Easy in Figma. More after jump!

Google

Google Design Code Mobile

50 Resources And Tools To Turbocharge Your Copywriting Skills

Smashing Magazine

OCTOBER 29, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. Afterwards, you’ll get recommendations for professional copywriting training, plus links to tutorials on SEO copywriting and writing killer headlines. Online, and live. Oct 25 – Nov 8, 2021.

Energy

Energy Best Practices Design Availability

An Introduction To Figma Interactive Components

Smashing Magazine

JULY 7, 2021

Figma has a lot of information on their site so I will include links for those of you that want to dig deeper. 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 ?. Interaction Details panel (annotated).

Design

Design Website Best Practices Games

A Guide To CSS Debugging

Smashing Magazine

OCTOBER 6, 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 ?. To simplify this behavior, a best practice is to ensure your styles include resetting all elements to use border-box.

Design

Design Availability Mobile Website

What Adrian Did Next?—?Part 2?—?Sun Microsystems

Adrian Cockcroft

JUNE 21, 2022

I also learned how marketing worked, and began to build my presentation and training skills as I was sent around the world by Sun to teach workshops and speak at events. Corporate IT had no idea what was going on, but someone got a T1 line hooked up and we put a spare desktop machine on it and set up www.sun.com (link to archive from 1996).

Tuning

Tuning Benchmarking Engineering C++

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

FEBRUARY 2, 2022

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. Jump to online workshops ?. More after jump! On design systems, CSS/JS and UX. Performance Costs.

Code

Code Performance Network Website

Useful React Hooks That You Can Use In Your Projects

Smashing Magazine

NOVEMBER 12, 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 ?. The plugin provides useful warnings and hints on the best practices. More after jump! On design systems, CSS/JS and UX.

Code

Code Availability Efficiency Performance

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network

Network Servers Cache Traffic

Technology Performance Pulse

Adding A Dyslexia-Friendly Mode To A Website

Gone Floating Labels And Green Lighthouse Scores

Trending Sources

React Children And Iteration Methods

What’s New in October?

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Lesser-Known And Underused CSS Features In 2022

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Three Insights I Gained While Researching Vue.js Accessibility

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

Next.js Wildcard Subdomains

How To Build An Amazon Product Scraper With Node.js

Email Testing Flow As It Should Be

Global vs. Local Styling In Next.js

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

Useful Figma Plugins And Tools

50 Resources And Tools To Turbocharge Your Copywriting Skills

An Introduction To Figma Interactive Components

A Guide To CSS Debugging

What Adrian Did Next?—?Part 2?—?Sun Microsystems

Improving JavaScript Bundle Performance With Code-Splitting

Useful React Hooks That You Can Use In Your Projects

HTTP/3: Practical Deployment Options (Part 3)

Stay Connected