Photo by JESHOOTS.COM on Unsplash

I hope this article can explain what a function is in a clear and easy to understand format. Learning Javasctipt can seem so tough at the beginning of your coding journey. In fact I’m sure many seasoned developers still have a hard time understanding parts of it.

What is a function in Javascript?

A function is a piece of code that can be reused an unlimited number of times. We create a function so that we can use the function when we need it without having to write the code over and over again.

What parts does a function have?


Photo by Ferenc Almasi on Unsplash

If you are new to using fonts in Web Design — google fonts is one of the best places to start!

You can find google fonts at https://fonts.google.com

If you are choosing a font for a title or would like to see what your text would look like in the different font options, you can type your text in the top tool bar and change the size to see your text displayed in all the different fonts.


Photo by ThisisEngineering RAEng on Unsplash

Heads up — its probably a system font.

This is something that used to happen occasionally in my job. I would have fonts displaying perfectly on my screen and differently on someone else's. Sometimes the difference was so minimal only someone with an eye for design would pick it up.

Usually the reason why the font would be working on my screen was because it was being pulled from my desktop/system as I had downloaded the font files onto my system when I was working on the mock up from design.

You can use the Firefox dev tools to check…


Photo by Yogas Design on Unsplash

If you have ever tried building an email with HTML you will know how annoying it is to get it working perfectly across all browsers and operating systems. Usually all my major problems happen with Outlook.

One problem I consistently run across is white lines appearing between my sliced images. See Below — these can be either horizontal or vertical.


Photo by Pankaj Patel on Unsplash

If you are a web developer, you have probably come across some inconsistencies between browsers where you need to write browser specific code to make your pages looks perfect across all browsers.

I have only used this a couple of times so far for things like padding in inputs or styled selects and it works like a charm!

I have done some research around this and it seems you can get much more specific with the browsers you target but so far, all I have needed are these few options.

  • Firefox
  • IE
  • IE Edge
  • Safari

See examples below:


Photo by Mimi Thian on Unsplash

This article really is for dummies, but I am one of those dummies! I had a hard time trying to find a simple answer for how to do this on google until one of the designers at work showed me what to do.

I find Photoshop is so hard to use if your not familiar with it or if you don’t know what you are doing but once you know, it’s simple!

Sometimes in my job I get sent a PDF that needs to be turned into an email to be sent out to customers. Quite often this PDF has…


Photo by Christin Hume on Unsplash

After doing some research around styling select dropdowns, I have come to realize it’s better not to style select dropdowns. The main reason for not styling select dropdowns is that they are displayed differently in different browsers/operating systems so they are hard to style consistently across all use cases.

So what do I suggest instead?

Make your own select drop down! 🎉 It may look like a lot of code at first but it really isn’t and it's actually quite simple to understand.

See my code pen below for the working code.

Keep reading if you want a breakdown/ plain English run through of what the…


Photo by NESA by Makers on Unsplash

If you just want the code — skip directly to the codepen below!

I had a really hard time finding an article on how to do this on the internet so I thought I would share my final answer (thanks to the colleague who helped me with this!) in the hopes that it may help somebody else.

In the end I couldn't find a good way to keep the file name while replacing the browse icon so I had to replace it using jQuery. …

holly bourneville

Hi Im Holly! I’m from New Zealand. I’m in my first job as a Front End Web Developer and want to share my learnings and thoughts along the way!

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