Best Practices, Code, Design and Workshop - Technology Performance Pulse

Refactoring CSS: Introduction (Part 1)

Smashing Magazine

JULY 12, 2021

However, this simplicity leaves the door open for many potential issues and technical debt — bloated code, specificity hell, duplicated code blocks with very little to no difference, leftover unused selectors, unnecessary hacks, and workarounds, to name a few. Leftover, unused chunks of code from deleted features.

Best Practices

Best Practices Website Architecture Media

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. New Online Workshops on Smashing. Designing The Perfect Navigation.

Mobile

Mobile Design Cache Code

Improving JavaScript Bundle Performance With Code-Splitting

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

Code Performance Network Website

Sustainability Talks and Updates from AWS re:Invent 2023

Adrian Cockcroft

NOVEMBER 26, 2023

For re:Invent 2021 my team (but mostly Elise Greve) persuaded the re:Invent organizers to include Sustainability as a track code, and that was repeated for 2022 and now for 2023. In this workshop, investigate the relationship between air quality and weather using Amazon SageMaker Studio. AWS speaker: T.

AWS

AWS Energy IoT Best Practices

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

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

Testing Best Practices Code Design

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. Let’s progress from theoretical considerations into hands-on code. Jump to the workshop ?.

Strategy

Strategy Virtualization Government Education

Global vs. Local Styling In Next.js

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. and exercise best CSS practices. 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?

Website

Website Design Best Practices Code

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

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. On design systems, CSS/JS and UX. Jump to online workshops ?. This is only a temporary file and it will be removed once the legacy code is deleted.

Strategy

Strategy Testing Best Practices Code

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. On design systems, CSS/JS and UX. Jump to online workshops ?. This component incorporates several image-related best practices.

Website

Website Google Metrics Testing Tools

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

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

Speed Processing Development Code

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

Making A Strong Case For Accessibility

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

Website Mobile Design Testing

A Guide To Attracting Clients To Your Agency

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. However, in practice, the results can be underwhelming.

Social Media

Social Media Media Network Website

How To Build An Ethical User Research Practice At Any Organization

Smashing Magazine

AUGUST 19, 2021

How To Build An Ethical User Research Practice At Any Organization. Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve.

Code

Code Design Education Government

Where programming languages are headed in 2020

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

Programming Java Google C++

Smart CSS Solutions For Common UI Challenges

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

Games Design Strategy Code

React Children And Iteration Methods

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

Open Source C++ Google Website

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

OCTOBER 28, 2021

While there are many individual reasons, it boils down to two prominent use cases: optimizing your products and finding the best deals. “. Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon. Jump to the workshop ?. Online, and live.

Website

Website Code Retail Best Practices

Next.js Wildcard Subdomains

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. project set up, we’re going to want to create the only code file we’ll need for this project: pages/index.js.

Servers

Servers Website Code Best Practices

50 Resources And Tools To Turbocharge Your Copywriting Skills

Smashing Magazine

OCTOBER 29, 2021

Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. 10 Writing Tips for Web Designers. Use the code 40OFF at checkout to get 40% off!

Energy

Energy Best Practices Design Availability

Creating A Custom Range Input That Looks Consistent Across All Browsers

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 ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Focus Styles.

Best Practices

Best Practices AWS Processing Design

Handling Mounting And Unmounting Of Navigation Routes In React Native

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

Code Storage Best Practices Design

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. I still code in R… One role I had for many years was to lead technical training events for the global specialist systems engineers, which we called the Ambassador Program.

Tuning

Tuning Benchmarking Engineering C++

Tasktop Viz Launched, Conquering the Cost of Delay

Tasktop

MARCH 11, 2020

I was blown away by the graphical user interface designer, which turned hours of my coding controls into a few short drag-and-drop gestures. I had glimpsed the future of how user interfaces would be created, and had a working solution on my laptop that afternoon, which I subsequently built countless Java apps with.

Innovation

Innovation Metrics DevOps Government

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. 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 ?. How can we address these challenges? Large preview ).

Testing

Testing Servers Social Media Automotive

Useful React Hooks That You Can Use In Your Projects

Smashing Magazine

NOVEMBER 12, 2021

We’ll go through several code examples of each hook and also explore how you’d create a custom hook. 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. More after jump!

Code

Code Availability Efficiency Performance

Technology Performance Pulse

Refactoring CSS: Introduction (Part 1)

Gone Floating Labels And Green Lighthouse Scores

Trending Sources

Improving JavaScript Bundle Performance With Code-Splitting

Sustainability Talks and Updates from AWS re:Invent 2023

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

Three Insights I Gained While Researching Vue.js Accessibility

Global vs. Local Styling In Next.js

Useful Figma Plugins And Tools

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

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

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

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

Making A Strong Case For Accessibility

A Guide To Attracting Clients To Your Agency

How To Build An Ethical User Research Practice At Any Organization

Where programming languages are headed in 2020

Smart CSS Solutions For Common UI Challenges

React Children And Iteration Methods

How To Build An Amazon Product Scraper With Node.js

Next.js Wildcard Subdomains

50 Resources And Tools To Turbocharge Your Copywriting Skills

Creating A Custom Range Input That Looks Consistent Across All Browsers

Handling Mounting And Unmounting Of Navigation Routes In React Native

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

Tasktop Viz Launched, Conquering the Cost of Delay

Email Testing Flow As It Should Be

Useful React Hooks That You Can Use In Your Projects

Stay Connected