Teaching back-end developers to code semantically 24.08.2008 @ 11:45am 174 comments

While working on a large application in my full-time role, I created a generic stylesheet to handle form styling and came across a few problems with the developer/designer split within the company. Developers often need to write HTML for forms but do not always know/care about semantics/accessibility and this sometimes means inaccessible/non-semantic forms go unnoticed throughout the app.

I wondered if there was a way I could force the developers to code semantically without having to sit over their shoulder and walk them through it each time they needed to mark up a form, and then it came to me.... use more specific CSS selectors.

By using more specific selectors it forces them to code semantically in order to get the style they need. For example instead of the follow:

input {
border: 2px solid #ccc;
background-color: #eee;
}

You can be more specific and use the following as a selector instead:

form fieldset input {
border: 2px solid #ccc;
background-color: #eee;
}

This is just a really simple example but as you can see, if they want their input fields to look right, they need to ensure they are within a form and a fieldset.

Another example might be tables. Some people do not use <thead>, <tfoot> and <tbody> but we can make sure they do by adding them to our CSS selectors.

You can also use attribute selectors to ensure the use of relevant attributes. For example, if you wanted to make sure newly added navigation links always had an accesskey, you could do the following (this will not work in IE6 so you can just add this rule without the attribute selector to an IE6 only stylesheet):

ul#nav li a[accesskey] {
/* whatever */
}

Be warned though, there are some attribute selectors that do not work in IE7, so always remember to check your CSS across browsers :)

So... by being more specific, future developers of your website/application will slowly learn that things don't work within your project unless they are semantic and will be coding semantic markup by default in no time! Well, this is the theory.

What people think...

There have been 174 comment(s) on this entry so far. Have something you'd like to say? Feel free to comment below.

Helen said...
02.09.2010 @ 04:04am


Nice site! Very professional and full of information.All your posts are really so informative where we get lots of information on any topic. Nice job keep it up!!

samochód do slubu

Truck washing, professional detailing said...
31.08.2010 @ 02:39pm

Yes, I agree semantically writing the codes will ease the work load.

James Eduard said...
26.08.2010 @ 10:47am

Coding sematically can be an advantage and knowing how to be good at it can be bring you a lot of dough.

cheap international calls

sports update said...
23.08.2010 @ 08:21pm

Teaching back-end developers to code semantically !! seep ok great

nursing licensure exam said...
23.08.2010 @ 08:20pm

nice stuff. interesting

Latexmasken Horror said...
23.08.2010 @ 05:32pm

I put down my horror clown maske if this is gooing to be true!

onlinebettingnow said...
21.08.2010 @ 04:09pm

If you are just the slightest tad interested in betting, you simply cannot fail to notice the existence of the Betting Exchanges such as Betfair and the unique lay betting service that they offer, allowing us to lay bet on the outcome of virtually every sporting event. [url=http://www.pulsebet.com/betting/9-7/Football/England-Premiership]premier league betting[/url] [url=http://www.pulsebet.com/betting/9-1099/Football/France-Ligue-1]ligue 1 betting[/url] [url=http://www.pulsebet.com/betting/9-644/Football/Germany-1Bundesliga]bundesliga betting[/url] [url=http://www.pulsebet.com/betting/9-1100/Football/Italy-Serie-A]serie a betting[/url] [url=http://www.pulsebet.com/betting/9-1109/Football/Portugal-Division-1]division 1 betting[/url] [url=http://www.pulsebet.com/betting/19-1/American-Football/North-America-NFL]nfl betting[/url] [url=http://www.pulsebet.com/betting/19-9/American-Football/North-America-NCAA-Football]ncaa football betting[/url] [url=http://www.pulsebet.com/betting/2-1/Baseball/North-America-MLB]mlb betting[/url] [url=http://www.pulsebet.com/betting/3-184/Basketball/North-America-NBA]nba betting[/url] [url=http://www.pulsebet.com/betting/3-185/Basketball/North-America-NCAA-Basketball]basketball betting[/url] [url=http://www.pulsebet.com/betting/3-57/Basketball/FIBA-World-Championship]fiba betting[/url] These football betting strategies and football betting advice would surely help you reach new heights. Good luck with your punting! [url=http://www.pulsebet.com/betting/7-10/Darts/European-Championship]darts betting[/url] [url=http://www.pulsebet.com/betting/7-1/Darts/PDC-World-Championship]pdc betting[/url] [url=http://www.pulsebet.com/betting/10-4/Golf/Ryder-Cup]ryder cup betting[/url] [url=http://www.pulsebet.com/betting/10-110/Golf/US-PGA-Championship]pga betting[/ur

Fuad said...
18.08.2010 @ 12:05pm

when I develop own cms or any web application, I'm not very sure why it's always got error message or not loaded properly for the webpage in IE, gladly it's fine using firefox, safari and others except IE

Electric said...
18.08.2010 @ 07:56am

We had the same problem in our office and what we did was to have a meeting and obliging them to do so, well at first we had some complaints but gradually they resolved

Local Search Engine said...
16.08.2010 @ 11:37am

thanks for posting this articles , i learned a lot in this articles

Mike Arnoel said...
15.08.2010 @ 05:49am

The three gorges project is specially designed for the semantic reptile. It is a kind of writing code to make robot and mankind can check without any trouble.

sonic electric toothbrush said...
14.08.2010 @ 10:14am

I have experienced such situation where our team leader always remind us to take into consideration the work of the designers. yes i agree semantically writing the codes will ease the work load.

Anna said...
14.08.2010 @ 12:23am

Good stuff. I'm not a developer I can see the order value in this approach.

arsalan babayee said...
13.08.2010 @ 08:13am

This helpe me out a lot! i came here through google and i'm totally glad. tnx mate

SQL training said...
12.08.2010 @ 12:30am

You are right Back end developers hardly care about the semantics while developing the code

how to play guitar for beginners said...
09.08.2010 @ 09:54pm

in a small scale this is not a big deal. having your designer and developer work at the same place and time could solve the issue but in a larger scale it could be disastrous in terms of work load. i have experienced such situation where our team leader always remind us to take into consideration the work of the designers. yes i agree semantically writing the codes will ease the work load.

stayloan said...
09.08.2010 @ 02:58am

When considering choosing a new oven truck, many individuals want to but not only get the finest bargain on your suv visual appeal . cheapest apr[b] [url=http://stayloan.com/]auto bank loan[/url][/b] likewise. When picking an auto bank loan, you should do a few massive investigation on the several types of schooling accessible so as to obtain the most truck order. Before possibly even trekking proper car dealership to order a vehicular, collect any credit report. The reduced your credit score, the low your rate of interest could be. Including the finance bureara can have glitches for your credit profile and straightening these faults can help reduced your credit rating improving your chances of passing for more bucks.

Don't forget to grab the funding done through a fiscal bank or simply a area lender. Lots of automotive shops check out seaside impression . shopper to assist you to financing by the car dealership since salesperson may well bump up fluctuations the automobile allowing you to fork out even more interest as well as rearing this commission look at relating to the purchase.

Many of us finish up going to pay a lot more pertaining to the automobile rather than their definitely seriously worth. Write-up won't be able to reveal how many of us in fact try out the university carried out by your suv store. Compromising for anything at all under rock bottom auto mortgage apr is known as a confuse, particularly if hold fantastic credit worthiness. Won't permit a good contemporary salesmen converse we right lending product because of the car lot for everybody who is confident you will credit standing 's just greater than superior.

Its easy to acquire the extractor has difficulties tips prior to even going for a walk into a vehicular lot to locate an automible. There's a lot of companies available on the net where you can check out what budget friendly costs really are for your car lending product additionally, the details are virtually fast. You should ask for an important credit plus double check the following pertaining to glitches together with do not forget to accomplish ones own reduced stress that have an company or perhaps area commercial lender rather then the care store preferably.
To learn more about how to find the best auto loan possible, [url=http://stayloan.com/][b]visit Stay Loan[/b][/url].

Web Design Dallas said...
05.08.2010 @ 07:58am

Back end developers are a tricky breed. Just give them a jelly donut and some coffee and they'll be fine. ;P

sid peterson said...
05.08.2010 @ 03:41am

Nice Information

Sarah said...
31.07.2010 @ 11:47am

Very nice post! I like it so much!
Thanks!

gomsygeorge said...
29.07.2010 @ 05:59am

This was a very helpful post. Thanks for this simple tip on CSS!

Andung said...
28.07.2010 @ 07:54pm

Thanks a lot for the tip, its very important for me...

butterfly table said...
27.07.2010 @ 07:20pm

I personally taught my developers to code semantically and it was difficult, I must admit. And it's worth noting that these are some of the best of the best. Therefore, this post was well overdue at least somewhere on the internet.

rancho said...
23.07.2010 @ 06:56am

interesting i will stay here for information,
i am searching new but now i am satisfied.

Ewallet said...
22.07.2010 @ 06:11pm

I'm not a developer either, but the more knowledge anyone can get on coding is beneficial, thank you!

Morocco Travel said...
21.07.2010 @ 04:30pm

Good stuff. I'm not a developer but I can see the value in this approach.

bistro tables said...
21.07.2010 @ 11:26am

Haha -- that's a clever switch but I'm not sure I could teach my own developers to code like that, they are far too stubborn in their ways! ;-)

Private Leaders for Mortgages said...
21.07.2010 @ 10:49am

What other attribute selectors don't work with IE7?

SRED said...
20.07.2010 @ 09:16am

Thanks for these bits of code. It helped a lot!

araby software said...
19.07.2010 @ 03:48am

yess thanks!!!

bridal botique said...
17.07.2010 @ 12:06pm

i like this site.. have a lot of information.... these type of sites always magnetize me to post comment...

Dan Goodman said...
15.07.2010 @ 11:29am

this is one of the great info i have came across with Teaching back-end developers to code semantically
thanks for sharing :)

freestyle said...
15.07.2010 @ 10:38am

interesting stuff I might try it in the near future.Great thoughts. What's important to remember, as you mentioned, is compatibility across multiple coders for a certain project. The more semantic and specific - the better.

Escorts Calgary said...
14.07.2010 @ 01:37am

Synchronicity and compatibility are very important in the field of semantic programming that is why there are standards to follow especially to back end developers. That was definitely a breakthrough article you've got. Thanks for sharing your thoughts.

Dentist Worcester MA said...
13.07.2010 @ 06:10pm

interesting stuff I might try it in the near future.Great thoughts. What's important to remember, as you mentioned, is compatibility across multiple coders for a certain project. The more semantic and specific - the better.

Brandon | Sytek MN Directory said...
13.07.2010 @ 03:35pm

Now I conclude that Semantic coding is done purposely for crawlers. It's a way of writing your codes so that bots and humans both can check it without any hassle.

Thanks for sharing your thought :)

Plant Gifts said...
13.07.2010 @ 03:33pm

The reason behind using the same format world wide is to set a common standard otherwise there will be bunches of custom tags depending upon every individual's choice. The other reason for using H1 tag world wide could be that it is more expressive and space saving than div.

prestige car finance said...
13.07.2010 @ 08:17am

a very interesting approach, athnsk

Global Suppliers said...
13.07.2010 @ 01:38am

hope your blog became stronger, keep going on

Website Desgin said...
12.07.2010 @ 04:07am

very nice post. Thanks a lot.

Domo kun said...
11.07.2010 @ 02:48pm

that's a very clever idea, i'll remember it. thanks :)

Bijuterii argint said...
10.07.2010 @ 08:35am

I think it's useful for backend developers to have an idea of how front end works and vice versa.

couture designers said...
08.07.2010 @ 03:06pm

Thanks for this tip. We are constantly trying to find ways to cut back on the time we spend and streamline efforts with our back end developers. It can be difficult to tie everything together.

guzelsozler said...
07.07.2010 @ 07:46am

Excellent article, explained very clearly. Congratulations on the quality of your website. Greetings from Turkey.

Cloth Diapers said...
06.07.2010 @ 12:03pm

This was a very helpful post. Thanks for this simple tip on CSS!

Tasarım said...
05.07.2010 @ 04:00pm

Thanks a lot for the lovely post mate! :)

Строителна фирма said...
05.07.2010 @ 09:50am

haha man you can use css for everything, bravo! :)

Sheing@gift cards said...
03.07.2010 @ 06:57am

This is very detailed post for back-end developers to code semantically. This has been very helpful to me>

Justin B said...
02.07.2010 @ 12:47am

If I'd know this, i wouldn't have signed up for the class I'm about to start at the community center.

cheapicecreammaker said...
30.06.2010 @ 11:12am

hi, i think it is very good point

San Jose Personal Trainer said...
30.06.2010 @ 01:46am

Sarah Graham Fitness Club-San Jose Top Professional Personal Fitness Trainer and Training|Exercise Specialist|24 Hours Fitness clubs

towergem said...
30.06.2010 @ 01:15am

wonderful post.will benefit from it

sexy costumes said...
29.06.2010 @ 08:28pm

Excellent detailed post. Appreciate it, thanks.

Canvas Photo Printing said...
25.06.2010 @ 06:00am

... or you'll then get developers coming back to you moaning that you're CSS doesn't work and get you to add more general names...

Gucci Shop said...
24.06.2010 @ 02:30am

Your aritcle is very helpful for me,good job!

Margo@tanning beds said...
24.06.2010 @ 12:26am

Interesting.. I'll think about this seriously..

actionlab said...
22.06.2010 @ 03:04am

nice post, semantic code is definitely the way forward.

klaash said...
21.06.2010 @ 08:17am

This helpe me out a lot!

Laredo Texas Houses For Sale said...
15.06.2010 @ 01:36pm

And what a perfect theory it is. Not only will the coding turn out better, but it also makes it more organized so that programmers can go back and change things and not have to spend forever hunting for the stuff that needs to be changed. Thanks!

Mark Seer said...
15.06.2010 @ 07:58am

Thanks for sharing your post.It will very helpful and useful for every one.

chatten said...
07.06.2010 @ 02:51am

nice explanation for a difficult topic. thx

Dachdecker said...
01.06.2010 @ 08:59am

Hallo! Coding semantically saves you a lot of headache from the start. It is always what I recommend to the coders working for me. Good Day!

rob said...
29.05.2010 @ 04:31am

thaks allot or the info i'm going to put it to test on my work great article

Chicago Website Design and Development said...
27.05.2010 @ 04:29pm

Thanks for the article, really useful. Keep them coming.

Furniture Stores in Philadelphia said...
27.05.2010 @ 07:46am

very interesting. nice info. thanks for share

Winning Numbers said...
25.05.2010 @ 01:01am

This is a great post about semantic code. It will surely help a lot. Thanks

India Freight Forwarder said...
24.05.2010 @ 07:25am

Thanks & this information will help me alot.

herotino said...
22.05.2010 @ 02:24pm

Great Post. Thank You. Can I use it on my website which is a resource for

Ders Videoları is the
great website where you can find
YGS-LYS Sınav Sistemi
as well as
Eokul Giriş

replica lv said...
18.05.2010 @ 07:22pm

thanks!it's very useful!

eco seo said...
14.05.2010 @ 05:26am

I know this is not strictly the right place to say this, but, I have just found your site and have already picked up a few good tips (i do seo not design if at all possible) so have bookmarked you and will be back.

yuki@wholesale korean clothing said...
07.05.2010 @ 10:54pm

Good points, I agree with you absolutely.

PHP Developer said...
06.05.2010 @ 12:57am

this is very usefull tip...
i am agree with you...
thank you...

lyle scott said...
04.05.2010 @ 12:10am

I agree with your opinion. But how many people will understand these tips.

Vehicle Transport said...
29.04.2010 @ 03:52pm

Much love and respect goes out to the programmers who take care of all of the coding stuff. God knows that I couldn't figure it out..

mosquito trap said...
29.04.2010 @ 02:47am

I've been trying to learn some few tricks here and there, but it just won't work out for me.

travesti said...
28.04.2010 @ 10:30am

Lutilisation de vos dépenses flexibles expliquent travesti (FSA) pour la thérapie de massageest une travesti autre façon valable pour se maintenir avec votre habitude de massage. Les comptes flexibles de dépenses sont établis parvotre travesti urnisseur d'assurance maladie pour gérer de l'extérieur de coûts de votre médecin standard travesti visite chaque an.

Poems said...
28.04.2010 @ 06:36am

Thanks for sharing this great tips. The whole article contains useful information for me as a programmer. I'm sure many others will benefit from this as well.

krabi thailand said...
26.04.2010 @ 02:25am

Thank you for good knowledge.

Replica lv said...
25.04.2010 @ 07:13pm

i think it's useful for me ,thanks.

Fuel Economy said...
23.04.2010 @ 11:26pm

This is a newbie question but what is the difference between a back end developer and a front end developer?

jeorge said...
21.04.2010 @ 06:58am

Now I know it''s never easy to be a computer programmer. I've been trying to learn some few tricks here and there, but it just won't work out for me.

Omaha SEO

Orissa Property said...
19.04.2010 @ 09:20am

I'm sure many will benefit from this.Snaps Technologies is one of the leading
USA Web Designers company.

Orissa Property said...
19.04.2010 @ 09:18am

I'm sure many will benefit from this.Snaps Technologies is one of the leading
USA Web Designers company.

Top 10 stock brokers said...
16.04.2010 @ 12:02pm

A lot depends on relationship between programmers. To listen there should be mutual respect first.

suzan said...
16.04.2010 @ 07:52am

I have been getting really good. Thank you

mbtshoes said...
16.04.2010 @ 03:30am

Nowadays more and more people like traveling,climbing and the other outdoors Campaign. so they need a

pair of good quality and comfortable shoes to walk on. I

think that the mbt shoes is the best choice.

Snaps Technologies said...
14.04.2010 @ 01:19am

Thanks for posting about this, I would love to read more about this topic.I 'm a community member at http://www.snapstech.com. I'm sure many will benefit from this.Snaps Technologies is one of the leading
USA Web Designers company. Other than web designing we also excel in Web development, display advertising, E-Commerce and SEO services.

webwit3 said...
13.04.2010 @ 10:27pm

nice article for programmer here. Thanks

mielno said...
11.04.2010 @ 01:53pm

Coding has always been my Achilles heel. Yet after this read I hope to get better if I use the tips mentioned :) thanx

Limoges Figurines said...
07.04.2010 @ 11:48am

Thanks for sharing this great tips. I'm sure many will benefit from this.

Pat said...
06.04.2010 @ 10:29pm

Thanks for this tip. We are constantly trying to find ways to cut back on the time we spend and streamline efforts with our back end developers. It can be difficult to tie everything together.

To-do Lists said...
05.04.2010 @ 02:35pm

I considered your arguments from the teaching perspective and i really enjoyed reading your post.coding thing is too difficult for me as i am still in process of learning.

Kitchen Design MA said...
05.04.2010 @ 02:23pm

I always hated coding. It's not my strong point. This was a good read.

Herdion C Saputro said...
02.04.2010 @ 08:25pm

Coding semantically saves you a lot of headache from the start... its always what I recommend to the coders working for me. :)

chicago limousine service said...
01.04.2010 @ 06:42am

yeah, your right it is better if they are in the specific folder or field.

discount golf clubs for sale said...
31.03.2010 @ 10:27pm

GolfClubsBest.com has been operated on line since 2006. We specialize

in selling discount golf clubs in different famous brands, such as

Taylormade golf, Callaway golf, Ping golf, Nike golf, Callaway golf,

Titleist golf, Mizuno golf, Maruman golf, Honma golf etc. All of these

brand discount golf clubs are authorized from the original

manufacturing factory. Moreover, we can offer you many discount golf

equipments and some special golf clubs which are both with high quality

and low price. We devote ourselves to supply the best golf clubs with

the most competitive price for long term. Offering first class customer

service is the driving force behind our business. Our aim is to supply

discount golf clubs and we guarantee the quality and our best customer

service both during your purchase process and post-purchase process.

Due to our long-term hard working, we have now got hundreds of regular

customers all over the world, which proves that our internet business

has been a great success! We hope our golf online sale will bring you a

great pleasant shopping experience!

web design & development said...
31.03.2010 @ 04:26am

some good stuff that youve got here in these blogs. i think ill bookmark

Design Build MA said...
30.03.2010 @ 01:22pm

I hate to code, This helped me out a lot!

Netrix said...
29.03.2010 @ 10:15pm

I completely agree... Programmers and programmers and designers are designers, and often times they both need to take the other parties needs in to consideration in order to make an excellent program or script.

Little Info | Netrix blog's | Iklan Gratiz | Free Ads

voip said...
29.03.2010 @ 02:17am

there was great ideas and i appreciate your talents

Villa said...
26.03.2010 @ 02:59pm

I have been getting really good. Thank you

Daylight said...
26.03.2010 @ 02:58pm

more specific selectors it forces them to code semantically in order to get the style they need

V Miles said...
26.03.2010 @ 02:57pm

back-end developers to code semantically

Jason said...
26.03.2010 @ 02:56pm

cool stuff! might be interesting for develop

Aming said...
26.03.2010 @ 02:54pm

This is just a really simple example but as you can see, if they want their input fields to look right,

sports news said...
25.03.2010 @ 07:57am

Great website, just what a newbie like me was looking for.

pensioen berekenen said...
24.03.2010 @ 06:30am

I have the same problems with semantics and accessibility in CSS, because this sometimes means inaccessible and also nonsemantic forms go unnoticed throughout the application.

Jhon said...
23.03.2010 @ 04:41am

Great thoughts. What's important to remember, as you mentioned, is compatibility across multiple coders for a certain project. The more semantic and specific - the better.

travesti said...
19.03.2010 @ 10:56am

interesting stuff I might try it in the near future.

interesting

Leamo said...
18.03.2010 @ 10:14pm

Thanks very much for the info and it helps me a lot. As an amateur, this is exactly what i need!

Which Is Better said...
18.03.2010 @ 08:59am

Great info for a beginner like me. thanks

Internet Hosting said...
17.03.2010 @ 07:51pm

Sometimes it's hard to just read the css and figure out what the markup is supposed to be.

Car Wallpapers said...
17.03.2010 @ 01:43am

very interesting design and development.

hypnose said...
15.03.2010 @ 06:50am

You have some honest ideas here. It looks like you have done a research on the issue and discovered.Anyway thanks a lot.I think most peoples will agree with your blog.Keep it up.

Smart Business said...
14.03.2010 @ 01:57am

I am a beginner
This is very useful info
thanks

chs said...
13.03.2010 @ 01:02am

interesting idea, however i feel in larger organisations the cogs and gears turn much to slowly for this approach to catch on!

chs said...
13.03.2010 @ 01:01am

interesting idea, however i feel in larger organisations the cogs and gears turn much to slowly for this approach to catch on!

alarming videos said...
12.03.2010 @ 01:11pm

thanks for very nice posting it is very helpful for my blogging.

Phil said...
12.03.2010 @ 08:56am

realy nice post, i was just looking for such a code :-)

steven@quotewerks said...
11.03.2010 @ 01:39pm

You're very kind to share all those ideas and tips. I already saved it and probably use it in the future. thank you for sharing it with us.

Email newsletter software said...
10.03.2010 @ 12:42am

Great Insight.
I am definitetly going to use it on my work.
Thanx for sharing such a useful information.

Alina John said...
08.03.2010 @ 11:05am

hi, really a g8 post. This is very useful info. Keep it up.
Thanks

vans said...
06.03.2010 @ 04:17am

interesting idea, however i feel in larger organisations the cogs and gears turn much to slowly for this approach to catch on!

Le @ Online STD said...
04.03.2010 @ 11:46pm

Informative post, It is quiet difficult to make css working nicely with all browser.

Amir Rezaee said...
04.03.2010 @ 07:50pm

Thanks for that. And a great example! Thanks again!

Rabit Pearl said...
03.03.2010 @ 05:13am

I have a question=) what in the code makes some page index very fast why others take ages to get indexed? Is there any special code you have to put in for the searchengines to find it faster?

Great blogg and i have bookmarked it, if need any help i will contact u !

Tech Guy said...
02.03.2010 @ 10:09pm

I use a pre made template for form styling as well that is not so different

Jimmy Games said...
02.03.2010 @ 08:21pm

wow...this is interesting
i like it...
keep posting

Jadwal Pertandingan Piala Dunia said...
28.02.2010 @ 03:31am

I do not quite understand the CSS code, but this post I added a little knowledge

Hub creation and promotion said...
26.02.2010 @ 01:24am

So you created a template? That is actually a good idea.

find1carrental said...
19.02.2010 @ 11:06am

I will surely try this. Nice post.

Hydroponic systems said...
14.02.2010 @ 10:40am

With "web 2.0" you definitely want to use css code for your forms instead of tables.

Energy said...
13.02.2010 @ 08:57am

So you created a template? That is actually a good idea.

Jump higher said...
13.02.2010 @ 08:56am

Semantic code? What the hell, I have enough trouble learning normal code. :p

jobs for 14 year olds said...
10.02.2010 @ 08:22pm

very useful code, I'm looking for that.

haymn said...
06.02.2010 @ 11:12am

http://www.h-raf.com/vb/ حبايب الرفدين

招聘兼职 said...
03.02.2010 @ 09:17pm

First they have to get over their superiority complex...

rahul ninja said...
02.02.2010 @ 07:31am

HEY REALLY GREAT POST VERY INFORMATIVE AND USEFUL FOR US THANKS FOR THE POST KEEP BLOGGING

يوتيوب said...
27.01.2010 @ 06:18pm

Thanks for the example

مزيكها على كيفك said...
26.01.2010 @ 07:45pm

thankxx

Toronto Movers said...
14.01.2010 @ 10:35am

Thanks for the example

Tyler Brownell said...
05.01.2010 @ 09:29pm

Using more specific CSS selectors is nice to keep things organised, however there is a strain on the browser if all of your selectors are this specific. Be sure to specify as many general rules as you can before you start getting really specific.

For instance, the first is more efficient then the latter:

.last a {}

#header ul li.last a {}

Generally speaking, the less specific your selectors are, the faster the browser will render the CSS.

Great post!

iphone fix said...
04.01.2010 @ 11:08pm

I used to face many problems when I started coding. I had great difficulties with X HTML and CSS, but now I am fully trained to write it. Thanks job up. Great.

Erecciones said...
24.12.2009 @ 10:05pm

I will try this one for my layouts. I will update you if i have some problem regarding this. Erecciones

Bev said...
17.12.2009 @ 11:08am

I hate always trying to get people to follow my instructions. Often I just end up doing the work myself because I get so frustrated!

Line of Credit Loans said...
06.12.2009 @ 10:59pm

Wow you just amaze me . I love reading your blog everyday .

Conversion Vans said...
06.12.2009 @ 10:57pm

I had so many problems when I first started coding but since I started reading your blog .. I have been getting really good. Thank you

Learn said...
30.11.2009 @ 08:46pm

Interesting post. Nice blog design.

inmobiliaria madrid said...
27.11.2009 @ 03:56am

I usually prefer to use CSS and XHTML for designing my website. They can meet most of the requirements.

Michiel Van Kets said...
23.11.2009 @ 08:32am

I used to face alot of problems when i started coding.i had alot of trouble with X HTML & CSS but now i am fully trained for it.thanks for the write up.great job.

eSky - Premium Web Directory said...
22.11.2009 @ 08:01pm

Thanks. Useful tip. :)

Designer said...
22.11.2009 @ 03:34pm

For me I think the greatest will be if I can use any tag that I can define. For example <header> and CSS to be header {} Thanks for tips!

San Diego Electrician said...
10.11.2009 @ 03:22pm

You need a certain brain to read code. It is the same with being a electrician in san diego. Not everyone can do electric work and live to tell.

Poquer said...
05.11.2009 @ 12:00pm

I considered your arguments from the teaching perspective and i really enjoyed reading your post.coding thing is too difficult for me as i am still in process of learning.

Facebook Applications said...
02.11.2009 @ 05:15am

The coding is really tough for newbie to execute it. but you have solved this problem. Thanks

Allen said...
27.10.2009 @ 11:09am

thanks for the tips - im going to give this a shot.

Cloud Antivirus Software said...
16.10.2009 @ 07:55am

very useful post. thanks for everything!

Prostate Cancer Conqueror said...
12.10.2009 @ 02:39pm

Well written. I surely must get more into these techie stuff as time permits. Thanks for sharing these to help back end developers.

Custom Blog Design said...
08.10.2009 @ 01:04pm

You make a geat point here. The problem often stems from the fact that most programmers start working when the front-end (HTML, CSS) part is not well-defined yet just based on wireframes. It's always a good idea to have a full-blown HTML template which the back-end programmer will use to create the pogram that will dynamically generated pages.

niki said...
06.10.2009 @ 11:31pm

I do not quite understand, but your train of thought was very good.

WebMaster Nate said...
28.09.2009 @ 02:00am

Programmers and developers need to learn to collaborate better.

Shaman PVP said...
27.09.2009 @ 08:44pm

great idea. As a developer, I think a 'guide' or example form template you could put together that developers could refer to as they work would help them get started. Sometimes it's hard to just read the css and figure out what the markup is supposed to be.

Annuities said...
23.09.2009 @ 07:05am

An insightful post.Will definitely help.

Thanks,
Steve

Dataflurry said...
22.09.2009 @ 03:10pm

I completely agree... Programmers and programmers and designers are designers, and often times they both need to take the other parties needs in to consideration in order to make an excellent program or script.

Top Exercise Videos said...
20.09.2009 @ 11:08pm

Coding semantically saves you a lot of headache from the start... its always what I recommend to the coders working for me. :)

arab-ia said...
15.09.2009 @ 10:25pm

thanks interesting stuff I

Car rental uk said...
13.09.2009 @ 02:28pm

As a developer of both ends (mostly front) I can see where you're coming from.

I think it's useful for backend developers to have an idea of how front end works and vice versa.

revival said...
13.09.2009 @ 10:53am

Fantastic post - i can really see the value in that

Backpacks for laptops said...
13.09.2009 @ 01:07am

Good stuff. I'm not a developer but I can see the value in this approach. You're altering the structure to streamline the way they see things. Innovative!

Christian Hollingsworth said...
10.09.2009 @ 10:51pm

Great thoughts. What's important to remember, as you mentioned, is compatibility across multiple coders for a certain project. The more semantic and specific - the better.

Free Ringback Tones said...
03.09.2009 @ 03:15pm

yess thanks!!!

Poptropica said...
03.09.2009 @ 03:09pm

Teaching back-end developers to code semantically !! seep ok

Dragon said...
18.08.2009 @ 04:37pm

First they have to get over their superiority complex...

Alien-1 said...
01.03.2009 @ 07:40pm

interesting stuff I might try it in the near future.

Add your thoughts

Fields in bold are required.

Add a comment



Who am I?

I am Jenna Smith - a front end web developer who has been busy coding XHTML & CSS for the last 6 years. If you are interested in seeing my work or getting in touch you can do so through my growldesign website.