View this online here... So its been a busy week for me anyway, like most weeks. I actually decided to start getting up early after reading (or started reading) the 5am club book. Im still not up to ..
I was looking for a quick way to apply a new color to a PNG image, which i did not really want to have to edit and thought there might be a CSS solution. I found a tool for this here CSS Filter..
Note: this might be a bit hard to read through as its just my raw notes on this subject/idea. Idea: create blocks of code that can be re-used and added easily to recreate site parts. I started this ..
I did have a toggle dark mode switch on the top right of this site. But i noticed when i loaded in the page it would flash white and then load in the dark mode. This is really annoying when lo..
I thought it would be kinda cool to have the css reference as some kind of database that i could refer to. this is how to import it somewhere else. Import CSS Reference Function This is the initial..
This is my inspiration list, or when i have a tool idea, i should add it here so next time i have nothing better to do, create one of these tools. Once created i will move the tool link over to this c..
Here is a collection of the tools i have created and also a list of the tools i still want to create. SEO Tools SEO Keyword Research This tool allows you to type in a keyword ..
Just a couple of quick links for things i usually google, will be updating this slowly as i remember things. Font Awesome Icons Remove Background - Make Image Transparent Quick Foundation Gri..
So i was playing around in the settings of chrome, and I could not locate the dark and light mode switch. Well apparently chrome looks at your windows theme and gets its settings from there. I added..
Yep i have gone back to bootstrap 5 with a dark mode theme. I think its neater, and i liked my old theme, but it had some issues, and no doubt this bootstrap one will also have issues. But yeah..
Just so i know what the plan is for leveling... This is where i am currently at in the grind to 99 all skills max cape. Seven 99's to go Currently working on construction. Just did Hunter a..
Here is a couple of blueprint books for factorio that i found, sources included. You can import them using the paste string, and clicking on this button in factorio: Then paste it in here an..
This might be a bit of a obvious one but i only just discovered that you can do this with images the other day rather than just using it for text content. I'll use this editor as the test one for now..
Here we go with some google page speed testing, on the new reduced size kruxor.com Its less impressive than i thought it would be: https://developers.google.com/speed/pagespeed/insights/?url=https%3..
This is my notes on upgrading this site from bootstrap to css grid. Mission: Make this look good! and fast :) Mmm… not so good at the moment, removed bootstrap and dark theme. But there..
I did a list for this last year, updating it again for this year, i will add and remove packages as i change them. This is just my personal preferences for atom as i usually code in js css html and ph..
Just created this css sub domain css.kruxor.com, to test out some more detailed css things and store properties. I will keep adding to it until all the properties have demos. Note to self: keep updat..
How to do a simple bootstrap landing page from Scratch - Part 1 How to do a simple bootstrap landing page from Scratch - Part 2 How to do a simple bootstrap landing page from Scratch - Part 3 O..
This is Part 2 of the Tutorial, Did you already read Part 1 to this tutorial? If not you can check it out below. How to do a simple bootstrap landing page from Scratch - Part 1 How to do a simple..
How to do a simple bootstrap landing page from Scratch - Part 1 How to do a simple bootstrap landing page from Scratch - Part 2 How to do a simple bootstrap landing page from Scratch - Part 3 H..
So it seems the trend lately is to add darkmode to everything... Dark Mode Light Mode Its actually not that hard to switch style sheets and add a dark version of the same style, it seems to be ..
Here is my process to create a super simple but responsive and slick looking landing page. Create a HTML File Create a html file called index.html as this is the file used by most web servers as the..
I used to just write this manually, but this generator is much easier than manually typing these margin and padding values. So what this does is generate css for each step so if i do the default se..
This one is just in case you don't like using the tab button or maybe you have inherited some code that is just a big mess. Using the Code Beautifier Tool you can just paste in the code, and it adds ..