Dale's Take

Everything is open for discussion…

  • General
  • Social Policy
  • Psychology
  • Science & Tech
    • Mathematics
  • Programming
    • VBA – Excel
    • HTML / CSS / JS
    • PHP / WordPress
    • R for Statistics
    • MySQL
    • PowerShell
    • Git & github
  • Life
    • Employment
    • Trips
    • Events
    • Books
    • Movies
    • Self defense
    • Projects

Web-tech – html/css/js

Programming Web-tech - html/css/js 

CSS – Responsive design basics

January 25, 2022May 26, 2022 dradma 0 Comments responsive design, break points, css

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 more
Javascript Web-tech - html/css/js 

jQuery – list all class names

January 5, 2022January 5, 2022 dradma 0 Comments css, javascript

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 more
General Web-tech - html/css/js 

CSS – Keep footer on bottom of page

December 23, 2021June 7, 2022 dradma 0 Comments HTML, css, layout, footer

Simple steps to ensure the footer remains at the bottom of the page. These are: set body tag to min-height:100vh with padding-bottom to the height of the footer and set footer to position:absolute, bottom:0px

Read more
Programming Web-tech - html/css/js 

CSS – Responsive design details

February 3, 2020February 4, 2020 dradma 0 Comments css, units, responsive design, layout

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 more
Javascript Web-tech - html/css/js 

JS – Conditional Short-hand

September 20, 2016May 26, 2022 dradma 0 Comments

if condition ? true : false

Read more

Recent Posts

  • CSS – Responsive design basics
  • jQuery – list all class names
  • CSS – Keep footer on bottom of page
  • CSS – Responsive design details
  • JS – Conditional Short-hand

Recent Comments

    Categories

    • 3d printing
    • Books
    • Employment
    • Events
    • Excel
    • FreeCAD
    • General
    • Git & github
    • Javascript
    • Mathematics
    • MySQL
    • Philosophy
    • PHP
    • Politics
    • PowerShell
    • Programming
    • Projects
    • Psychology
    • R for Statistics
    • Science & Tech
    • Software
    • VBA – Excel
    • Web-tech – html/css/js
    • Wordpress

    Archives

    • February 2023
    • January 2023
    • December 2022
    • November 2022
    • July 2022
    • June 2022
    • May 2022
    • April 2022
    • February 2022
    • January 2022
    • December 2021
    • November 2021
    • October 2021
    • December 2020
    • February 2020
    • December 2019
    • November 2019
    • September 2019
    • July 2019
    • June 2019
    • April 2019
    • March 2019
    • September 2017
    • August 2017
    • June 2017
    • February 2017
    • January 2017
    • December 2016
    • November 2016
    • September 2016
    • July 2013
    • May 2013
    • April 2013

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org
    Copyright © 2023 Dale's Take. All rights reserved.
    Theme: ColorMag by ThemeGrill. Powered by WordPress.