DEV Community: Twan Mulder

Your Website Sucks

Twan Mulder — Tue, 23 Feb 2021 11:33:23 +0000

🎉 It's out: https://flurly.com/p/your-website-sucks

Learn the 5 pillars of creating a website that gets you the results you want.

Hey, your website sucks!

A pretty bold statement. One I firmly believe in and stand by.

At the time of writing, there are over 2 billion websites on the internet. 400 million of those are active.

And I'm sure that all of them suck.

Working as a Developer and CRO Specialist for companies like Accenture and marketing agencies, I have a lot of experience creating and/or reviewing websites for clients like Audi, Virgin Media, and Porsche.

Even though there's an amazing amount of great working, good looking websites out there, not one of them is perfect.

That's why I'd love to help you improve yours!

In this e-book, we'll go through 5 different pillars of creating a website that gets you the results you want.

There are still a ton of different things you can work on to improve your website, but these 5 ones are the ones I've found had the most long-term impact.

Chapters

Target Audience
Value Proposition
SEO
Design & Layout
Page Speed

Not convinced just yet? Read a sample chapter before committing

https://flurly.com/p/your-website-sucks

Announcing GitHub README Templates - Amazing README's to get you started with your own.

Twan Mulder — Wed, 06 Jan 2021 17:03:26 +0000

Hello and thank you checking out my post about GitHub README Templates!

Adding an amazing README to your GitHub project is a great way of introducing new people to the codebase, teaching them about how to use your project/code, and will inspire them to contribute themselves.

I've always struggled with what makes a great README. That's why I've gathered some that I really enjoyed and made them available on www.readme-templates.com.

You can preview all the README's, copy their markdown, and view the original projects on GitHub.

I'd love to hear what you think and if you have any README's you can recommend to add!

Cheers 😄

www.readme-templates.com

Your website sucks! And I'll tell you why (ROUND 2) ⚡️⚡️

Twan Mulder — Sat, 07 Nov 2020 12:51:04 +0000

I had some great success critiquing/roasting your websites on Twitter and here on dev.to, and I'd love to help tell you why your website sucks again!

As a CRO Consultant, I have a lot of experience in improving our client's products.

So show me your website, and I'll give you at least one point to improve!

😄

Your website sucks! And I'll tell you why ⚡️

Twan Mulder — Mon, 10 Aug 2020 19:24:36 +0000

I had some great success critiquing/roasting your websites on Twitter, and I'd love to help tell you why your website sucks

As a CRO Consultant, I have a lot of experience in improving our client's products.

So show me your website, and I'll give you at least one point to improve!

😄

5 Must-know Javascript Tips & Tricks

Twan Mulder — Mon, 13 Jul 2020 13:25:46 +0000

JavaScript keeps adding new and neat features. Sometimes, it’s hard to keep up. In this article, I’ll share a couple of cool tips & tricks to keep you up to speed and deepen your JS knowledge.

1. Create an array with unique values using the “Set” object

Imagine having an array with some duplicate items and wanting to filter out only the unique ones.

You could try writing a map or filter to achieve this. Alternatively, ES6 introduces the Set object, which solves this problem in just 1 line of code.

const arrayWithUniqueItems = [...new Set([1, 2, 3, 3,])]
// [1, 2, 3]

Now, this example uses integers, but you can use strings and floating-point numbers as well!

For a little more in-depth knowledge about the Set object, check out this article by Claire-Parker Jones.

2. Shorten your “if” statements

Now this is a tricky one.

Shortening your “if” statements can be a great way to simplify your code.

However, if you need to write more complicated statements, you should definitely go for the first option.

// Instead of using this                                      
if (iAmHungry) {
   bakeAnEgg()
}

// You can use this
if (iAmHungry) bakeAnEgg()

// Or this
iAmHungry? bakeAnEgg() : 0

Remember, readability & ease-of-use are more important than a couple less lines of code.

3. Shorten an array using its length property

A great way of shortening an array is by redefining its length property.

let array = [0, 1, 2, 3, 4, 5, 6, 6, 8, 9]
array.length = 4

// Result: [0, 1, 2, 3]

Important to know though is that this is a destructive way of changing the array. This means you lose all the other values that used to be in the array.

4. Using the spread operator to combine objects

Let’s say you want to combine multiple objects into one object containing them all.

The spread operator ( … ) is a great way to achieve this!

const obj1 = {'a': 1, 'b': 2}
const obj2 = {'c': 3}
const obj3 = {'d': 4}

// Combine them using the spread operator            
const objCombined = {...obj1, ...obj2, ...obj3}

// Result: {'a': 1, 'b': 2, 'c': 3, 'd': 4}

Something to keep in mind while using this is that whenever you update one of the objects, it doesn’t reflect those changes in the combined object.

5. Using the window.location object

JavaScript can access the current URL using the window.location object. Pretty neat, but even cooler is that this object contains certain parts of the URL as well.

Get access to the protocol/host/pathname/search/and more!

// JavaScript can access the current URL in parts. For this URL:
`https://thatsanegg.com/example/index.html?s=article`

window.location.protocol == `https:`
window.location.host == `thatsanegg.com`
window.location.pathname == `/example/index.html`
window.location.search == `?s=article`

That’s all!

Thanks for reading, look at how much you’ve learned 😄

This article was originally written on "That's an Egg"

Shorten your if statements using the '&&' operator

Twan Mulder — Tue, 30 Jun 2020 07:33:55 +0000

Today I learned a pretty cool trick!

You can use the '&&' operator to shorten your if statements.

So instead of using this:

if (iAmHungry) {
  bakeAnEgg()
}

You can use it like this!

iAmHungry && bakeAnEgg()

Would you use this in your own code?
How would this impact the readability of your code?

Stop importing Multiple Fonts and Start using Variable Fonts

Twan Mulder — Mon, 11 May 2020 07:19:31 +0000

Variable Fonts.

Maybe you already know all about them.

Maybe you have no clue what they are.

In this short article, I’ll take you through how you can use variable fonts to your advantage in creating efficient & fun websites.

Link to article

I built a blog for the developer just starting out.

Twan Mulder — Mon, 20 Apr 2020 08:27:38 +0000

"That's an Egg"

What?

"That's an Egg!"

These days, web-development can be a very daunting task to learn for the developer who's just starting out. With things like JavaScript frameworks, server-side rendering, and REST/CRUD API's, it doesn't get a lot simpler either.

However, it doesn't have to be this way! I love writing about making your (developer) life easier. From basic HTML & CSS, to more complicated subjects regarding web-development, I write about all of them.

You might know the expression "That's a piece of cake". In Dutch, we have a saying that goes likewise. Roughly translated back to English, it says "That's an Egg". With my writing, I want to make you feel confident in your ability as a developer and think; "That's an Egg!".

You can check it out over at "www.thatsanegg.com".

If you're ready to dive straight into an article, I'd recommend these: