How I Built DOJ.me
You probably heard or even visited sites like downforeveryoneorjustme.com and some of the other similar websites. It’s a very simple business model. People search for websites that might be down and they are served with a result along with some ads. The ads make money and everybody it happy. I am not just a developer […]
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 […]
CSS Margin and Padding
Margin is the spacing between elements, like heading and paragraphs. Browsers all have their defaults. For heading and paragraphs, the default is the font size for both margin-top and margin-bottom. Centering with Margin Setting the left and right margin to auto on an element will let you center it. You can also do that in […]
Dedicated Server vs. Cloud Server – Which One Would I Pick?
Like you, dear reader, I grew out my shared hosting plan at Siteground. I liked them a lot and was very happy with the service they provided. I can wholeheartedly agree with all the positive reviews. Still, the time came when had to ask myself: “dedicated server or cloud server?” Throughout this text, I will […]
Dell’s Technical Support Sucks (XPS 13)
I have bought a used Dell XPS 13 a couple months ago. I had Dell laptops in the past and I was very happy with their home support. I was traveling at the time and they have even managed to replace the motherboard of my laptop in China while on the road. After that I […]
Node global vs. window Object
You know how when you declare a variable with var in a browser, it will be added to the window object. That’s not the case with the global object. In node, every file is a module. If you want to use a variable outside a module, you have to export it and then import it. […]
The Difference Between Git and Github
Back when I started learning web development, I had no idea what Git and Github was. Later I learned that Git is a version control system. I had a vague idea what that is. But what is Github then? And how are they different? Git – A Version Control System Git is a free and […]
A Look at Javascript Nodelist vs. HTMLCollection vs. DOMTokenList
Working with the DOM using vanilla Javascript has never been easier. You no longer need JQuery to select parts of a website. Still, there are a few things you should know before you can confidently select and modify HTML elements. The Nodelist When you use document.querySelector, you get back a Nodelist. A Nodelist is simply […]
Center a Table with CSS
At first sight, centering a table with CSS seems like an easy task. You just apply text-align: center; on the container and it’s all set. Or is it? I have set up a simple table for demonstration purposes and added the text-align property to the body. body { text-align: center; } The result? It’s still […]
http Statuses Explained
1×× Informational 100’s are informational codes indicating that the request is continuing. 100 Continue: The server received part of the request and wants the rest before sending the response. 101 Switching Protocols: The server received the request, undestands it, and willing to coply with it, but it will update the protocol. 102 Processing: The server […]
Understanding the CSS Box Model: Padding, Border, and Margin
When we are thinking about the content on the website, we think about the text, images, videos, forms on the page. Depending on what type of content we are dealing with, we can specify the width and height of our content.
Who Controls The Internet?
Before we can answer who is in control of the Internet, it’s good to know a little about the history and fundamentals of it. The first successful message over the Internet was sent in 1969 from UCLA to Stanford. They tried to send the word “login.” They were able to send “lo” and then the […]
Javascript Limitations
When a programming language changes as fast as Javascript, browsers need time to catch up with it. That’s why support for some of the ES6 (ECMA2016) is spotty on some browsers. The biggest limitation I see with Javascript is the way it handles numbers. If you do anything with floating numbers, the result won’t be […]
