Dom Tripodi

This will be a very quick and brief post about messing with window.history.pushState compared to window.history.replaceState. Both functions have their use case and I want to share a quick reason why you should use one compared to the other and why it matters.

Quick Explanation

As you navigate a website, URL and history management is handled for you but sometimes you may want to update the history stack manually.

As stated directly from its source on mdn web docs, window.history.pushState does as follows:

The pushState() method of the History interface adds an entry to the browser’s session history stack.

A common use case for wanting to update the history stack manually is to update the URL bar without refreshing the page.

For example, if you are on an online shopfront (ecommerce store) and are viewing products, each product may have a variant.

Let’s imagine here at Sanico Software we are selling leather hats (we aren’t but maybe we should?), the general product URL may be:

Base Product URL
https://www.sanico.com.au/products/leather-hat

However, we actually offer hats in brown, black and red (this is sounding better and better). Therefore, the individual links of each variant may be:

Brown
https://www.sanico.com.au/products/leather-hat?variant=1

Black
https://www.sanico.com.au/products/leather-hat?variant=2

Red …

Keep Reading...

The phrase “less is more” comes to mind when I use this tool. Improving accessibility for users who suffer from colour blindness has become paramount. Beyond accessibility problems, utilising colours that contrast correctly is a general must when it comes to design. The title mentions developers but I do believe anyone developing graphics could utilise this tool.

What is so good about this tool?

UI Colors has been built to work in unison with Tailwind CSS. The creator @erikdevries_nl has labeled the tool as a Tailwind CSS Color Generator.

Starting designs from a single colour can make it difficult to visualise an entire palette. If I were to use a colour dropper to view the hex value of the Sanico Software purple, I would be left with #6d2cd4. Now I have a primary colour.

Before attempting to find a secondary colour, I can first go to UI Colors and paste this hex into the primary input field.

Bam! Now I have 11 shades of my primary colour with example components. I can export these shades as a palette in Hex codes that will be utilised in my Tailwind CSS project.

If desired, I can then add a secondary and tertiary colour and view more example components.

Everything I have mentioned is on the Free Tier. Additional features are available for a reasonable price of $50USD/year. I now pay for the yearly fee, however, I have zero affiliation with the tool - I just …

Keep Reading...

I have dealt with many clients in the past who have said they don’t need to advertise since they are too busy.

I have also witnessed several of those clients hit unexpected dry spells that resulted in a frantic search for more business.

In my opinion, there is rarely a bad reason to prepare for the near future, especially in a world that changes from day to day.

How can you prepare for the near future?

My statement above may seem difficult to digest given the future is not predictable. However, in this case, I see preparations as preventative measures that help minimise exposure to a downturn in business.

There is no guarantee that advertising means your business will avoid a downturn. However, inaction to promote your business guarantees no new channels besides word-of-mouth.

Don’t forget, competitors to your business actively search for ways to be seen. If they are consistent in their efforts while you take zero action, their business may start securing your prospective clients.

What type of advertising do I mean?

Advertising is far deeper than the modern thinking of Google Ads and Social Media Marketing. Yes, the aforementioned channels are positive for advertisement but there are many different ways to seek business.

You could walk directly into a business to meet the owner, invest in a website, invest in billboards, attend local events, wrap your car, …

Keep Reading...