Entries by jay

How to Learn Javascript

I am a self-taught web developer. I have learned Javascript on my own and I feel pretty comfortable with it. That took a lot of time for me. I have watched a lot of online courses, done the projects. After some time it just started to click. If you take these courses (in this order), […]

What Does a Web Developer Do?

There are typically two reasons people reach this page. They are either looking to hire a web developer, or they want to learn to program, and they would like to find out more about the field. In this article I try to provide information for both visitors. You will understand who is a web developer, […]

How to Enable Passwordless Sudo on Ubuntu

It is common practice to use a sudo username instead of the root for security reasons. In some cases (like letting Ansible do it’s thing on a server), you will need to sudo without a password prompt. The file that contains all the sudoers is located at /etc/sudoers. It is highly recommended to not edit […]

Set up Passwordless Authentication for SSH on Ubuntu

Using a password for authentication on a server is asking for trouble. Servers are under constant attacks and it’s a matter of time until someone hits the right password and hijacks your server. With passwordless authentication, the chance of anyone hacking into your server greatly diminishes. To start, you will need a public key on […]

Css width vs. flex-basis: what’s the Difference?

There is a time in every frontend developer’s life when they learn flexbox and ask: what is the difference between width and flex-basis? They look the same at first glance. The answer is that in some cases they are them same. There are a couple edge cases you have to be aware of. flex-basis by […]

CSS Inheritance in Practice

Inheritance simply means that in certain cases a child element can inherit properties from the parent element. You can think of it like a default value for certain types of elements and its properties. It is a common practice to set general text formatting on the body. Paragraphs will inherit those properties even several levels […]

CSS Specificity Explained in Simple Terms

To make our life easier, the designers of CSS created multiple levels of specificity depending on the selector. The three main kinds of selectors are: element class id There are also combinations of the above and pseudo elements and classes. The traditional way of measuring specificity is to assign number values. Element selectors have a […]

Creating Links that Look like Buttons in CSS

I have written about styling links in CSS in another post. Creating the kind of buttons you see in website navigations is also done with simple links. The most widely used method to do it is to add display: inline-block; to the link and then apply padding. By default, links are inline elements, you applying […]

Styling Links with CSS

You can style links by applying styles to a elements. a elements have five states that you can target with your styles: link visited focus hover active The order of these states in a stylesheet is very important. These states are additive, so even though a link is visited, the link style still applies to […]

CSS Inline and Block Elements

Block level elements will start a new line and will stack on top of each other. Block elements by default are: paragraphs headings lists and list items divs header footer main section and more. Inline elements stay in an existing line. A good way to remember inline elements is to think about links. You know […]