Fully Responsive YouTube Videos & Google Maps

Add a <div> element around the <iframe> for your YouTube video or Google Map: <div class=”iframe-container”> <iframe src=”https://www.youtube.com/embed/j4o2PDwKdcA” frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe> </div> Add the following to your stylesheet: .iframe-container { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .iframe-container iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; } Results:

How to Add a Favicon Using the WordPress Site Icon Feature

WordPress 4.3 introduced a new “Site Icon” feature, which provides a user-friendly interface for adding a favicons to your websites. Icons are also used as app icons on mobile devices. The Site Icon feature can be found by going to Appearance > Customize and selecting the Site Identity option. Then click the Select File button and choose an image in the […]

Applying Background Images Using CSS

A background image can be applied to any element using the following CSS declaration: background-image: url(image name); Shorthand Shorthand background declarations are written as: background: color image repeat attachment position; For example, the following code: p { background-color: #f00; background-image: url(background.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: center; } would be written in shorthand as: p […]

Don’t be a Whore! 10 Tips to help designers avoid being taken advantage of

From GoMediaZine… If you’re freelancing or just starting your own design company, you may be in jeopardy of being a whore. That’s right. Some seemingly sweet client may come along, wine and dine you, bend you over the back of the couch, have their way with you – then dump you like last week’s trash […]