Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/ngx-skeleton-loader-states-animations-performance-and-accessibility-for-your-angular-app

TL;DR; You can start using NGX Skeleton Loader module in your Angular apps right now and get the built-in performance, accessibility, and extensibility benefits. Support the project by starring the Github repository and enjoy! 🎉

** Feel free to play with the online demos powered by Stackblitz https://stackblitz.com/edit/ngx-skeleton-loader-sample

Introduction

Have you ever accessed some old pages and what you saw was a spinner for such a long time that you could never know if the page was loading or if there was an error on the page-loading step? …


Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/dark-side-is-in-our-blood-dark-mode-in-you-pages-using-css-filters

TL;DR; use these tips and get a dark mode in your web app. You can find a pull request adding the changes in this link Enjoy! 🎉

Dark mode and Web Accessibility: respecting the user's choice

We can see several pages with the dark-mode theme available for the users. This approach is more than design-only purposes but also covers usability and accessibility.

One of the most popular responses when you ask someone who is using dark-mode option on their web apps and/or their OS — operational systems — is that "it helps my eyes," or even "it’s elegant/neat/beautiful."…


TL;DR; this eslint rule will give you feedback if your code requires polyfills based on browser support… in our dev loop. Enjoy! 🎉

I've seen several Frontend teams who were facing issues related to browser support for some of our features in the past. It could be due to some implementation that requires polyfills, ending up with the code not working as expected.

As an example, sometimes products were facing some issues, like Adding polyfill for ChildNode.remove() function issue that was happening with some of the Atlaskit consumers, having few of them ending up as production problems.

Adding to that…


Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/solving-a-problem-is-more-than-just-add-a-new-dependency

My main goal in this post is starting some discussions about the criteria used to add a new dependency on several projects. So this should be something to keep in mind and start a broader discussion.

First things first

On our daily basis work, we usually need to do some improvements, add some features or solve some bugs. For several times we need to have a look forward to a new library to solve those.

As good — and also lazy — developers, one of the first things that came in our…


Part 1: Practical Chrome Devtools — Common commands & Debugging

Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/practical-chrome-devtools-performance

Chrome DevTools is a set of tools that can help you edit, measure and audit pages, diagnosing problems quickly, which ultimately helps you build better websites, faster. This is a summary of the most useful features of this powerful toolset that will help you in your daily basis work.

When running audits and/or performance profilings, keep in mind to always do that in an incognito browser. …


Part 2: Practical Chrome Devtools — Performance

Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/practical-chrome-devtools-common-commands-debugging

Chrome DevTools is a set of tools that can help you edit, measure and audit pages, diagnosing problems quickly, which ultimately helps you build better websites, faster. This is a summary of the most useful features of this powerful toolset that will help you in your daily basis work.

Command palette for the rescue

The Command Menu palette will give you a fast way to navigate the Chrome DevTools UI and choose the task. With the Devtools open, type cmd + shift + p to activate it…


Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/feedback-is-a-gift-lets-talk-about-it

This summary is based in some papers I read, some discussion with other folks from different companies and personal experience. There’s no “black or white” in this are and it can be different based on various aspects, such as personal experience, culture, etc.

I really like the psychologic aspect of software craftsmanship, which is how different people with different lifestyles and backgrounds can help each other on the same goal of “get things done”.

This is a small summary of things I’ve learned, lived and hear from other folks…


Moved to my personal website. Please read without paywalls in http://willmendesneto.com/posts/publishing-angular-module-with-np-package

This is one of the posts about the improvements I've done on ngx-feature-toggle module and in today the topic is: how to publish a new version of my angular module or angular application.

Until few months ago, we had several ways to publish an Angular package, independent or module or application. Currently, we can use @angular/cli directly to create, run tests, validations, builds and more via CLI commands, which's really useful.

You can read more about it on "Publishing your library" section on Angular docs

With that, we can…

Wilson Mendes

Freestyle Solution Architect | Google Developer Expert Angular and Web Technologies | Microsoft MVP Developer Technologies

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store