I recently wanted to create my own simple loading spinner with just HTML and CSS. Here is the code that I came up with: HTML CSS See It In Action Below is what it looks like in action. I added a few inputs so that you can play around with Read more…
At times you may want to set a minimum height and/or a maximum height for an Lightning Web Component Datatable. The documentation may lead you to believe that you cannot accomplish this but with some CSS3 you definitely can. If you go to the LWC Datatable docs you will see Read more…
I just started a job that is using Bootstrap v4. I’m happy with the functionality but I miss having a not so plain looking button. Here is the CSS code I am using to add easy gradients on my Bootstrap v4 buttons: Here are some example buttons to show you Read more…
YouTube URL Replace the URL below with whatever YouTube video’s URL you want to make responsive embed code for. Embed Code You can select and copy the code below to embed this responsive video in your site. Example Embed If you resize the window you will see the video change Read more…
When working with Windows you probably have noticed that local file paths use the backslash as the path separator. Although this is the case, even on Windows, in CSS you can use the forward-slash as a path separator to reference an image. If you want to use the forward-slash though, Read more…
A few days ago while I was working on updating my resume I thought about ways to add my simple “CW” (short for Chris West of course) logo to it. At the time of writing this article I presented my logo on CWestify.com using CSS3: Leveraging the Canvas One great Read more…
Yesterday I really wanted to make a multi-lingual so I decided to make a game in which you have to go through all of the books of the Bible as fast as you can. I still need to do some work on the game to make it more user-friendly, but Read more…
The other day I was visiting Grid Style Sheets and was fascinated by the fact that the underlines of the links seemed to expand on mouse over. At first I tried simply using transition in conjunction with margin and padding but unfortunately the results were a bit shaky. Therefore I Read more…
Now Available in YourJS One of the cool things about JS is that you can do almost anything with it! The only thing is that you need to have the tools to get that “anything” job done. Recently, I had the desire to embed HTML, CSS, and JS all in Read more…
At times you may need to add a dynamically created stylesheet to a page via JavaScript. You can do just that with the following function: It is important to note that the above function simply create the STYLE tag with the specified stylesheet content. It does not add it to Read more…