11 Web Page Sections Of HTML 5

13 04 2011

Just in case you aren’t keeping up with the developments in HTML 5, I thought I’d share with you the current definitions of 11 sections of a web page document. They’re simple, but I think they are essential to understanding where HTML 5 is going to take us.

  1. Body Element – Just as in HTML 4, the Body element defines the body of a web page.
  2. Section Element – New to HTML 5, the section element defines a specific section of a body element on a web page.
  3. Nav Element – Also new to HTML 5, is a specific section of a web page that defines the navigation of a website, providing links to other pages on that site.
  4. Article Element – Another new feature of HTML with version 5. This is a self-contained element containing content that is independently re-usable or able to be syndicated.
  5. Aside Element – Continuing with new HTML 5 features, an Aside element is akin to a sidebar in print. It is content that is not related to the main content on the page and therefore is separate.
  6. H-tag Elements – Section headings.
  7. Hgroup Element – Groups H tags of a single section into one element. New to HTML 5.
  8. Header Element – Defines a web page’s header.
  9. Footer Element – Defines a web page’s footer.
  10. Address Element – Defines the contact information for the nearest Article or Body element author.

HTML 5 has a lot of new features not currently defined in HTML 4. I think they are generally an improvement and I look forward to future HTML 5 developments as they are rolled out by W3C.

Advertisements




Should Facebook Dictate Your Web Design?

8 04 2011

Since Facebook is the most trafficked website online and it’s becoming more and more “cool” to create a website that is interactive through Facebook (and Twitter) – well, through social media in general – we must ask ourselves whether we can go too far in making our web design “Facebook-friendly.”

Don’t get me wrong. I’m not against Facebook. I’m not even against making your website Facebook-friendly, or social media interactive. In fact, I highly encourage the use of APIs to include elements of social into any website. But let’s distinguish between making your website more social and socializing it to a degree it is overly so.

Some websites demand it, of course. If you are building a social network and you want your niche social network to be viewed as an extension of Facebook, then incorporating Facebook’s API makes sense. But if you are building a business website through which you hope to obtain new business, then letting your visitors know they can interact with you on Facebook is enough. Making your website a mini-social network is overkill.

Website owners must use critical thinking in determining the extent to which they make their website social. Don’t do it just to be doing it. If it makes sense for your visitors, then go for it. Otherwise, less can often be more.





Why Facebook Is No. 1

6 04 2011

It’s no secret that Facebook is the most trafficked website online. But how did it happen? It seems to have happened just out of the blue.

Well, in business, word of mouth is the most powerful advertising in the world. Google rose to prominence largely because of word of mouth. It is the most popular search engine in the world and was the most trafficked website until Facebook took that position. These achievements were done as a result of a good product that got talked about.

That’s true of Facebook as well. But Facebook has another thing going for it, which makes it easy for that word of mouth to spread. It is by its nature a social site. Google isn’t, and never was.

For online businesses, word of mouth spreads in two ways: Online and off line. Google’s rise to prominence came about as a result of webmasters spreading the news online about the search engine’s search results. Then they told their friends off line.

Facebook took off as a matter of course when MySpace wasn’t meeting the needs of its users. Facebook had a platform that was easy to use and made hooking up with one’s friends simple for everyone. Word quickly spread through Facebook’s own network, all across the Web, and off line to users’ friends.

Word of mouth still works.





Google Goes To Iraq

4 04 2011

On March 31, Google announced on its blog that it has introduced a regional search engine for both Iraq and Tunisia. This proves that Google is trying to take over the world one country at a time.

It’s not that Google hasn’t struggled. It ran into a few road blocks in China, but the largest search engine in the world will stop at nothing to ensure that the people of the world have a search engine to use – no matter what country they are in.

I wonder what has taken them so long to get to Iraq. It’s now been eight years since George W. Bush freed its citizens from the clutches of the madman Saddam Hussein. In all that time, Google wasn’t able to introduce search to the Iraq citizens, or was it just that there was no demand for a search engine until now?

The Google domain in Iraq is Google.iq. In Tunisia, it is Google.tn. That takes the number of Google regional domains to 184. That leaves 10 or 11 countries (depending on whether you accept State department figures or not) currently not served by Google.

Google’s efforts to obtain a country-specific domain name for every country in the world follows its stated vision of delivering all of its products in every language in the world. Google is well on its way to meeting that goal. Any bets on when it will complete the deal?





Where Did The CSS Tutorials Go?

4 04 2011

CSS tutorials are a great way to learn how to design your websites with style. In fact, CSS stands for Cascading Style Sheets. These are file documents written in code that defines the elements of your web pages across multiple pages. It makes changing certain elements on your web pages easier by allowing you to change the style definitions within the CSS file instead of on every page on which those elements appear.

So where do you go to find suitable CSSĀ  tutorials? Glad you asked.

A site that I recommend is CSS Atoms. At this site you’ll find all kinds of tutorials that are easy to follow and which will teach you the basics of CSS while also giving a few advanced tips. Here is a sample tutorial to whet your appetite.

Borders With CSS Border-Style Property

  • border-style: none;
  • border-style: dotted;
  • border-style: dashed;
  • border-style: solid;
  • border-style: double;
  • border-style: groove;
  • border-style: ridge;
  • border-style: inset;
  • border-style: outset;

Get more information on this CSS border-style tutorial.

Here’s another tutorial for added measure:

Embossed Text In CSS3

  • Create a standard HTML page with Div ID tag
  • Add the CSS style code to define the parameters of your button:
    • background
    • filter
    • border
    • cursor
    • border-radius
    • height
    • position
    • text-align
    • width
  • Define button text parameters
    • font-family
    • font-size
    • font-weight
    • color
    • margin
    • position
    • text-shadow

    Learn more about the Embossed Text CSS tutorial. And there’s plenty more where this came from.





    The Value Of Apps And Where To Get Them

    1 04 2011

    Apps. Say the word and everyone knows what you’re talking about. Even if they aren’t using them. But what about them?

    First, there are different kinds of apps. Some are free and some are not. Web apps are apps that interact with one or more website, or that can be used by Web users through a toolbar, their computer desktop, or another doorway to the World Wide Web. Mobile apps are apps that can be downloaded and used on one’s cell phone.

    Even mobile apps have a variety of uses and media. You can get an app specifically for your iPhone or Android, or you can get one that will interact with any mobile phone on the market that supports apps.

    So where do you go to find these apps? Again, the places you can find useful apps are legion. If you own an iPhone or an Android, you can go to those websites to download useful apps for those cell phones. But there are also third-party apps websites that allow you to download apps for these products as well.

    I’d encourage you to seek out reviews of apps before you start downloading them. Not all apps are worth the download. Some will even fill your computer or mobile phone with a virus or some other nasty. If you download your apps only from reputable websites and seek out reviews from reputable reviewers, then you should have no issues.





    Social Networking Icons – Which Ones Do You Need?

    30 03 2011

    When you build a new website or start a blog, do you know which social networking icons you are going to need to put on the site? In this day of Internet marketing, you don’t want to build a new site without them. Social media traffic is starting to grow across the board and the site icons are one reason why.

    So which social networking icons are important?

    The answer to this question largely depends on the type of website that you are designing. If you are designing a website that is strictly business, for instance, you will probably want a LinkedIn icon on every page of the website. You may also want a Facebook icon on the site as well, and a Twitter icon. But what if the site is more social or not business-oriented at all?

    For instance, a dating website? In that case, you’d want to include Facebook and Twitter icons, but a LinkedIn icon is much less important. Other icons might be included as well.

    I think a ‘share by e-mail’ icon is almost always necessary. That’s because no matter how many site visitors you have, you’ll almost always have a large number of them who are not active on the social networks. But they will share your stories and web pages with their friends. Give them that option with a ‘share by e-mail’ icon.