• Home
  • About
  • Advertise
  • contact
Subscribe: Posts | Comments | E-mail
  • 1.RhapsodyAnything & Everything
  • 2.Web DesignStandards rule!
  • 3.Photoshop... Love Buzz
  • 4.The WebNews and Trends
  • 5.Web DevServer Side
  • 6.Hosting...for the web
  • 7.Science... DNA and Stuff

WebScienceMan

Posts Tagged ‘HTML’


Posted on January 29, 2009 - by Khaled

Fresh news from SitePoint

Newspaper and tea, originally uploaded by Matt Callow.

SitePoint.com, the Australian online media company, has been very active during the last days. First of all they have released a new Mozilla FireFox extension (Add-on) called FireScope that integrates with Web developer tool “Firebug” to extend it with references for HTML and CSS. I checked it out and I really loved it. I think it is a lot more useful than the other SitePoint FireFox Add-on: Dust-Me selectors (That finds unused CSS selectors).
Something else is new and very useful in SitePoint. I’m talking about the JavaScript reference that completes the SitePoint References collection (with the HTML and CSS references). I was really waiting for this one myself and it turned out to be even better than what I wanted.

Finally SitePoint are looking for 4 Part-time Bloggers that will have to post 5 times per week with a minimum length of 300 words per post (The optimum being 400-600 words). So if you think you can be one of them go ahead and apply!
More hot news soon! Don’t forget to subscribe to be notified via RSS or E-mail. Or just follow me on Twitter


Posted on January 24, 2009 - by Khaled

XHTML Users: Grow up!

webdesign_tut_splash_html_tommy

During the last years Web standards started to gain an increasing popularity among Web designers. Still Web standards addicts are a ceaselessly growing minority until now. This is probably due to the fact that the majority regards the use of web standards in their projects as a hard process that requires a lot of time and process. Which is not 100% true in my opinion as Web Standards are the only right way to go! Dedication to standards is the key! following the W3C recommendations is a must! This is the first post from the “WEB STANDARDS ARE THE ONLY WAY!” series. And what a better start than having a “pragmatic evangelist for web standards and accessibility” sharing his view about subjects like the future of HTML, the use of XHTML or Should we start using HTML5?

So here’s a short, yet very interesting, interview with Tommy Olsson. But first let’s introduce Tommy to those who don’t know him. Tommy is a Swedish Web standards and accessibility Guru. He’s the Design Team leader at the SitePoint forums (so he’s my boss there!). He has written many articles for SitePoint and especially he co-authored with Paul O’Brien the SitePoint CSS reference. He had also won the “HTML/XHTML Guru” award of the SPF community for several consecutive years. You can check out his blog here.

The Future of HTML and HTML5

1. Almost 20 years after the first relase of HTML how do you see its future?

I’ll confidently state that HTML will have its place in web development for the foreseeable future … provided you don’t ask me how long that is.

There is a need for a semantic markup language to exchange information between people. Although there are fashionable trends with ‘rich content’ (which invariably means ‘flashy’ and ‘pretty’ rather than ‘useful’), all such technologies have drawbacks when it comes to accessibility. HTML as such is inherently accessible.

2.What are your thoughts about HTML5? should we start using the released drafts especially with the available validators? What does it add? is it heading towards more respect of semantics?  What potential does HTML5 has?

HTML5 worries me. A lot. I’ve been using HTML since 1993 (before it even had a version number), so I’ve seen the changes it has gone through. In the mid-’90s there was a loss of focus on semantics, in favour of presentation, but it quickly became apparent that this was the wrong way to go. Content and presentation should be kept separate, which is why CSS was invented.

The ongoing work with HTML5 seems to ignore semantics to a large degree. Yes, it proposes to add a handful of semantic element types, but it also adds purely presentational stuff that – in my opinion – doesn’t belong in a markup language.

Even worse is that it redefines long-established semantics of existing element types. For instance, the P element type no longer denotes a paragraph; it becomes a generic block-level container – nothing more than a synonym for DIV.

The contempt for accessibility is even more worrying. The drafts propose to eliminate several important attributes (or at least make them non-required). The reason appears to be a lack of support in contemporary assistive technology.

My opinion is that HTML5 is to semantics and accessibility what Herod was to the Bethlehem Playground Association!

Should we use it? For experimental purposes, perhaps, but I would strongly recommend against any attempt to use it on a serious, professional web site. Why? Because it’s not a W3C recommendation. It’s just an early draft which is likely to change many times before consensus is reached. (If that ever happens.)

html_html5

XHTML? Again?

3. What are your thoughts about combining HTML5 and XHTML2?

XHTML2 is not backwards compatible with HTML at all. That’s also true for parts of HTML5, but not to the same degree. (If I’ve understood the drafts correctly.)

XHTML2 did show some interesting proposals for semantics and accessibility, but the fact that it’s an application of XML makes it utterly inappropriate for web pages, at least until the day we have really good authoring tools. Handcoding XML is not a good idea in a production environment, due to its draconian error handling.

XHTML2 and (X)HTML5 aren’t compatible, and their progress appears to diverge. I think it would be difficult to reconcile them into a single markup language.

4. What do you say to people ‘using‘ XHTML ?

Grow up! :)
Seriously, XHTML is long dead, due to a decade of horrible abuse. Not even the bleached bones remain.

Web Standards & Browsers?

5. Why should Web designers always respect Web standards?

For the same reason that other professionals should respect the standards of their business. It makes life so much easier for everyone – browser vendors, web designers and developers, users, …

Anyone who tried to create web sites during the Browser Wars of the late ’90s will know what I mean .

6. What’s your favourite browser and why?

Opera. It’s the most standards compliant browser, which means it’s easy to see if I got my stuff right. It also comes loaded with tons of useful features (and, admittedly, quite a few I haven’t yet found a use for). It’s more customisable than any other browser and it’s available for lots of different platforms. I use it with GNU/Linux at home and with Windows XP at the office, and it looks and works exactly the same. I even use Opera Mini on my mobile.

I rarely use the mouse when I browse, preferring keyboard navigation. And there’s no browser that beats Opera when it comes to keyboard navigation!

7. Which Web browser do you think is going to gain even more market shere in 2009?

I really wish I could say Opera, but I don’t think it will happen. I’m sure IE8 will take a large piece of the cake when it’s released, regardless of how good (or bad) it turns out. I also think it’s quite possible that Chrome will increase its share – possibly at the expense of Safari and/or Firefox.

8. Anything you want to add?

You really don’t want to ask a chatterbox like me that question! :) I can talk ’til the cows come home, you know that.
But I’ll settle for, ‘Thanks for letting me use your soapbox for a while.’

I enjoyed having Tommy answering these questions that might briefly summarize the actual situation when it comes to HTML, XHTML and HTML5. I think this short interview will be a good and fast to read reference for many web designers. I hope you enjoyed it too and that it will help you making the right decisions when it comes to web design and web development.  To make this blog post even more interesting I am including Tommy’s HTML Guru list! check it out


So You Want To Be An HTML Guru?

Try this list compiled by Tommy Olsson based on articles published on SitePoint:

  1. The Definitive Guide to Web Character Encoding
  2. Beyond the Guidelines: Advanced Accessibility Techniques
  3. Beware the Automated Accessibility Tool Trap
  4. Microformats: More Meaning from Your Markup
  5. Bulletproof HTML: 37 Steps to Perfect Markup

I may add another nice article: Learn HTML and CSS: An Absolute Beginner’s Guide by Ian Lloyd.

Stay tuned for the next posts of the “WEB STANDARDS ARE THE ONLY WAY!” series! Don’t forget to subscribe to be notified via RSS or E-mail.

diggit

SitePoint HTML & CSS references:

The Ultimate CSS Reference
The Ultimate HTML Reference

Posted on January 7, 2009 - by Khaled

Top 10 Web Design / Web Development Podcasts

 

 

podcast

Nowadays, Podcasting is gaining a ceaseless increasing interest. The word podcasting was created by blending the words “iPod” and “broadcast”.  This is due to the fact that the first podcasting scripts were developed for Apple iPod portable media player. However, an iPod is no longer required to listen to podcasts. Most Media Players will do the job! I prefer iTunes though as it allows searching podcasts, subscribing to them (free and paid podcasts do exist) and of course listening to them. iTunes offers really cool features for this.

Podcasts are generally a series of audio or video files which are diffused on the web via syndicated download, through Web feeds. So they are a perfect combination of RSS specification and the MP3 compression algorithm.

Over the few last years I gathered a nice collection of podcasts that I like to watch/listen to. I am going to share with you the top 10 podcasts that I favor when it comes to Web Design and Web Development.

 

1.      BoagWorld.com

boag

Paul Boag’s Podcast (co-hosted with Marcus Lillington) started since August 2005. It has, as of today, 147 episodes. Episode 148 will be released within a week or so. Paul deals with different subjects related to the web design business. He usually invites some big names to the show. The live streaming recording is a nice bonus too!

 

2.      SitePoint.com

sppodcast

A fairly new, yet excellent Podcast, that started last November (2008). The Hosts are Brad Williams, Patrick O’Keefe, Stephan Segraves, and Kevin Yank. The SP Podcast is about The Web industry.  This is an outstanding show with different point of views. 5 episodes till now but the 6th is in its way soon!

 

3.      Photoshop User TV

psutv

An excellent Podcast to watch for Photoshoppers! Hosted by the Photoshop guys: Dave Cross, Matt Kloskowski, and Scott Kelby from the National Association of Photoshop Professionals (NAPP). The Photoshop guys share each week some very nice Adobe Photoshop tutorials, along with some very cool tips and tricks that will hugely increase your Photoshop productivity. 167 episodes for now.

 

4.      Web Design TV

wdtv

This podcast is produced by .net magazine. This podcast deals with different web design aspects and presents several software tutorials and tips (CSS, Graphic design, Flash, Photoshop…).  The podcast started back in March 2008 and 28 episodes were released till now.

 

5.      Adobe Creative Suite Video Podcast

acsp

The Adobe Creative Suite Podcast features tips and tutorials mainly about Photoshop, Indesign and other Adobe CS software. It is hosted by Terry White. This is a 2 years old podcast that started in 2006 and still active till now.

 

6.      The Rissington Podcast

Hosted by famous web designers John Oxton and Jon Hicks. Deals with Web geeky stuff. Started in late 2007. 19 podcast episodes were released.

 

7.      php|architect’s PHP Podcast (P3)

A bi-weekly radio-style podcast full of news, events and discussions about PHP. It is probably one of the oldest Podcasts on the net as it started since 2003.

 

8.      Appclinic

A video Podcast with tutorials for graphic designers hosted by Adam Hay.

 

9.      Rookie Designer

An audio podcast about web design as a job/career hosted also by Adam Hay. This podcast wasn’t very active lately but the early episodes are great.

 

10.  Rails Podcast

A nice rails podcast.

 

Now even if some of these are less active these days, listening to older episodes is really a good thing that will help learn tons of things. Most of them are available for subscription via Apple iTunes which the media player I really recommande for podcasts.


Posted on December 22, 2008 - by Khaled

Internet Explorer 6: less painful?

Death of IE6, originally uploaded by Able Net Design.

Yes, Web designers hate Internet Explorer 6. This old browser was released back in 2001 but still quite frequently used by many people despite that it is really insecure, buggy, slow and far from being standards compliant. There was even an “Internet Explorer 6 Uninstall Day” held, thanks to a facebook group, on the 27th of August, 2008 which corresponds to the 7th birthday of IE6.

But that initiative was not very successful.

But lately things are changing. MSIE6 is still painful, but thanks to the efforts of Dean Edwards the situation is now really better!

Dean created a new Scripts library, IE7, available on Google code that will make Internet Explorer behave like a standards-compliant browser as It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Still the transparent PNG image can’t be tiled nor can it be positioned using respectively background-repeat and background-position.

Thanks Dean!!




    • BreedSoftware HostGator
  • Polls

    You are more interested in?

    View Results

    Loading ... Loading ...
  • What I'm Doing...

    • I am 43% addicted to Twitter http://su.pr/1b72Ly from the magical @oatmeal 3 weeks ago
    • RT @naldzgraphics: 30+ Cool Photography Logos http://bit.ly/aUkAO0 2010-08-05
    • RT @the_gman 5 Reasons You Should Avoid Template Web Designs http://dld.bz/q2m9 2010-08-05
    • More updates...
  • Featured News

    • FireFox will be bigger in 2009? by Khaled on April 2, 2009
    • Launching TwittHero by Khaled on March 2, 2009
    • TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year by Khaled on February 18, 2009
    • 25 WordPress Plugins you need to have a better blog by Khaled on February 12, 2009
    • WebNotes: Annotate, Organize, Share by Khaled on February 8, 2009
  • Archives

    • April 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • October 2008
    • April 2008
    • March 2008
    • September 2007
    • August 2007
    • March 2007
    • January 2007
    • December 2006
    • November 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
  • Tag Cloud

    • 2.Web Design 2.Web Design 3.Photoshop Adobe Adobe Photoshop blog bookmark browser Browsers CMS color CSS DNA Facebook FireFox Genetics graphic design Graphics HTML Internet Explorer JavaScript Joomla Mozilla Opera palette Photo Manipulation Photoshop Express Photoshop tut Photoshop tutorial productivity recession recipe Safari Science Sitepoint social tutorial Twitter web web design business web designer Web Development WordPress WordPress plugins WordPress Update
  • Take a look

    • BreedSoftware
    • Kyscorp.com
    • Scriptomania
    • TunisDesign
    • TwittHero
  • Recent Comments

    • CA bikini on 25 WordPress Plugins you need to have a better blog
    • Essex Web Design on Photoshop “Reflection” tutorial
    • Essex Web Design on Create a cool frog in just 3 steps with Photoshop
    • Joint Pain Relief on Page Strength!
    • Vitamin D on How Much Is Your Blog Worth?

Subscribe: Posts | Comments | E-mail

Add to Technorati Favorites WebScienceMan © 2006-2009 |Powered by WordPress| KYSCORP.COM 2000-2009| Rainbow Cliff Theme.
Optimized for FireFox 2+ | Google Chrome 1.0 + |Opera 9+ | Safari 3+ | IE7+ [Web Standards are cool!]