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…
Today I saw a question about changing content without necessarily using JavaScript to do so. Recently I have had to do a little bit more with CSS and think of more solutions with JS. Thusly I came up with a somewhat elegant solution to replacing content on hover without JS: Read more…