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 […]
10 Tips for Writing an Effective Client Survey
Regardless of whether you are embarking on a redesign project or a new website, one of the most important documents is the client survey or questionnaire. Many client surveys found online are derived at least in part from Web ReDesign, by Kelly Goto and Emily Cotler. This is one of the most helpful books that […]
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 […]
The Ultimate Website Launch Checklist
Box UK has posted a handy checklist to assist web developers and project managers when launching a website. The collaborative effort appears as if it is still a work in progress, but documents such as this usually are.