Search
Search Articles
Search Articles by entering your search text above.
Newsletters
KruXoR - September 2022 - Newsletter #1

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 ..

4:36 am, September 20, 2022
Tool Documentation
CSS Filter Generator from Hex Code

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..

4:34 am, August 16, 2022
ideas
Idea: create blocks of code that can be re-used and added easily to recreate site parts

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 ..

4:18 am, July 6, 2022
Bootstrap
Added Bootstrap Nightshade Again

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..

12:21 am, February 23, 2022
Data Imports
Importing CSS Reference

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..

11:48 pm, February 22, 2022
Tools and Utilities
tools i still want to create

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..

12:03 am, December 13, 2021
Tools and Utilities
Tools

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 ..

1:22 am, December 9, 2021
webdev
creating a button creator in javascript

still working on this.  So i have been working on a button creator in javascript, so that i can create html/css buttons on the fly a bit easier and have the button html and css easily exportab..

7:01 am, September 17, 2021
webdev
Quick Links

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..

12:47 am, July 12, 2021
apps
how to switch chrome to dark and light mode in windows 10

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..

12:58 pm, June 9, 2021
Site Development
goodbye old grid theme

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..

12:44 pm, June 9, 2021
rs3
RS3 Leveling Progress - Maxed!

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..

4:36 am, June 5, 2021
factorio
Factorio Blueprint Books

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..

2:17 am, February 20, 2021
howto
Aligning Images in TinyMCE or Floating them left and right

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..

5:06 am, February 8, 2021
Site Development
Google Page Speed Cleanup and Testing

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..

12:47 am, December 23, 2020
Site Development
Kruxor Moving from Bootstrap to CSS Grid

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..

12:05 am, December 23, 2020
apps
My Favourite Atom Packages (Plugins) 2020

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..

11:35 pm, October 13, 2020
webdev
css.kruxor.com mini css code related sub domain

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..

1:47 am, September 25, 2020
how to
How to do a simple bootstrap landing page from Scratch - Part 3

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..

2:49 am, January 28, 2020
how to
How to do a simple bootstrap landing page from Scratch - Part 2

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..

4:14 am, January 21, 2020
how to
How to do a simple bootstrap landing page from Scratch - Part 1

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..

1:22 am, January 21, 2020
code
how to add a darkmode toggle to switch css and remember it dark mode

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 ..

1:51 am, July 17, 2019
how to
How to do a simple landing page from scratch

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..

4:28 am, October 2, 2018
css
CSS Margin and Padding Framework Generator - How to use it

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..

5:06 am, September 17, 2018
code
How to make your code look nice

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 ..

5:24 am, August 28, 2018
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote


Me
Random CSS Property

object-fit

The object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.
object-fit css reference