#Development

@Media 2007 — Time to Learn More!

· Comment
@media 2007 - San Francisco

I was for­tu­nate enough to be spon­sored by M.com/Monster World­wide to attend @media 2007 up here in SF.

@media: For forward-thinking web design and devel­op­ment pro­fes­sion­als, @media, one of the world’s fore­most and well received web design con­fer­ences, comes to the West Coast for the first time this May 24th and 25th.

The unique pre­sen­ta­tions from lead­ing indus­try experts will inspire and edu­cate, cov­er­ing a mul­ti­tude of aspects of best prac­tice web design, dis­cussing top­ics such as user-interface design, acces­si­bil­ity, seman­tic markup, CSS, JavaScript, and ajax.

Woohoo! I can’t wait to get my badge! haha =)

CSS Naming Convention for Classes and IDs?

· 4 Comments

Well, just re-reading some of the cur­rent book­marks in my bag. To note:

I am try­ing to clean up and make things more effi­cient here at work. One goal would be to have a base CSS that will serve as a start­ing point for our Pro­duc­ers and Fron­tend peeps. Another goal would prob­a­bly be a con­ven­tion on how to use it and/or cre­ate new classes and IDs.

One of the things that keeps com­ing up lately would be the nam­ing con­ven­tion of classes and IDs. I used to imple­ment this kind of for­mat “class_name”. Then, only to switch to “class-name” in early ’06. Fast-forward to a cou­ple of months into the year dur­ing a project, I came to find out that if you are refer­ring to either a class­name or an ID (i.e. getEle­ment­ById, or some­thing like that) that the value’s hyphen get stripped out. Can some­one con­firm this phe­nom­ena and/or myth? That is, for exam­ple, doing “id-name” would be imple­mented like so:

document.getElementById("idname")

With that how­ever, would it be more read­able using a camel­Cased name? Although against Tantek’s step #4 in terms of sav­ing the user(s) poten­tial headaches. But would there be prob­lems if there was a stan­dard within one’s orga­ni­za­tion? That is, classes and IDs writ­ten as a vari­able, i.e. some­thing­LikeThis; no hyphens and no underscore.

I look for­ward to hear­ing your end­less wis­dom on this sub­ject sirs and madams. Thanks in advance.

IE Web Developer Toolbar

· Comment

Just stum­bled on a link of a link and found that there is too a “web devel­oper tool­bar” for IE. Although (cur­rently) unrated, it seems to pro­vide some use­ful functionality:

  • Explore and mod­ify the doc­u­ment object model (DOM) of a web page.
  • Locate and select spe­cific ele­ments on a web page through a vari­ety of techniques.
  • Selec­tively dis­able Inter­net Explorer settings.
  • View HTML object class names, ID’s, and details such as link paths, tab index val­ues, and access keys.
  • Out­line tables, table cells, images, or selected tags.
  • Val­i­date HTML, CSS, WAI, and RSS web feed links.
  • Dis­play image dimen­sions, file sizes, path infor­ma­tion, and alter­nate (ALT) text.
  • Imme­di­ately resize the browser win­dow to 800x600 or a cus­tom size.
  • Selec­tively clear the browser cache and saved cook­ies. Choose from all objects or those asso­ci­ated with a given domain.
  • Choose direct links to W3C spec­i­fi­ca­tion ref­er­ences, the Inter­net Explorer team weblog (blog), and other resources.
  • Dis­play a fully fea­tured design ruler to help accu­rately align objects on your pages.

But, don’t go and down­load­ing all at once… after all it is still in beta—“Beta 2″ to be exact.

12345