On this site learn the basics of Web design, HTML, XML, and Web development
Dernière mise à jour : 8/2/2012 18:17:44
2012-02-08T18:17:44+01:00
I am pleased to announce that there is a new intern for the site: Kim R. West. Kim is a full-time student at the Tennessee Technology Center studying web design and development. She will be writing articles for the site for the next few months. I would like to welcome Kim to the site, and I look forward to her articles and the fresh perspective she will bring to the site.
2012-02-08T05:09:15+01:00
Here is a very nice looking design using HTML5 features like HTML sectioning content, HTML5Shiv, and CSS3 designs. Be sure to go to the site now, as it has changed even more since the screen shot was taken.Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.
2012-02-07T04:42:13+01:00
Domain names are an important part of a web business. They are an asset to your company and you should be aware of how much they are worth. And if your business is looking for a new domain name it can often be more effective to purchase a domain that is live. But to do that, you should know how to value the domain.Read the full article: How to Value a Domain NameMore Help with Domain NamesHow to Choose a Good Domain NameWhat is a Top-Level Domain Name?Is .COM Really Better than .NET or .US?
2012-02-06T04:24:38+01:00
Google and other search engines are starting to use authorship information with the rel=author attribute to provide more information about the articles that are linked to. These fancier search results can include the author's photo, links to related articles by the same author, and more. Ultimately, results with this extended information are more memorable and more likely to get clicks. Learn how to tell Google who authored your articles.Read the full article: Tell Google About Your WritingMore About Authorship and MicroformatsAuthorshipWhat is Microdata?What are Microformats?
2012-02-05T17:24:24+01:00
Last week was a challenging week for me. Last Sunday, I tried to turn on my computer, and, well, it didn't. I spent most of the morning that I had planned to use to get ahead during the week, trying to troubleshoot what was wrong. I finally gave up and called Apple support and proceeded to go through all those same steps again with Cristophor on the phone. His conclusion? The hard drive was dead. Luckily, I have Apple Care for that computer, so Cristophor set up an appointment with the local Apple store, and I took it in. There the Genius (I forget his name, sorry) hooked up a cable to the computer and after a few minutes confirmed that the hard drive was dead and the optical drive was fa...
2012-02-01T03:54:02+01:00
This site is very tasty looking. As with any food site, the focus needs to be on the food itself, and this site does a great job. I love how the site’s colors mimic the colors of the breads. Note: this site is built in XHTML Transitional, not HTML5. Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.
2012-01-31T15:16:17+01:00
In honor of the new year, I focused a lot on new technologies in January. Microdata, microformats, CSS3 and HTML5 all are gaining better and better support among browsers. And the many articles I published this month can help you get started learning these so you're ready when your customers are. Did you miss any of these new articles? Here's a recap:CSS3 Shadows: Box Shadows and Text ShadowsWhere Should CSS Be Placed in an HTML Document?How to Write a Web Design ProposalWhere to Place Scripts in Your Web Documents for Optimal DisplayHow to Use the HTML5 HGROUP ElementInternet Explorer CSS FiltersReaders' Choice Awards 2012CSS TransitionsCSS TransformationsCSS Transformations versus Trans...
2012-01-31T05:55:24+01:00
Controlling the browser history is not something that many designers think about. It's boring and behind the scenes and when done right customers won't even know it's there. But when you build a dynamic web application, the History API is incredibly useful. It helps your readers bookmark specific states within an application, not just the front page. It also gives them clues as to where they are in the application. Learn about the HTML5 History API and how it can help your web applications.Read the full article: What is the History APIOther HTML5 APIsWebSocketsMicrodata
2012-01-30T06:11:57+01:00
One of the criticisms of microdata is that it requires you add new attributes to HTML elements. This is both more to learn, and risks causing problems for people who need to write valid HTML. Microformats are a way to add this data to your web pages using the existing tags and attributes that you already know.Read the full article: What are Microformats?
2012-01-27T05:24:43+01:00
A reader calling himself “areyoukiddingme” writes about color symbolism:Why are you making such a big deal out of what color your page uses? You should be more focused on the content on your website, the drop down menus, the organization, homepage outline, etc. Color is the last thing you should worry about. Personally, though, I would go with black letters and a white background. The only color that should be different is your logo. By the way, links should always be blue.Do you agree? While I agree with him that text should be black on white (or very dark on very light) for good contrast and readability. But it seems extreme to say that ’[the] only color that should be...
2012-01-26T04:25:40+01:00
With the release of iTunes U and other ways to get more access to elearning, it seems to me like this is an area that is growing both in importance and popularity on the web. But elearning is more than just posting web content online and letting people learn from it. Good online education includes assessment, exercises, and interaction to help the students really learn what is being taught. Of course, this all used to be done with packages like Authorware, but these days, you can build great elearning solutions right in Dreamweaver. What do you think? Is elearning an important part of the web or is it out of date?Connect with Jennifer: LinkedIn | Facebook | Google+Twitter: @Abou...
2012-01-25T05:19:11+01:00
This is a fun example of a site that is essentially one page—although you still click through to inner pages. Ronald uses great interactive CSS3 features to make the page more interactive. I’d love to see him use the History API to get the URL to change, so it’s easier to navigate. And there are some issues with formatting in my browser. But overall it's a great example.Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.
2012-01-24T07:42:36+01:00
When I first started learning CSS3 the transformations and transitions were hard to get. Mostly because the words were similar. I would find myself typing transform when I meant transition and transition when I meant translate, and so on. But learning what they all meant has helped me get them straight in my head. Learn the difference between CSS transformations, transitions, and even translations.Read the full article: CSS Transformations versus TransitionsMore Help with CSS Transitions and TranslationsCSS TransitionsCSS TransformationsCSS3 Tutorials
2012-01-23T17:22:01+01:00
Until recently, when you created a web page, you had to stick with some form of grid, with all your elements as little rectangles on the grid all marching in rigid lines up and down the page. But CSS3 gives you a way to change that. With CSS3 transformations you can adjust your elements to be skewed and stretched, rotated and resized. And best of all, these work in Internet Explorer! Learn how to use CSS transformations.Read the full article: CSS TransformationsMore Fun with CSS3Animate with CSS TransitionsCSS3 Linear GradientsCSS3 Shadows: Box Shadows and Text ShadowsMore CSS3 Tutorials
2012-01-20T08:00:00+01:00
@font-face { font-family: 'CallunaRegular'; src: url('/od/examples/l/zCalluna-Regular-webfont.eot'); src: url('/od/examples/l/zCalluna-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/od/examples/l/zCalluna-Regular-webfont.woff') format('woff'), url('/od/examples/l/zCalluna-Regular-webfont.ttf') format('truetype'), url('/od/examples/l/zCalluna-Regular-webfont.svg#CallunaRegular') format('svg'); font-weight: normal; font-style: normal;}A few years ago, I was asked on the forum: “Just wondering --- what fonts does everyone typically use when designing websites? I usually stick to fonts or font families of Verdana, Arial, Times,...