With Creative Services, once we have someone visit your website, we want to give a positive first impression of your business. And we write lots of words, but those are to make the search engines happy. But it’s pictures and videos that keep people on your website. So our Creative Services of words, pictures, videos,
The Map element gives gives us control over an embeddable map we can drop anywhere in a project. When you’re first setting up a project, you’ll need to add your Google Maps API key. So we’re going to break this into two sections: (1) we’ll cover integrating the Google Maps API key, and (2) we’ll
Whether it’s a section or a div block or a hidden message containing the recipe for Grandma Daisy’s world-famous tuna sandwich, setting the Background on an element give us enormous control over appearance and legibility. For now, we’ll go into a quick overview on Background color, Background image, gradients, and solid colors (or overlays). Let’s
Hello, my name is Ron Zasadzinski with CodeGeek.net. This is a demo of website designed and implemented using responsive web design techniques. The purpose of responsive web design is to develop one website that is programmed to transform to the continuum of devices that are currently used to view websites – from smart phones, to
Padding and margin can add space or breathing room inside or outside of an element’s boundary. Padding creates space on the inside, while margin creates space on the outside. Let’s explore four different aspects of padding and margin: Individual Sides, Complementary Sides, All Sides, and then Negative Margin. Let’s start with Individual Sides. Here’s a
Text Links are standalone links. And they’re used when the only thing you need that text element for is a link. For example, let’s say we want to add a new line under this paragraph. If we do a paragraph element — if we drop in a paragraph, now we have a paragraph with a
Paragraphs — in many cases — contain most of the text on a given page. We’re gonna cover three aspects of creating and styling paragraphs: adding paragraphs to our project, adjusting spacing between paragraphs, and adding custom styling to our paragraphs. When we go in and add a paragraph element — when we drag it
I’ll start from the last diagram. It shows the nav coming in from the right, see how it’s over here off the canvas? And then it comes in and covers the canvas on the right side. This one is wrong, because this property translate negative 300 pixels, means that the nav bar is starting 300
This wasn’t too hard. The green box and the light blue box, both have widths of 50%, because they take up half the width of the container, but all the other boxes like the dark blue, the red, and the orange, all take up the full width of the container, so they’re at 100% width.
The first step to developing a responsive site is to get inspired by other responsive sites. For this quiz, I want you to surf the web and find an example of a site that does responsive design well. Share your findings in the box below or in the forums.