just a css style image background tile thingo

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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