Blog

Easy Gradient Buttons for Bootstrap v4

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: .btn { background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, Read more…

By Chris West, ago
Blog

Responsive YouTube Embed

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…

By Chris West, ago
Blog

Canvas – Making A Simple Logo

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: CW Leveraging the Canvas One Read more…

By Chris West, ago
Blog

Game – Bible Book Master

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…

By Chris West, ago
Blog

CSS – Expanding Underlines

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…

By Chris West, ago
Blog

JavaScript – Create Stylesheet

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: /** * Creates a STYLE element with the specified content. * @param {string} content The stylesheet content. * @return {!Element} The created STYLE element. */ Read more…

By Chris West, ago
Blog

CSS – Change Content On Hover

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…

By Chris West, ago