February 28th, 2010
A short review about CSS’s levels. There are three levels in CSS. These levels are based on the position of the rules on the page .
Level 1 Styling – or inline. Inline because the rules are placed inside the element:
<span style="font-family:Tahoma"> Hi </span>
Where to use it: If I am starting out with nothing currently governed by rules yet, I’d go with these just to see how certain rules look towards an element before I promote it to a higher level. Usually, this level of style would get priority only for the certain element the rules are applied to. It can overrule other styles applied from the other two levels. HTML Email blasts usually contain this style method because the tag cannot be used in mail. </p>
Level 2 Styling – page styling. The rules are used with selecters at the top of the page in the <head> tag.
<html>
<head>
<title>Hi...</title>
<style type="text/css">
span
{
font-family:Tahoma
}
</style>
</head>
<body>
<span> Hi </span>
Where to use it: Level 2 styling works well with a one page ordeal or when the rules only need to be applied to elements on the page, whether a class(one style to many elements) or an id(one class to one element selected). Here, I’m using the element’s name to style the <span> element’s appearance. All other span encapsulation will take to this rule. Hi will render with the font Tahoma selected because <span> has its’ rule, governed by the Level 2.Usually, this will work if you’re not going to be needing the styling somewheres else.
Level 3 Styling – one or more stylesheets is involved and called through either a <link> reference or an @import reference in the <style> reference. This keeps the style away from the html code.
style.css
span
{
font-family:Tahoma
}
<html>
<head>
<title>Hi...</title>
<link href="style.css"
type="text/css"/>
</head>
<body>
<span> Hi </span>
When to use it: There are many instances where one can use this sort of styling. For instance, say there is a color that is is a rare find but is a company standard. A stylesheet can act as a styleguide and apply the color to anywhere on the site or root depending on where the site is. It avoids most of the clutter and filesizes that the other two can bring and centralizes the CSS. Uniforming pages will become easier with this. In short, Level 3 is for globalization. Level three can also be handy for cross-browser deployment.
Like I said, this is a brief rundown, with a few pointers. When in doubt, do level 3 and explain yourself proudly. Feel free to email me at i.am[at]kevinvs.net
Posted in Uncategorized | No Comments »
February 28th, 2010
Soooooooo… Go Canada! Yeah, the olympic spirit is upon us and you’re probably like:
“Kevin, you should be getting drunk and posting on the Olympics and how Canada’s owning the US in our favorite sport right now. LIKE NOW! Why you doing this?”.
Well, I thought some stuff were really interesting this week. I had alot of posts I wanted to get into before I start the tutorial consistency, and the new layout I’ll be rolling out with starting next week. And also, these posters are pretty stellar with their work. Take a look at this week’s twitter posts:
cullin
RT @fuelinterface Free Web User Interface Wireframe Kit from Fuel Your Interface http://tinyurl.com/yldyz78
about 3 hours ago
css3gallery
HTML5 for Beginners. Use it now, its easy! | Dev Loom: Ok, so there are a lot of articles out there on HTML5, espe… http://bit.ly/bm4Ohj
6:02 AM Feb 26th
nery78
http://ie6funeral.com/ March 1st will be a good day indeed
10:42 AM Feb 24th
bcromlish|
The Five Most Important Things I’ve Learned since College http://bit.ly/dxCf6l (via @skooloflife)
5:10 AM Feb 24th
Posted in Uncategorized | No Comments »
February 20th, 2010
Yeah, it’s been a while. I don’t blame you if you’re thinking/saying:
“Kevin, I’m not gonna read your blog if you lack all this consistency!”
And I apologize again. Because of that, I have a special treat for you! Tips on getting better with your blog, some online html editors, some design standards to help you get the measuring tape out on your skills, and more on this rounds Favoritwite Things. And here we goooo:
Tags: Chris Spooner, CSS, CSS3, Design Newz, Downtime, HTML, HTML5, Inspirational Things, Interact Communicate and Engage, Knee Mail, Miss Lava, Smashing Magazine, twitter, Web Development, Wordpress
Posted in Uncategorized | No Comments »
February 9th, 2010
Hedgehongs, Great talent, inspirational quotes, and a debate – oh my! Maybe I should be hella random with the Favoritwite things.
nickla Must see: 47 amazing CSS3 animation demos -http://webdesignerwall.com/?p=45510:11 AM Feb 3rd
smack416 Real work is actually accomplishing something from @fraserspeirs - I’ve been bitching about saving us from…2:09 PM Jan 30th
SEGA Check out the brand new websitehttp://www.sonicthehedgehog4.com3:21 AM Feb 4th
gfreelancing Curious to know what the top 25 design blogs make from ad sales? http://bit.ly/aXnrzD11:33 AM Feb 1st
css3gallery Will HTML5 Have an Impact on Adobe?: With the recent announcements that YouTube (GOOG) and Vimeo are both releasin… http://bit.ly/7xWiea5:21 AM Jan 24th
clickflickca This is big for podcasters!! http://bit.ly/7LTOsO#ustream10:03 AM Jan 23rd
Posted in Uncategorized | No Comments »
February 9th, 2010
Facebook status: “thinks that the new layout is great. I have to give Facebook its’ kudos. The double blue, leading into the top menu and the stalker search at the top is an excellent finish. Separating the notifications from the chat was icing to make that cake. Third time’s the awesome. If you don’t like it, there’s always Facebook Lite. Did we all forget about that there?
This coming from me now based on what I have just seen from the new Facebook design. My cache finally gave in and got the new FB layout and I’m glad it did. Honestly, from a designer’s standpoint, I think that Facebook hit the nail on the head with this look. The most used features are now more prodominent and put upon a pedastool, err, the top of the page and the logo branding remains untampered with. The sidebar was something that didn’t make the shift, but it retains its’ useful spot in the layout. What’s not broke, please don’t fix it. As a user, well, I can’t complain.
And when I hear the bitching and complaining that came from the new coat that the Social Media mongul put on, it reminded me of how ignorant people seem to be. It’s like when people call customer service or cry to their friends about a cell phone not working. Intially, they have faith in the system being flawed from the get-go instead of taking any real responsibility for their poor choice. People like to not take blame for their own, self-induced short-comings. Did they read the instruction manual? how many times have they dropped phone and where did all those dents come from? The fact is that the new Facebook layout didn’t come from the developers at all. It came from the consumers. We did this and some didn’t even take the time to actually check the functionality before they trash something that was intentionally built to ease their experience online.
As stated, try stuff out before knocking it to heck. Especially if the most important things, that you ever so look at, hardly changed at all. Look at the main section: just like before, I reckon. Seriously, what’s the problem?
Posted in Uncategorized | No Comments »
February 6th, 2010
I had no idea that Flash needed to have images, that are loaded in, as RGB format. That’s insane. But yeah, there you go!
Tags: actionscripting, cs3, Flash.
Posted in ActionScripting 3.0 | No Comments »
January 26th, 2010
Smashing Magazine Design-A-Day challenge by Kevin Kelly
So I finally got a Posterous account to handle the Smashing Magazine Design A Day challenge.
Check me out here for more on this lovely occassion of fighting my urges to procrastinate. More fun to come!
http://kevinvs.posterous.com/
Posted in Uncategorized | No Comments »
January 26th, 2010
Thougt I’d aim higher this year m, especially for the blog:
- 40 tutorials
- 300 entries
- mentioned on 5 major blogrolls
- 5 reposts by DesignNewz
- 300 Smashing Challenges on design a day
- 12 books fully read
- 100 non spam comments
- 50 loyal viewers
- 50 blog retweets
Posted in General Tactics | No Comments »
January 20th, 2010
Step out the closet… of being closed minded. Being a weekend warrior does pay off, especially when you’re getting folks to your site. Nah mean? check out last week’s favorites. Add these folks, also.
sitepointdotcom 6 Networking Tips for the Introvert in All of Us http://bit.ly/5X06qY
4:46 AM Jan 11th
creattica Best Practices To Develop Perfect Websites for iPhone and Mobile Devices http://bit.ly/7HeCdg . . . Nice article! @woork
7:17 AM Jan 11th
robsarj 3 keys to successful website 1) Get Found – attract visitors 2) Convert – visitors to leads 3) Analyze – measurable ROI #hubspot 10:25 AM Jan 13th
kevinkvs RT @css3gallery: Mozilla Firefox 3.6 available for download: The tool supports WOFF font format, HTML5 http://bit.ly/5W2v2j 2:30 AM Jan 15th
Capcom_Unity Fan-made Final Fight Action Figures http://is.gd/6kkUt 10:15 AM Jan 15th
sitepointdotcom A Practical Guide for Being a Healthy Workaholic http://bit.ly/4tzR8t 2:47 AM Jan 16th
DesignNewz New: 55 Minimalist Wallpapers of Various Female Celebrities http://bit.ly/4S7ToE 6:00 AM Jan 16th
Posted in Uncategorized | No Comments »
January 15th, 2010
After falling off the wagon a few nights back(projects, mostly), I have decided to restart the Design-A-Day challenge from Smashing Magazine. I’ll be doing so on Monday, January 17th, 2010. Prepare yourself.
Posted in Uncategorized | No Comments »