What is Digg?Sponsored by Travelzoo
All-time Low Fares for Thanksgiving, Christmas & New Year view!
travelzoo.com - Flights $52 and up. Nifty all-airline calendar identifies absolute cheapest dates to fly.
69 Comments
- msgyrd, on 10/12/2007, -1/+26Same here.
I was like "CSS Architect", wha??? I think I'm going to call myself a Procrastination Engineer. - actionscripted, on 10/12/2007, -0/+24You know for a "CSS Architect" he could've avoided having 34 XHTML validation errors and kept his bold treatment consistent on his numbered list headings using classes.
But what the ***** do I know, I'm not a "CSS Architect".
http://validator.w3.org/ - kyledavis, on 10/12/2007, -1/+24"Architect"!?! My, my, aren't we full of ourselves. Seems the software industry just gets more and more full of ***** every year.
In the early days of software, we were all "computer programmers".
Then the guys who write in "real programming languages" wanted to distinguish themselves from the "script kiddies", and they suddenly started calling themselves "Software Engineers".
Now even if you write a little bit of style sheets for Wordpress, suddenly you're a "Professional CSS Architect!!!"
What's next? Is any jack-off who can type in a URL gonna start calling himself a "Master Application Artisan". - hello2usir, on 10/12/2007, -1/+23"Professional CSS Architect" gave me a good laugh... until I realized he was serious.
- astatine, on 10/12/2007, -1/+17"Architect"? Is "Designer" not good enough these days?
Edit: Also, if you can't put the apostrophe in the statement "The clients brand is important.", I may not take anything you say seriously on matters of appearance. Sorry. - podgey22, on 10/12/2007, -2/+17There's nothing wrong with absolute but there is something wrong when a "professional CSS Architect" uses a plain old WP template.
- SteaminTmann, on 10/12/2007, -1/+14how about position:absolute?, it's bailed me out of alot of cross browser issues in the past.....
- NanoStuff, on 10/12/2007, -0/+12I am a Class A technomechanical CSS architectural engineer. I'm also qualified in excel.
- tdmedia, on 10/12/2007, -1/+12The page doesn't even validate! How professional is that?
- justinjacobs, on 10/12/2007, -1/+11You're kidding... right?
- kyote, on 10/12/2007, -0/+9I think he's serious. If it was sarcasm, he'd have said Frontpage 98.
- phatvolvo, on 10/12/2007, -0/+9The trick with position:absolute; is that it's absolute to the parent element if the parent element has positioning set. Otherwise, it's absolutely positioned on the page body itself.
This article needed more technical tips like this one. - tomgibbons, on 10/12/2007, -0/+9I didn't find the article too interesting.
I've been using extensive CSS in customer websites for years too, does that make me a Professional CSS Architect? - wintermute0, on 10/12/2007, -1/+10Sarcasm, please?
- negativeview, on 10/12/2007, -0/+9Since this will likely not be unmoderated, I will spread my evil comments here as well: (Note that it DID work in Opera, finally)
Your page does not validate, even though it is explicitly stated as xhtml 1.0 transitional. It’s difficult to mess up transitional!
Semantic markup requires you to use ol for your ordered lists. Also, be consistent with your strong tags. The first two bold the entire line, while the rest only bold the number. Actually, what you should probably do is set a style on your first-level ol li tags to automatically bold it. That keeps tags to a minimum.
You should URL encode your urls. Putting spaces in URLs is discouraged and if you do, you must use in the a tag, not a literal space. When using & in the a tag, you need to use & (I hope that you are converting HTML entities. If this is broken, you should view source or do the equivilent to see what I typed).
If you’re using xhtml, even transitional, you must terminate your img tags with either the strange closing tag, or use the specific syntax for tags that need no content.
You twice close a tag which was not open.
These are serious errors that would take two minutes to fix, probably. Even if you are using a template (which makes tracking these down more difficult) you cannot generally get away with this stuff if you’re a true “Professional CSS” anything.
And please, please stop using the term “Architect” to make yourself sound important. Pointless titles that are not descriptive but only given to make someone feel important or sound important are annoying to say the least.
Your form also won’t submit in Camino but I didn’t feel like investigating what is killing what looks like a simple form. Fail gracefully! It also doesn’t work in FIREFOX! The up and coming browser that virtually all geeky people are starting to use — the very people that you’re trying to get with a CSS article. A geeky article that doesn’t work in Firefox is beyond insane.
Actually, since it wouldn’t work in IE 5.2 for the Mac EITHER, I dug through your source. WHY serialize a form in javascript and submit it via Ajax? Are you trying to keep out as many of your audience as you can? It’s a good thing that I am a web developer because, unlike Professional CSS Architects, I have multiple browsers installed.
Let’s try Opera…
– A programmer who does some web design when writing web applications and is a stickler for standards compliance and a lover of CSS.
Your comment is awaiting moderation. - DJSdotcom, on 10/12/2007, -0/+7A "Professional CSS Architect" who uses a nearly completely default Wordpress theme? How incredibly lame.
- justinvt, on 10/12/2007, -0/+6Anyone who writes CSS professionally DEFINITELY cares about grammar and spelling as well, and this dude clearly spent about 8 seconds proofreading his article. You can't be insanely anal about writing CSS and then act like the content itself is trivial - that's just silly.
- KeefTM, on 10/12/2007, -1/+6Question: Web Designers still worry about IE4, IE5 MAC and Netscape 4? If so that is an insane waste of time.
- BobbyOnions, on 10/12/2007, -0/+5"Fuehrer" is now the preferred terminology. He's obviously a lamer.
- michaelGregoire, on 10/12/2007, -0/+5"CSS Architect"?
What the web developer doesn't write any other code? He only designs css. WOW. Super-importance is a beautiful thing. - KillerJ59J, on 10/12/2007, -2/+7Nice article. Didn't care for some of the points made.
- timsco, on 10/12/2007, -0/+5CSS Architect?!? HAHAHAHAHAHAHA
- Yarnage, on 10/12/2007, -0/+5For such a "Professional" his website doesn't even display correctly in all browsers AND it doesn't validate.
***** him - gbacci, on 10/12/2007, -2/+6There’s mention of “the many structural elements to achieve layout” but no reference to what the heck those are. This is the problem with an article like this, it’s not all practical. It’s all theoretical advice. Then there’s a statement like: “This may not matter to your client but it matters to your colleges or future employees who might edit your documents.” Once again, what does business have time and budget for?? Making the CLIENT happy. Showing the constant disconnect between tech and business. How crucial is a transparent PNG for my fellow co-workers? Really?
- BobbyOnions, on 10/12/2007, -0/+4"visual queues", heh? Evidentally, visual cues aren't enough.
- ear1grey, on 10/12/2007, -0/+4No, because you have to be be crap grammarization like me.
- gnatinator, on 10/12/2007, -0/+4I concur with rocketryguy, there were a couple of semi-decent points made, but for the most part I found it to be a poor article. This ending up on the front page with 500+ diggs surprises me.
- Vironex, on 10/12/2007, -5/+9Joomla is absolutely awful.
- moneysaver67, on 10/12/2007, -0/+3Sorry, forgot you can't post markup!
...I do not understand the "code" tag after the IE6 conditional comment either:
[!--[if lte IE 6 ]]
[code][link rel="stylesheet" type="text/css" href="css/iebugs/ie6.css" /]
[![endif]--] - toughice, on 10/12/2007, -2/+5I don't think Joomla is as easy as advertised. It may be able to do what you need, with some serious CSS hacks - but you can tell that it was built by programmers, not web designers.
- msgyrd, on 10/12/2007, -1/+4All content management systems are written by programmers. Good ones bring in designers to make it marketable.
- greyfade, on 10/12/2007, -0/+3Geez, the grammar and spelling is horrible.
- inactive, on 10/12/2007, -0/+3would of been more helpful with an example for some of the shorter points
- rationalist, on 10/12/2007, -1/+4"Images that reside in the content flow should be allowed stability in that structure. This includes the logo or any supporting images in the document. I really enjoy right clicking an image, especially a logo, and receiving a nice whole transparent PNG. Deciding up front is detrimental to keeping the integrity of the design and brand. Even the markup. This may not matter to your client but it matters to your colleges or future employees who might edit your documents"
I'm sorry, but given the name "Ryan Parr", one can assume that English is this person's native tongue - or, one should say, something approximating English.
That is not even taking into account this abortion:
"What about IE 6? Their are many techniques to relieve IE6 of it’s transparency bug."
At least if the tips made sense, one could forgive the illiteracy. But this self-titled "professional CSS Architect" bases his nonsensical recommendations on the fact that he "really enjoys" right-clicking on images and receiving a "nice whole transparent PNG"? And what does " Deciding up front is detrimental to keeping the integrity of the design and brand. Even the markup" even mean?
And "This may not matter to your client but it matters to your colleges or future employees who might edit your documents". Is this a joke? Was this article produced by inputting random web dev terms into a blender and pasting what comes out?
"A designer knows what’s best for the client and the user and will make specific decisions about where structure shall live, where the logo will be, where the primary call to action will live, etc."
That is the kind of arrogant, know-it-all engineer's attitude completely inappropriate for design-related professions, and it gives actual professional web developers a bad name.
What an embarrassment that anyone here would be fooled to think that this is an authoritative source. let alone a "professional" one. Do yourself a favor, whether you are a beginner or aspire to learn CSS, ignore that site and those recommendations. Go to A List Apart and check out the design articles there and see what actual practicing professionals do.
And check out sites that impress you the most and view the source. Download the webdeveloper plugin for Firefox and the sourcechart plugin and do some homework. Don't listen to the amateur crap on the site dugg above. - jeff303, on 10/12/2007, -0/+3The best CSS tip I ever found: zero out everything. I once did this at the top of some stylesheet I was working on and instantly all my cross-browser rendering problems went away.
http://webdesign.about.com/cs/css/qt/tipcssmargins.htm - esquilax, on 10/12/2007, -0/+2yeah seriously, just keep a vector file of the logo around. i don't know what a raster file of a logo is good for other than for the web page it's already embedded in.
- rocketryguy, on 10/12/2007, -1/+3I found it poorly written, and generally kind of lame. Buried for lameness, as better references exist in plenty.
- yeskia, on 10/12/2007, -0/+2Agreed - but if you check out what they're doing with Joomla 1.5 you'll see it looks great. They've worked really hard and it looks all "Apple-ly" and utilities AJAX well.
- teleporter, on 10/12/2007, -1/+3I don't know about anyone else, but hacks like this are keeping many of us who actually know what we are doing from landing our dream job. Christ. Write a blog, add some CSS "tips", call yourself a CSS architect, and you're off to Web2.0CompanyXYZ for a ridiculous amount of money.
Notable:
"Keep content images whole."
In the real world, 1) not everyone is on a broadband connection; a 30KB+ image is just unacceptable; 2) Does the average user really right click on an image? Did I miss the update from the CSS Architect's Society that damns user experience? CSS based layouts should not preclude image optimization.
More rubbish from yet another self-proclaimed professional. - pezholio, on 10/12/2007, -0/+2Agreed, 1.5 is really impressive. I think it's the final nail in the coffin for Mambo, which looks really dated in comparison...
- moneysaver67, on 10/12/2007, -0/+2I've see worse Top X CSS lists from Digg; however, this was a decent write up. I agree (to a degree) with some of the points made.
9. Hook, line, and sinker.
Once you have your CSS and sections in place start considering where your selector "hooks" will live by using structural hooks in your mark up. This is your saving grace for future editing and maintenance of the site. This will also give you strength in your document.
Elaboration on Point #9, such as an example, would have been nice. Surely an architect wouldn't forget something so crucial--especially if it is my "saving grace."
I do not understand the "" tag after the IE6 conditional comment either: - Niten, on 10/12/2007, -0/+2@actionscripted: Come on now, don't be so hard on him. He never claimed to be a Professional XHTML Architect, did he?
Yeah, I thought the inconsistent font weight in the section headings was funny too. - dogshaft, on 10/12/2007, -0/+1If you guys thing Joomla sucks, you should check out dotnetnuke. That thing is a P.O.S. and a half.
- nogChoco, on 10/12/2007, -2/+3I found the text to be almost unreadable because of the font and linespacing that he used - I had to lean back to see the actual words - not really what I'd expect from a professional.
- Nurjle, on 10/12/2007, -0/+1Buried as Inaccurate.
The tips are useless, and he evidently is not a professional. A hacked copy of Dreamweaver doesn't make you a web standards guru. - sensibledriver, on 10/12/2007, -0/+1Professional? Please don't tell me anyone has paid that hack a dime.
- theadvinci, on 07/01/2008, -0/+110 CSS Tips from a Professional [CSS] Front-End Architect... Nice...
- HigherLogic, on 10/12/2007, -1/+2What a load of *****. This site doesn't even show up properly in IE6, and this guy wants to give out tips as a "professional CSS architect." I'm sorry, but if you're going to call yourself that (or if you're going to design in general), your site needs to show up in IE6, IE7, Fx, Opera, and Safari and look nearly the same (less the minor pixel differences that each browser outputs).
Practice what you preach, eh? - danggit, on 10/12/2007, -0/+1Sweet tips :) thanks for sharing. While I didn't agree 100% with everything posted; I did walk away learning a new trick or two. Diggers need to learn to take information from personal blogs a little less personally :p
Personally, I try to keep my designs hack-free. This may mean that my site won't look exactly the same from browser to browser; but as long as the design isn't broken, I'm learning to live with that for the time being. One thing that frustrates me is trying to accommodate MSIE. I'm always learning though, since I'm self-taught. I can't knock a free source when I learn SOMEthing from it; because it's thanks to these free sources that I've managed to learn what I did thus far.
What I do notice is that I'm starting to develop an eye for practical/sound coding practices; I'm more selective about which tips I agree with, and the ones I disregard. I think that's a good sign personally; I'm actually learning, which is encouraging because I don't have an actual teacher/mentor looking over my shoulders. - coldfusion055, on 10/12/2007, -1/+2These are some generally good guidelines. Although he seems to go a bit overboard with the separation of css documents.
-
Show 51 - 70 of 70 discussions
© Digg Inc. 2009
— Content created and posted by Digg users is