Search
Search Articles
Search Articles by entering your search text above.
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...

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

❤️👩‍💻🎮

Subscribe
Subscribe to weekly update emails.
Random Quote


minecraft
Random CSS Property

rotate

The rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform property.
rotate css reference