Love at first byte
Finding an old bug can be tricky and take some time, especially when you are working on a big project with a lot of commits. Most of the time, you need to define what commit introduced the bug to be able to fix it efficiently. If you have 100 commits to go thought it can …
One thing I was faced with when working on CSS with dynamic data is to apply a padding only if the element had other elements following it. An example would be when you have a list. If you have only one <li> in the list, you don’t want to apply any padding. However, if you …
Read moreApply CSS only if the element is followed by another element
As a developer, I was used to Linux and windows for years. You know, college didn’t have the budget for macOS, and neither did I. So, the first time I had to code on Mac, I was already working as a developer for 3 years, and I was horrified to make the change. Everything felt …
You might want to truncate a string of text, and you struggle with how to use the property ellipsis. Here is an example of how you should use it. Note that all the following are mandatory. Your string has to be a straight line (that explains the white-space: nowrap). Its width has to be fixed …
Using a Mac for the first time, I faced a problem installing PHP. I would install it over and over, and every time the terminal would tell me that I don’t have PHP on my laptop. Furthermore, I didn’t just need to install one version of PHP, I needed multiple versions because I had different …
To develop a feature in JavaScript, I started by looking into the events related to the keyboard. I found three events : keypress, keydown, keyup. keypress was only happening when the user pressed a char key, and I also needed to get the event when the user uses the supr button. So I thought I …
Here is my situation: I had to code a dev that I cut into two different commits. I asked for a review from my team and got feedback on the first commit. I realized I didn’t know how to amend a commit that wasn’t the last one in the git history. I really didn’t want …
It is never easy for me to use z-index especially when you are adding code to an existing project, and you don’t know the whole structure. I was stuck with that for a while, adding z-index on every level of div, but nothing was working. Thanks to StackOverflow, I was able to understand the problem …
It is quite easy to add a placeholder on a select in HTML, you just need to add an option with the text you need as a placeholder. The only thing to look for is to empty the value, add the two properties selected and disabled. <select> <option value="" disabled selected>Select your option</option> <option value="test">Test</option> …
Customizing checkboxes is a little tricky, it requires a lot of additional CSS to make it look nice. I had to work on a custom checkbook, but it ended up not working. Here is the issue I encountered. The mistake I made on the custom checkbox When you create a checkbox, you need an input …
I was trying to apply the CSS property vertical-align: middle on an element but no luck, it was not working as expected. Here is an example of non-functioning code : .container { background-color: red; height: 50px; width: 100px; } .text { vertical-align: middle; } The first option would be to set a line-height on the …
I am very new to Mac, so I am struggling a lot using basic tools. I was following a documented process to install PHP, and it was asked to run the command : However, I got the error message “xcode-select: error: command line tools are already installed, use “Software Update” to install updates”. After some …
While working on a project on the framework Symphony, I faced this error : “The class xxxx has a coupling between objects value of 13. Consider to reduce the number of dependencies under 13.” I looked at the phpmd property CouplingBetweenObjects online to see how to overwrite it, you can have a look at the …
I am very new to node but I had to use it in a project to send a request to register my Bot. I read a lot of tutorials and I was lost at first, there were so many ways to make a post request but I couldn’t’ figure out which one to use. However, …
I had to use node for a project, I read some tutorial online and in almost all the sources I found that’s how they imported a dependency : However my mentor was here to explain that this was an old way of importing in javascript, but it doesn’t work properly with typscript. Instead you better …
Read moreDon’t use require to import a package with typescript