Massively looks at the best free to play games

Alternating row colors with CSS alone.

I've gone on and on in the past about CSS 3, and how amazing it will be.  One of the great things it will feature is the nth-child specification.  You can refer to elements by their number in a sequence, meaning less ID and CLASS tags, and more CSS!

However, in the mean time, there are things that I know we're all passionate about.  Things like alternating background colors for rows in a <TABLE>.  It's a terrific way to clarify which information belongs together in a row, and for long, long lists of information in a table (emails subject lines, tabular information, etc.), it is essential.

So, for the CSS purists in us all, how do we do it without using some sort of counting system?  Almost all the alternating row systems you'll see are driven by PHP, Perl, Javascript, VBScript, etc.  Which is good and fine, but what if you don't have access to those, or if you don't know the languages necessary?  Can CSS alone pull off the effect?

Continue reading Alternating row colors with CSS alone.

City Creator - the CSS / Javascript based city creation tool

As many of you might remember, Gmail, when it was first launched, got me giddy.  It was a web based e-mail system that played off like an e-mail application in some ways.  It was speedy, for one, due greatly to the use of a CSS layering technique.  You click on your inbox, and BOOM - it was there.  No need to refresh the page.

That's one thing that makes web applications a bit unlikely in the incredibly near future: refreshing takes time.  No matter the amount of bandwidth available to the user, no matter what connection speed the have, no matter what browser they use, there will (right now, at least) be a slight delay until they see results on their actions.  That is - until CSS layering came along.

With CSS layering, you can load content behind other content, meaning that information can be readily available.  It's rumored that Yahoo!'s next email system (the web application-like web based email service they purchased last year from Oddpost) will use it extensively in order to make the webmail system seem really snappy, like a real application.  It's quite revolutionary, and it's really innovative how so many people are finding a way to use it.

Continue reading City Creator - the CSS / Javascript based city creation tool

Microsoft gets into (yet another) defensive stance

Macromedia has been known for quite some time as the leader in web authoring tools (and clients, for that matter, with Flash / Shockwave).  When Adobe announced that they were going to merge with Macromedia, the world of web development and design shook a little.

Just when the two respective web development applications (GoLive and Dreamweaver) were getting more and more CSS friendly in this CSS-based revolution, things were in the air.  Macromedia announced a new suite (Macromedia 8 Suite), with a new, even more CSS-friendly Dreamweaver, and Adobe announced that the new version of GoLive would spit out compliant, CSS-based code.  The world seemed wonderful.

When Adobe announced the merger, most of us gasped, but then regressed with the confidence that our CSS-friendly web development applications would stay just that: CSS-friendly.  Maybe even get more so.

So, one big, fat CSS-friendly web development application would rule.  DreamLive.  Or GoWeaver.  Or Go-Dream-Live-Weaver.

Then, in an ever familiar move, Microsoft grins and shakes it's head, "no".  It has other plans.

I'm sure everyone at this point has heard of Acrylic, Microsoft's new graphics application.  It's supposed to directly compete with Photoshop.  However, have you heard of the Sparkle Interactive Designer, and Quartz Web Designer?  Yes?  No?  Well, either way, allow me to ellaborate on the latter.

Continue reading Microsoft gets into (yet another) defensive stance

Public libraries among the most updated websites

Many, many sites go through complete overhauls on a regular basis.  Most big corporations even touch up their cyber-complexion every once in a while.  It's a pretty routine procedure, and keeps the sites up with the times.

Few update their sites as regularly as public libraries, though.  It makes sense when you think about it… they have some of the most regularly updated content.  New books, books that are checked out, new ways to categorically arrange the author, book titles, etc.  A public library site needs to be not only easy updated, but easily maintained as well.

According to Practices and Future Plans of Public Library Webmasters, "Many Public Libraries in the USA Redesign Their Sites Every Three Years," no doubt to keep up with standards.  According to most of the biggest public library systems in the world, content management is key for a public library's website.  With CSS, this makes updating all the more pleasant and simple.

Some library systems prefer to emplore many librarians to all make changes to a book database (sort of a wikipedia of library catalogs), others like to have only a small handful of them do it (in order to keep things consistent and keep labor costs down).  Both types of updating systems benefit greatly from having CSS-Based sites, as it allows the content to change drastically while keeping the layouts in tact.

It's abundantly clear that public library sites rightfully require to be CSS-Based, and it's good news to find out that it's happening.  Click on the, "Read" link below for more information.

+ CSS = Sexy Tabular Information

It may be ingrained into your grey matter, now, but <TABLE>'s are not, in fact, evil.

No, and I believe I've made mention to this before - <TABLE>'s, when used correctly, are downright efficient.  Not for design (although, they are, arguably, simpler to code than your average 3 column css layout), but most certainly for laying out large assortments of information.

I once heard someone say, "If you would put it in a <TABLE> in MS Word, then you should use it in a <TABLE> in HTML."  It was a valid, although a bit blanketed, statement.  I, for instance, can totally identify with it.  I only ever use tables in Word when I want to arrange my budget information in a document, or if I want to show a comparison chart.  However, other may very well use it to build their resume's or to layout a birthday invitation.  I really can't speak for the rest of the population.

Continue reading

+ CSS = Sexy Tabular Information

How an <H1> tag could save your site.

It's the biggest search engine, and one of the biggest internet companies in general, in existence.  It's revered as one of the most innovative and powerful means to information.  Heck, it's even become a verb.

Google.  No, no, this isn't a big plug for Google.com.  This is, however, a post to hopefully reveal just how powerful those <H1> tags really are, and how Google rates them up there with sliced bread.

It's no secret that Google uses a lot of measures to ensure the integrity of the pages that are linked by them.  At the very least, the pages that are seemingly the most pertinent to your search query are listed at the top of your results.  How does it do this?  Well, according to Google's Technology Overview:


"Google's search engine also analyzes page content. However, instead of simply scanning for page-based text (which can be manipulated by site publishers through meta-tags), Google's technology analyzes the full content of a page and factors in fonts, subdivisions and the precise location of each word. Google also analyzes the content of neighboring web pages to ensure the results returned are the most relevant to a user's query." (link)

Meta tags are a thing of the past.  Many of us have been guilty of fudging tags in order to get more visits.  Even things like saying, "Los Angeles Bakery, LA Bakery, Bakery in Los Angeles, Bakery in LA" and the like could be viewed by Google as a ruse.  Instead, Google ranks your pages by content, and furthermore, by how your content is arranged.

Continue reading How an <H1> tag could save your site.

Clean code and Firefox's <P> bug.

It's a tale as old as timer controllers.  In virtually any scripting language (with few exceptions) clean code is a necessity.  It allows you, not to mention anyone else misfortunate enough to muck through your code, to follow the structure more easily.  It also affords you the ability to more easily visualize the outcome of your code more often than not.  Clean code is a win-win situation, really.

Not to say there aren't draw backs.  Some people consider extra indentations and carriage returns to be inefficient and a prime example of, "wasted space".  I, on the other hand, find clean code, although it may add a few bytes to the file size of your text files, to be well worth this drawback.  If I can open mine, or someone else's, html code and follow the structure as easily as I wouild if I were looking at it rendered in a browser I would be very, very thankful.

Continue reading Clean code and Firefox's <P> bug.

Even monsters like CSS (a.k.a. TemplateMonster.com CSS Templates)

I've been perusing TemplateMonster.com for just over a year now.  I usually just check out the flash templates and then go on my way, but recently, my favorite buzz word of all time caught my eye - CSS.

I actually get an e-mail from them anywhere from twice a day to once a week outlining the new templates that have made their way onto the product line.  You can, as with any Template Monster template, either purchase a copy of the template for a cheap price, or pay more to purchase the template itself (disallowing anyone else from purchasing it).  It was here that I first saw mention of the new CSS Based Templates.

Continue reading Even monsters like CSS (a.k.a. TemplateMonster.com CSS Templates)

CSS3 ALREADY??

Assuming you're in a room with fellow CSS Geeks (also assuming you're lucky enough to actually know other CSS Geeks, we're far between and few), ask any of them which browser should be used to render CSS correctly.  Most will say Firefox.  Few will say Opera, Safari or a handful of other browsers.  In this case, we'll yet again assume that the majority rules.

Mozilla Firefox has been put on the map for several reasons:

  1. It's not Microsoft.

  2. It's being updated regularly.

  3. It supports all the things that IE doesn't.

  4. It renders CSS almost perfectly.

It's true that it doesn't render perfectly.  Firefox isn't an absolute truth (sorry to break the news for those of you who have built Firefox shrines in your basements).  It does, however, boast a great deal of CSS prowess.

Well, the (arguably) best just got (arguably) better.  Riding on the whisps of wind caused by the wings of a bluebird are rumors of Deer Park Alpha 2.  It sounds like an elaborate military operation, but is, in fact, just an alpha of the next release of Firefox.

Continue reading CSS3 ALREADY??

It rears it's long lost head

Hello, all.

Things have finally let up for me.  Sorry for the absence.  Welcome David Chartier!  It's nice to have a collegue with the CSS blog!

Anyhow - onto business.

With Firefox 1.0 being released and offering incredibly easy access to RSS (Real Simple Syndication) feeds (treating them like bookmark lists, where you can see each post in chronological order, and jump to any feed with a single click) and with Tiger's Safari now offering, "Safari RSS" that will render any XML / RSS feed as html (fully searchable, etc., definitely worth a look for you Mac Folks), everyone seems to want to get in on the RSS bandwagon.

Continue reading It rears it's long lost head

IE7 Info

Hmmm… it seems we're still looking into finding someone to help pick up the slack here at the css weblog.  I've been phenominally busy, trying to organize all the things in my day-to-day schedule and I think I may finally have a solution to keep posting on here.  It would still help tremendously to have someone else help out with the blog, though.  Keep your finger crossed.

Anyhow - if you don't know yet, you should.  IE7 IS going to ship, and it is going to make the web development/design community very happy.  I mean, not because you'll actually USE IE7, but with Windows Update delivering IE7 to everyone's doorstep automatically we can all finally let out a collaborative sigh of relief.  Can you imagine?  Alpha support with 24-bit PNG's, CSS2 compliance (which we can deal with until CSS3 comes out, then we'll all start complaining again).  Remember all those posts I made about hoping and wishing that M$ would take the hint and focus on how the browser renders, not just that it does securely?

Security is a big deal, yes, and blah blah blah, blah blah … blah blah!  Let's face it, we want to be able to spend more time desiging and less time holding IE's hand through simple CSS procedures!

So, this is tremendous news.  When is it shipping?  Well, you'll have to tune into Chris Wilson's Official IE Blog to keep up to date.  Suffice to say, it will happen long before Longhorn.

Talk to you guys real soon.

Until next time!

Resource: here.

What's going on?

"ARG!" you're thinking, "Where is the CSS Weblog???"

Well, the answer is simple… Weblogs Inc. is bringing on someone else to help out with this blog.  My schedule doesn't permit me to post as often as they need me to.  I will still post as often as I can, but they're looking for someone to take up the slack and keep things running smoothly.  The CSS Weblog may soon be similar to Engadget, Autoblog and many many others where multiple contributors keep the weblog running smoothly.

I know it's really inconvenient having to wait as long as you guys have for consistent posts.  I have no interest at all in dropping out of helping run this blog, I simply need someone to help keep it going and keep new content coming!

In the mean time, I want to make sure you guys have plenty to wet your CSS appetites, and every once in a while, give you a three course meal.  Well, the hearty meal is coming soon, but here's an appetizer:

Recognition of the Adobe / Macromedia merger / takeover.

Continue reading What's going on?

Quick CSS color schemes

One of the things that makes CSS so great is the way you can swap out your color scheme with one, simple file change.  It's definitely not a new concept, but it's one of the most used ones for sure.

The only problem with the technique is that you often have to change many different properties in order to change your color scheme.  If you have a header and a footer that are the same color, for instance, you'll usually have to change the color of both elements' backgrounds.  That is, of course, unless you use the color coding technique.

Let's start from the beginning, though.

What color coding really entails is changing your perspective on your elements.  It's not so much a matter of which element is which color, but what color code you specify for them.  You can setup a class of, "red", for instance, and anything that refers to that class will have that background color.  You can have multiple elements refer to the same color.

Continue reading Quick CSS color schemes

Skinning GMail

It seems like an overly elaborate way to take control with CSS over a site you have no control over, but then again, the sheer concept is enough to make a brave man weep.

Gmail.  Google.  The big, "G".  Not synonymous with Web Standard layouts at all.  It's pretty sad, really, that sometimes they even make it LOOK like a site is CSS-Based without actually making it CSS Based.  They want to keep their stuff clean, fast loading and low bandwidth, but they still insist on cluttered code and <TABLE>s, <TABLE>s and more <TABLE>s.  It's sad, really.

At least, in one way, we can take back the G.  Many of us have been enjoying GMail for quite some time (those of us with friends who had invitations).  We've learned to wield our GMail address like a yuppy wields their iPod.  We were proud to give out the address, regardless whether it was personal or professional.  We wanted everyone to see that we were in the know.  We are one of THEM.

Continue reading Skinning GMail

Newt Edge: Innovative CSS Experimentation

I try not to refer to too many of these sites (CSS experimentation sites), but sometimes I come across one that's just too good to keep to myself.

It not exactly famous, but it's not exactly unknown.  Which site am I refering to?  Newt Edge.

What sets it apart, for me, from all the others is the originality of it all.  A lot of CSS Experimentation sites focus on the same basic things: pushing the envelope to see how far it will go.  Not that this isn't incredibly interesting and exciting, but we often find ourselves asking about practicality.  These envelope pushing experiments are often left just as that, due to incompatibility with all major web browsers… and for good reason, that's the point of them!

However, when a site like Newt Edge comes around, where it pushes new, practical concepts into the limelight, people have to stop and take notice.  Not selling you on the idea?  Let me name some examples:


  1. 32-bit PNG degradability in IE (without CSS hacks or Javascript)

  2. Hiding email address from spambots

  3. CSS based banner ads (low bandwidth, low impact, etc.)

See?  Very innovative and interesting topics.  The site caters to Beginners and Veterans because it doesn't feautre extreme CSS code, it simply features extreme ideas delievered by simple CSS.  It's pretty incredible.

I'd be very much surpised if you walk away from their site not raising an eyebrow or two.

Until next time!

Resource: here.

Next Page >

RESOURCES

RSS NEWSFEEDS

Powered by Blogsmith

Other Weblogs Inc. Network blogs you might be interested in: