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
19
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
•
Docker containers list
To view a list of Docker containers that are currently...
Andrew Fletcher
•
Working in an AWS ec2 environment, my goal is to access the server via...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
Build the PHP base image with apache-buster using the Dockerfile.base
Since JN...
Andrew Fletcher
•
Tailwind CSS is a highly customisable framework that delivers developers the tools to quickly pull your site together.
Initial Configuration
The installation and configuration steps are essentially the same as those outlined within the Tailwind documentation.
Note they need to be performed within your custom theme's directory such as /themes/custom/{theme} for Drupal 9
Install Tailwind and PostCSS via npm or yarn. I used npm...
# Using npm
npm install...
Andrew Fletcher
•
As a web developer, you will most likely need to run local copies of a bunch of...
Andrew Fletcher
•
Running Docker
Dangerous word... I'm assuming that Docker is installed....
Andrew Fletcher
•
Running Docker and attempting to install a web proxy environment where I'm...
Andrew Fletcher
•
xdebug - failed to solve with frontend dockerfile.v0: failed to create LLB...
Andrew Fletcher
•
Create and push to Docker Hub
Creating your own custom image... you need to have a Docker ID. Not sure, well most likely you created it to download Docker Desktop. If you don't have one, go to Docker and sign up.
In your text editor create a file called Dockerfile in the same directory you want to have as your local site. No extension, just Dockerfile. Paste in this code and save the file:
FROM nginx:latest
COPY . /usr/share/nginx/htmlThis tells Docker to use the same nginx...
Andrew Fletcher
•
Resetting Docker is basically following the start parameters. All...
Andrew Fletcher
•
Setting up a new project in Docker and VS Code.
Using Terminal, go to your...
Andrew Fletcher
•
Running Docker in a new process and creating a container.
Go to the...
Andrew Fletcher
•
Working in Laravel, I needed to loop through an array and know whether the...