Gitignore Not Working? A Help Guide.
The title says it all. There are many cases where you might be troubleshooting the .gitignore file because it is not working as expected. The .gitignore file plays a crucial role in Git repositories. If you're .gitignore file is not…
HTML Form action Attribute: A How-To Guide
The HTML form action attribute defines what should happen to data when a form is submitted on a web page. The value of the action attribute should be the URL of the web resource that will process the contents of…
Rotating Elements with CSS
The CSS rotate() function skews an element by a certain number of degrees. You can rotate an element clockwise using a positive number of degrees. Or, you can rotate an element anti-clockwise using a negative number. Today we’ll learn how…
HTML Favicon: A How-To Guide
A HTML favicon appears in the tab bar of your browser next to the name of a website. The favicon is a small image that identifies the website a user is visiting. Favicons are declared in the <head> tag of…
Removing Untracked Files with Git
You can use the git clean command to remove untracked files. The -fd command removes untracked directories and the git clean -fx command removes ignored and non-ignored files. You can remove untracked files using a .gitignore file. There are two…
Markdown Cheat Sheet
If you ever used Git, you probably created Readme files, if so you noticed these Readmes are in Markdown. Markdown is a very lightweight markup language, very similar to plain text, that’s very easy to learn and you can get…
Creating Ranges with JavaScript
A lot of time when writing different functions, we might want to create ranges in order to work with some data. A range represents data in an array or object with a beginning and end value. A lot of languages…
Git Fixes: The Current Branch Has No Upstream Branch
It might happen that you are working on your regular day-to-day coding. You create a new branch, make some commits and then after doing git push you get this error: fatal: The current branch <branchname> has no upstream branch. To…
Git Detached HEAD
While you might not encounter the problem of a detached HEAD, it is important to know about it so that you can avoid it. As a recommendation do not commit on a detached HEAD but if you do, we’ll show…
Git Reset To The Rescue
When you are working on a project by yourself or as part of a team, there might be instances when you want to undo a commit. The git reset command is one of the tools known to be a real…
How to Get Dropdown Values with JavaScript
As you learn how to build web forms, one of the most common tasks is to get values from dropdowns. In this article we'll learn how to get such values with JavaScript. Dropdown HTML Element Let's have a quick recap…
CSS Keyframes
Building animations is a breeze with CSS. And the fun part is that you don't need any third party frameworks or plugins. The @keyframes CSS rule is a tool we need under our belt to build these animations. @keyframes Syntax…
CSS Input Type
When we are building forms, we want to make them unique and appealing to our clients or customers. It is true that the way we present our forms makes the user-experience much better. In order to style our forms, we…
CSS Shapes
Let's go ahead and create some fun CSS shapes! Follow my Codepen for all the code. Let's do this. Rectangles and Squares All our shapes will be wrapped in a div. The most basic shape is the square and the…
The MEAN and MERN Stack
Often when we are developing web applications we divide our app in different layers. In this article we'll talk about what the MEAN/MEARN stack is in the context of full-stack development. What is Full-Stack Web Development In the most basic…
ID and Class Attributes in HTML and Their CSS Selectors
When using CSS for styling web pages, you'll often want to target certain parts of your page. One of the ways you can select one or more element(s) is by either their ID and/or Class attributes. As you go through…
CSS Font-Style
With the font-style CSS property we can style our font with a set of characteristics in order to give emphasis to our text. As always, checkout my Codepen so you can code-along with me. font-style Syntax and Options We have…
CSS Z-Index
When you are designing your layout with CSS, you'll often position elements either up/down or left/right. The z-index allows us to move elements on a 3rd dimension on the Z-axis, with a stacking effect (on top of each other). The…
CSS Tricks – Centering an Image
Today we'll try to center a Susuwatari. These little creatures commonly referred as 'soots' like to move around a lot so we need to keep on still and center so we can take picture of one or more of them.…
CSS Colors Tutorial
When it comes to making your UI standout, there's nothing like choosing the right color pallette. With this tutorial you'll learn how easy it is to assign colors to elements, fonts, and pretty much anything as you build your UI.…
