jQuery – test jQuery is running
Testing if jQuery is loaded and running…
Read moreWeb-tech – html/css/js
CSS file structure template
A working version of the table of contents and associated comments to put in a css file to aid navigating within styling sheets.
Read moreCSS – Responsive design basics
Core principles to follow for web page layout: Appropriate break points for the most popular devices…phones, tablets/laptops & PCs are: Smart phone < 768px < Tablet < 1023px < Desktop Example: @media only screen and (max-width: 768px){ /* CSS rules to apply to smart phones goes here */ }
Read morejQuery – list all class names
While overhauling a site, I ended up with many obsolete rules in classes that are no longer applied. To help clean up the CSS stylesheet I wanted to list all class names so I could do a comparison. This answer from stackoverflow did 90% of what I needed
Read moreCSS – Responsive design details
This site: https://www.designersinsights.com/designer-resources/designing-responsive-website/ Recommends these breakpoints… Using Hardware Pixels to Design a Responsive Website When designing a responsive website, we
Read moreJS – Conditional Short-hand
if condition ? true : false
Read more