developer resources
Codebales holds an ever growing number of solutions to problems that we have experienced in our day to day code writing
Selected filter
24
results
Andrew Fletcher
•
As you're using Bootstrap 5 and applying a style for the hover state of an accordion button, specifically changing the background image of an ::after pseudo-element. If you want to change the icon colour on hover, you should modify the fill attribute in the SVG's path element.
Here's an example:
/* Default state */
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd'...
Andrew Fletcher
•
A summary of Node package commands
Short cut commands
npm install...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
Installing PHP on OSX and it installed PHP 8.2.x. However, for my...
Andrew Fletcher
•
JSON structure
Outlining the structure of the elements common attributes:...
Andrew Fletcher
•
Trying to have a chat recently, and Microsoft Teams would not open on MAC OS. Sometimes it would open without issue. But today, no play.
The email comes through with no issue. Opens in Safari with no issue. But the link to open in Microsoft Teams, goes nowhere.
Below are the progressive steps that I took to resolve this issue (note that this could take multiple solutions - let's see):
Solution 1: delete cache
How to delete the cache of Microsoft Teams on...
Andrew Fletcher
•
How do you generate a .pem file from an existing .ppk key?
Is putty on your...
Andrew Fletcher
•
Wanting to create a new repository on GitHub, add in a few of the available...
Andrew Fletcher
•
Step 1: Install Homebrew
Homebrew is the missing package manager for macOS.
As...
Andrew Fletcher
•
Working on a new CentOS 7 server, Node wasn't installed. You can...
Andrew Fletcher
•
I started out with a simple task... install Tailwindcss. What unfolded is something that many of us have experienced time and time again.
For anyone that has completed this task before knows that through shell the command is
# Using npm
npm install tailwindcssHowever, before doing so I wanted to check the version of node on the server and in Plesk. The shell command node -v was showing v7.10.1 whereas in Plesk v10.16.0. Not great being a few versions behind....
Andrew Fletcher
•
The purple warning notification of annoyance recently came my way! I...
Andrew Fletcher
•
I'm currently working on a project that requires login, register, forget...
Andrew Fletcher
•
iOS localization on the fly
If you have added languages to your app......
Andrew Fletcher
•
Updating Realm and RealmSwift from 5.5.x to 10.0.0 brought in the following...