Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
bbauska authored Jun 9, 2024
1 parent 03ee19b commit b94c31f
Showing 1 changed file with 13 additions and 12 deletions.
25 changes: 13 additions & 12 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -360,29 +360,30 @@ <h3>Add’l Readings:</h3>

<h2>Resources:</h2>

<h2>Pixel to Em conversion tool</h2>
<h2><a href="https://pixelsconverter.com/px-to-em" target="_blank" rel="noopener noreferrer">Pixel to Em conversion tool</a></h2>

<p><a href="https://pixelsconverter.com/px-to-em" target="_blank" rel="noopener noreferrer">Here</a> is the website for Pixel to Em conversion</p>

<p>Note: In the third column you can enter numbers and have the conversion calculated
for you.</p>
<p>Note: In the third column you can enter numbers and have the conversion
calculated for you.</p>

<h2>Dynamically change the size of a font with sliders</h2>

<p><a
href="http://codepen.io/chriscoyier/pen/tvheK" target="_blank" rel="noopener noreferrer">This CodePen by Chris Coyier</a> will let you use sliders to dynamically change the font size on a page: http://codepen.io/chriscoyier/pen/tvheK</p>
<p><a href="http://codepen.io/chriscoyier/pen/tvheK" target="_blank" rel="noopener noreferrer">
This CodePen by Chris Coyier</a> will let you use sliders to dynamically change the
font size on a page.</p>

<p><a
href="https://css-tricks.com/rems-ems/" target="_blank" rel="noopener noreferrer">This demo</a> goes with one of the readings on Fluid Measurements, but I am including it here again just in case you missed the code. You can <a href="https://css-tricks.com/rems-ems/" target="_blank" rel="noopener noreferrer">read it here</a> if you want to know how to use the tool: https://css-tricks.com/rems-ems/</p>
<p><a href="https://css-tricks.com/rems-ems/" target="_blank" rel="noopener noreferrer">
This CSS Tricks demo</a> goes with one of the readings on Fluid Measurements, but I am
including it here again just in case you missed the code. You can
<a href="https://css-tricks.com/rems-ems/" target="_blank" rel="noopener noreferrer">
read about REMS to EMS here</a> if you want to know how to use the tool.</p>

<h2>CSS definitions of relative and absolute</h2>

<p>Someone provided me with a link that helped them better understand the meaning
of "relative" and "absolute" as they relate to CSS.<br>

<p><a
href="https://www.w3.org/TR/css3-values/#length-value" target="_blank" rel="noopener noreferrer">Here</a> is the link: https://www.w3.org/TR/css3-values/#length-value.</p>
<p>Note: This is a fairly technical document and is not required reading for the course.</p>
<p><a href="https://www.w3.org/TR/css3-values/#length-value" target="_blank" rel="noopener noreferrer">
Here is the link for more</a>.</p>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<h2 id="Week1-01">Week 1-01. Introduction to Responsive Design</h2>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
Expand Down

0 comments on commit b94c31f

Please sign in to comment.