Ten Forward Blog
tech • mobile • web • madison, wisconsin
Showing Results for Keyword: how-to (clear)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa3RIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--90d6ca2ce72d187ed233a953d56c47118ac97ccb/desktop.png)
How to make a non-video iframe responsive, using JavaScript
Published: June 2, 2022
By Hilary Stohs-Krause
Making iframes display properly at different screen widths is a tried-and-true, challenge, especially when the content in the iframe isn't proportional across devices. JavaScript to the rescue! (Read more)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa2xIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2b080dc9e04d72ff4a2534831b7dc3bf3f4feb41/hover.gif)
How to add a delayed hover effect with JavaScript
Published: May 24, 2022
By Hilary Stohs-Krause
A quick guide for implementing a more controlled hover effect (and avoiding an infinite loop!) (Read more)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBakk2IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a97807e1d80125b575ba22ec8d11b3d372666c65/Screen%20Shot%202020-11-10%20at%203.32.58%20PM.png)
Rails & Regex: How to validate for length of a number with or without a hyphen
Published: November 12, 2020
By Hilary Stohs-Krause
What follows is our quest to craft a regex validation that ensured a certain amount of numbers, with or without a hyphen, and our breakdown of how it all works. (Read more)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBclVsIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b10e6117183c9170a40864e114970df7ca00ea0c/Screen%20Shot%202018-11-01%20at%202.00.28%20PM.png)
How to make a text field's width increase and decrease dynamically based on user input
Published: November 5, 2018
By Hilary Stohs-Krause
The title pretty much says it all. (Read more)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdFFiIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bd67b43aaab7313c847d726382111cc773b7ad81/original.png)
How to add a "copy to clipboard" button to your website
Published: September 17, 2018
By Hilary Stohs-Krause
Have a situation where you want to make copying text easier? Add a button that lets your user copy it directly to their clipboard. (Read more)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkFNIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--6dfca78ddc11c163e8feaac00b96c93c7f96caf6/Screen_Shot_2016-12-05_at_10.32.49_AM.png)
CSS responsive trick: How to create an "ellipsify" class
Published: December 6, 2016
By Hilary Stohs-Krause
Tables aren't known for being particularly responsive, but at times, using them is unavoidable; when that's the case, sometimes all it takes is a little CSS to make a big difference. (Read more)
![](https://tenforward.consulting/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBazRNIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5de55e702429c69bdc3067231e9f7c9b39779a16/magic-computer.jpg)
How to make Github magical
Published: June 30, 2016
By Hilary Stohs-Krause
Programming already feels a bit like magic; I just upped the ante. (Read more)
Jellybean-surprise! (Or, how to change "localhost" to whatever you fancy)
Published: March 16, 2016
By Hilary Stohs-Krause
It's quick and easy and doesn't really matter (most of the time), but if you're easily amused, it's well worth the 30 seconds. (Read more)