#css

Clearfix Revisited

· Comment

The new style rules I’m using:

.clear:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height:1%; }
.clear { display:block; }
/* End hide from IE-mac */

For more infor­ma­tion on the update, have a read over at Jeff Starr’s Per­ish­able Press arti­cle. If you are com­pletely new to this tech­nique, it orig­i­nated from this arti­cle.

So What’s New In May?

· Comment

Hey, hey, hey. May 1st has come and gone and those who have promised them­selves to Reboot were either suc­cess­ful, or behind. One of the sites I’m curi­ously await­ing to check out is Bryan Veloso’s new ren­di­tion of Aval­on­Star.

So what the heck am I doing this early in the morn­ing? I can’t damn sleep, and have been try­ing to fig­ure out how to orga­nize my shiznit a bit bet­ter. I have too much stuff going on (as usual), and need to com­plete tasks I have set in my to-do list. But it seems that that list just keeps get­ting big­ger and wider (in terms of those URL-bookmarks).

Any­ways, just wanted to catch-up with this writing-thingy-majig. Maybe some­one out there can help orga­nize things with some cool advise and/or refer­ral gift =)

Speak­ing of which, here’s some cool things that have inter­ested me in the past cou­ple of days:

  • Mac­Book Pro — yeah, I’m a “switch-hitter” now
  • Text­Mate Basic Tuto­ri­als — this will prob­a­bly change my devel­op­ment work­flow for work and on-the-side
  • Com­pil­ing new “points of inspi­ra­tion” from the Reboot-ed sites, new and old
  • … and the list goes on—but it seems that I should be catch­ing some Zs now as I hear some people’s alarm clock going off; at least I think I’m hear­ing it

From my mind to yours, keep learning.

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.

Year of the Dog

· Comment

The Year of the Dog seems to pro­vide a big­ger bark. It also pro­vides new oppor­tu­ni­ties to learn new thing http://www.37signals.com/ buy­ing spree of Web 2.0 app-groups, I just won­der when and if they’ll ever re-align their own site to Web 2.0 stan­dards. One can wish but all can be sur­prised. I guess that’s what makes Tech­nol­ogy so interesting—anything is possible.

PS. There’s sup­pose to be a rumored launch of Camp­fire some­time this week by the great folks of 37signals.

Rebooted

· 2 Comments
Rebooted November 1st 2005

Let it be known that its All Saints Day today. That and I have finally and offi­cially rebooted this blog to another life. Even though there are still some sub-pages being cranked out later down the week, it should be solid enough to get y’all through =)

Any­ways, while my cre­ative juices might be some­what flat these past cou­ple of weeks (due to end­less hours of play­ing sports, and keep­ing up w/ fan­tasy foot­ball leagues), it should start flow­ing… no, gush­ing out again.

Why is this? Because of a thing that started via a blog post when them flash-heads had too much fun. CSS Reboot, mmm mmm… taste the fresh­ness. It’s some­thing new for the web-standards com­mu­nity to look for­ward to. Again, I hope you like it. I fooled around with a dif­fer­ent approach to the user-experience in con­trast to my old blog designs. You’ll know it when you see it. Also, if you encounter any bugs or any­thing of that sort, please do holler—I’m always open to mak­ing things better.

Mean­while, thanks to the peo­ple who visit and fre­quent the site. Not to men­tion, spe­cial salu­ta­tion and recog­ni­tion goes out to Ben­jam­i­nAdam for head­ing the CSS Reboot stam­pede. I hope you spend less time orga­niz­ing those reboot thumb­nails, and more time sleep­ing and then enjoy­ing the cre­ativ­ity of the com­mu­nity you helped awaken.

Regards and gra­cias mi ami­gos,
Sher­win Techico

PS. This is just a memo: “the things we think and do not say” are just the ones that we need to express and let out to the world. This is my train of thought. I hope you hop on it and enjoy the ride.

12