Responsive CSS style based on screen width with @media
Using @media in CSS allows you to specify styles for a certain viewpoint (width/height). This helps with creating responsive designs if you’re not using a framework such as Bulma or…
Category: Development
Printing array keys and values with PHP
Being able to quickly or efficiently get the keys from an array which is most likely an API call is great. You can see what data exists which may not…
The MySQL Inner join
A MySQL Join is when data is collected from two or more tables and “joined” on keys to return as one, saving you doing multiple queries. There are several types…
A clean and modern Bootstrap mockup
Looking at different approach to design with Bootstrap 4, a free flowing open one page design. A large amount of websites have defined areas and even i am guilty of…
Basic Linux commands Part 2: Storage and disk information
Part 2 in the Basic Linux commands; How to view storage space details and information such as free space on Linux, Part 1 was Navigation, folders and files. Viewing disk…
Basic Linux commands Part 1: Navigation, folders and files
No GUI just text, Starting out with terminal can be confusing and daunting. Looking past the black console commands are actually fairly simple. Here are the basics in navigation and…
PHP MySQL loop with Bootstrap 4 columns
Here is how to implement the Bootstrap grid system into a PHP MySQL foreach loop. The code is set to be 4 columns on large screens, 2 on small screens…
How to do a MySQL GROUP BY with ORDER BY on a COUNT()
MySQL Group by returns the data of the same value into a set rows. It is often use with COUNT, SUM or AVG etc. Doing this will return how often…
Easy alert system with PHP
How to deal with errors, warnings, alerts or notices with PHP. You cannot hard code them into a page because at times they wont be needed yet when they are…
BunnyCDN image manipulation engine
Part of BunnyCDN’s new optimizer engine is the manipulation engine. This allows you to append further configurations onto an image URL to manipulate the end received image. Here is a list…