How to change the Header background color on scroll using minimal JavaScript

How to change the Header background color on scroll using minimal JavaScript

We know that nowadays everyone wants something flashy and eye catching but the majority of the time at Daddy Design, we prefer a simplistic approach that functions much smoother and more efficiently. In this tutorial we will teach you how to easily change the Header background color on scroll using minimal JavaScript to create a quick simple elegant solution.

Read More
How to Code a Side by Side Locked Image Layout for your Website

How to Code a Side by Side Locked Image Layout for your Website

While working on the redesign for the Moss Construction website we used a layout structure that consisted of an image section and content section side by side where the image was locked in place until the content scrolled completely. In this tutorial we will teach you the basic bare bones coding approach we used to achieve a side by side locked image layout.

Read More
How to add a responsive Google Map to your website

How to add a responsive Google Map to your website

The way your Google Map renders and displays on your website is crucial to how easily your customers can find your business without getting frustrated. In this tutorial we will teach you how to add a responsive Google Map to your website.

Read More
UPDATED: How to Make Digital 8-Bit Style Corners Using Only CSS

UPDATED: How to Make Digital 8-Bit Style Corners Using Only CSS

Back in 2010 we wrote a tutorial on how to create a digital 8-bit style effect for corners using only CSS. Now it’s 2017 and we’ve decided to revisit our earlier method and improve upon it. In this tutorial we will teach you an updated method for coding beautiful responsive digital 8-bit style corners using only 100% CSS3 requiring zero images and less markup.

Read More