tag:www.shayna.com,2009:/ Shayna Productions - Sandy Clark Sandra Clark 2009-04-22T09:00:01Z urn:uuid:179 <![CDATA[CSS Back to Basics Class]]> 2007-06-28T11:30:00Z Well, I think my CSS presentation here at CFUNITED went well. My computer went totally nuts at the beginning, and I had to go without it for about 1/3 of the time, but I was able to get the information out. Thanks to everyone at the session for their patience with my situation.

I didn't get to my special treat, which is popup Windows using a Class. I've got the zip file up at: docs/popupwindows.zip for your downloading pleasure. The basic premise is that in an xHTML 1.0 strict environment, the target attribute is obsoleted. So there is no way to simply have a link open in a new window. I actually blogged about this in September, 2006, and have been working on the solution since then. The solution uses JavaScript and CSS together to create both the functionality of the popup window as well as add an image to the page to indicate that the link opens in a new window. It also degrades gracefully without JavaScript and simply opens in the current window.

I've also made my presentation and sample files available for download. Enjoy!

]]> Well, I think my CSS presentation here at CFUNITED went well. My computer went totally nuts at the beginning, and I had to go without it for about 1/3 of the time, but I was able to get the information out. Thanks to everyone at the session for their patience with my situation.

I didn't get to my special treat, which is popup Windows using a Class. I've got the zip file up at: docs/popupwindows.zip for your downloading pleasure. The basic premise is that in an xHTML 1.0 strict environment, the target attribute is obsoleted. So there is no way to simply have a link open in a new window. I actually blogged about this in September, 2006, and have been working on the solution since then. The solution uses JavaScript and CSS together to create both the functionality of the popup window as well as add an image to the page to indicate that the link opens in a new window. It also degrades gracefully without JavaScript and simply opens in the current window.

I've also made my presentation and sample files available for download. Enjoy!

]]> urn:uuid:177 <![CDATA[Naked Today!]]> 2007-04-05T05:00:00Z How structured is your page? Do you have the guts to show it all off?

I do! So, once again, I'm participating in CSS Naked Day. Why am I doing this? Well, everone knows that I'm a proponent of Web Standards and Accessibility. I also have some pretty good CSS skills. One thing I've found is that a strong HTML structure supports all these things.

So I'm not afraid to take it all off. I'm proud of my "structure"

For more info http://naked.dustindiaz.com/

]]> How structured is your page? Do you have the guts to show it all off?

I do! So, once again, I'm participating in CSS Naked Day. Why am I doing this? Well, everone knows that I'm a proponent of Web Standards and Accessibility. I also have some pretty good CSS skills. One thing I've found is that a strong HTML structure supports all these things.

So I'm not afraid to take it all off. I'm proud of my "structure"

For more info http://naked.dustindiaz.com/

]]> urn:uuid:176 <![CDATA[Simulating Attributes Selectors in IE6]]> 2007-03-30T08:30:00Z Especially now that IE7 supports attribute selectors, using classes in my HTML to reflect those items has become a real bummer. I really like the idea of not requiring people maintaining HTML to worry about classes. I think it makes for cleaner markup and for easier training. So, while I'm not a JavaScript maven by any means, I decided to play around with this and actually made it work.

What is an Attribute Selector Anyway?

An attribute selector is a CSS selector which says basically, "use these style rules if the value of an attribute is equal to something specific". I tend to use attribute selectors mainly with forms, so my sample function deals exclusively with the input element. It can however be extended to anything you want. So, if I want to target my CSS to only text inputs, or only select buttons, or only checkboxes. I can use an attribute selector instead of a class.

]]> Especially now that IE7 supports attribute selectors, using classes in my HTML to reflect those items has become a real bummer. I really like the idea of not requiring people maintaining HTML to worry about classes. I think it makes for cleaner markup and for easier training. So, while I'm not a JavaScript maven by any means, I decided to play around with this and actually made it work.

What is an Attribute Selector Anyway?

An attribute selector is a CSS selector which says basically, "use these style rules if the value of an attribute is equal to something specific". I tend to use attribute selectors mainly with forms, so my sample function deals exclusively with the input element. It can however be extended to anything you want. So, if I want to target my CSS to only text inputs, or only select buttons, or only checkboxes. I can use an attribute selector instead of a class.

]]> urn:uuid:150 <![CDATA[CSS Class in New York Canceled]]> 2006-09-08T06:00:00Z Unfortunately, I am forced to cancel my Cascading Style Sheet Class in New York. I'm not sure when I'll be holding another public class. If anyone is interested in Cascading Style Sheet training please let me know.

]]> Unfortunately, I am forced to cancel my Cascading Style Sheet Class in New York. I'm not sure when I'll be holding another public class. If anyone is interested in Cascading Style Sheet training please let me know.

]]> urn:uuid:147 <![CDATA[Microsoft releases list of IE CSS fixes]]> 2006-08-23T09:30:00Z Yesterday, Microsoft released a list of the fixes that will go into Internet Explorer 7.

Its an interesting list to go over. They've fixed a lot of the bugs that are posted on Position Is Everything. Please note though that all the problems will still be there in Quirks Mode, so when writing for IE7, it is going to be extremely important to use the correct DocType to allow IE to render in Standards Mode.

I think its a promising start. IE will in no way, shape or form have the support for CSS 2.1 that Firefox, Safari or Opera do, but hey, maybe someday.

]]> Yesterday, Microsoft released a list of the fixes that will go into Internet Explorer 7.

Its an interesting list to go over. They've fixed a lot of the bugs that are posted on Position Is Everything. Please note though that all the problems will still be there in Quirks Mode, so when writing for IE7, it is going to be extremely important to use the correct DocType to allow IE to render in Standards Mode.

I think its a promising start. IE will in no way, shape or form have the support for CSS 2.1 that Firefox, Safari or Opera do, but hey, maybe someday.

]]> urn:uuid:140 <![CDATA[CSS Hands On Interview]]> 2006-08-02T11:00:00Z I recently found an interview I did last year with David Epler regarding my Hands On CSS Class. For those of you wondering whether my class is worth the time and expense, I think this gives a good explanation of what you can get out of it.

]]> I recently found an interview I did last year with David Epler regarding my Hands On CSS Class. For those of you wondering whether my class is worth the time and expense, I think this gives a good explanation of what you can get out of it.

]]> urn:uuid:139 <![CDATA[Get Ready for IE7]]> 2006-07-27T09:00:00Z CNET is reporting that Microsoft is going to push IE7 out via windows update as a high priority update in the 4th quarter. Users will be asked if they want to update or not, but especially among less technical users, I am sure many of them will simply install the update.

What does this mean for us? Well, for commercial sites, it means that a lot of shoppers will probably be using IE7 when it comes to the holiday season shopping rush. For all of us, unless sites are working correctly with IE7 from the beginning of this onslaught, expect a lot more emails and calls regarding "your broken site".

Businesses will have the option of holding off on the update via a special tool that Microsoft will make available that will block the updater from happening. Which means that we will still be stuck supporting IE6 for quite a while.

So start working with your websites now.

  • download the IE7 Beta and put it on a test machine (you can't go backwards from it once its installed).
  • Remove the hacks from your CSS files, most of them will fail.
  • Use the conditional comments I blogged about a few weeks ago to conditionally send CSS (and Javascript) to either IE7 or IE6 and make your specific support changes in there.
]]> CNET is reporting that Microsoft is going to push IE7 out via windows update as a high priority update in the 4th quarter. Users will be asked if they want to update or not, but especially among less technical users, I am sure many of them will simply install the update.

What does this mean for us? Well, for commercial sites, it means that a lot of shoppers will probably be using IE7 when it comes to the holiday season shopping rush. For all of us, unless sites are working correctly with IE7 from the beginning of this onslaught, expect a lot more emails and calls regarding "your broken site".

Businesses will have the option of holding off on the update via a special tool that Microsoft will make available that will block the updater from happening. Which means that we will still be stuck supporting IE6 for quite a while.

So start working with your websites now.

  • download the IE7 Beta and put it on a test machine (you can't go backwards from it once its installed).
  • Remove the hacks from your CSS files, most of them will fail.
  • Use the conditional comments I blogged about a few weeks ago to conditionally send CSS (and Javascript) to either IE7 or IE6 and make your specific support changes in there.
]]> urn:uuid:137 <![CDATA[ Håkon Wium Lie responds to SlashDot Questions]]> 2006-07-24T07:00:00Z Back in June, yes I'm finally getting caught up) Slashdot readers were asked to submit questions to Håkon Wium Lie, currently affiliated with Opera, but also one of the inventors of CSS. He not only answered the 5 officially submitted questions, but a bunch of other ones he found interesting as well. Check it out.

]]> Back in June, yes I'm finally getting caught up) Slashdot readers were asked to submit questions to Håkon Wium Lie, currently affiliated with Opera, but also one of the inventors of CSS. He not only answered the 5 officially submitted questions, but a bunch of other ones he found interesting as well. Check it out.

]]> urn:uuid:136 <![CDATA[Yahoo Developer Network - Fonts CSS library]]> 2006-07-21T07:00:00Z The Fonts CSS Library offers a free library downloadable under the BSD license which:

The foundational Fonts CSS file offers cross-browser typographical normalization and control. Fonts CSS:
  • Offers full A-grade browser support.
  • Provides consistent font sizing and line-height.
  • Provides appropriate cross-OS font-family degradation paths.
  • Supports user-driven font-size adjustment in the browser, including cross-browser consistency for adjusted sizes.
  • Works in both "Quirks Mode" and "Standards Mode."
  • Normalizes the dimensions of an "em" unit, facilitating liquid-dimension development.
]]> The Fonts CSS Library offers a free library downloadable under the BSD license which:

The foundational Fonts CSS file offers cross-browser typographical normalization and control. Fonts CSS:
  • Offers full A-grade browser support.
  • Provides consistent font sizing and line-height.
  • Provides appropriate cross-OS font-family degradation paths.
  • Supports user-driven font-size adjustment in the browser, including cross-browser consistency for adjusted sizes.
  • Works in both "Quirks Mode" and "Standards Mode."
  • Normalizes the dimensions of an "em" unit, facilitating liquid-dimension development.
]]> urn:uuid:135 <![CDATA[Fully compliant <abbr title="Content Management System">CMS</abbr> Editor available]]> 2006-07-20T06:45:00Z XStandard has released its newest version (1.7.1) of its standards-compliant plug-in WYSIWYG editor for Windows desktop applications and browser-based content management systems IE/Mozilla/Firefox/Opera/Netscape).

]]> XStandard has released its newest version (1.7.1) of its standards-compliant plug-in WYSIWYG editor for Windows desktop applications and browser-based content management systems IE/Mozilla/Firefox/Opera/Netscape).

]]> urn:uuid:134 <![CDATA[CSS Library]]> 2006-07-19T07:30:00Z Another great site I found to help with CSS is Dynamic Drive CSS Library, which claims

you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.

The site breaks itself into sections for Horizontal and Vertical CSS menus, Image CSS, Forms CSS, Divs and Containers, Links and Buttons, and more. The code samples are structured HTML (which I promote) and the CSS examples show well worked CSS.

]]> Another great site I found to help with CSS is Dynamic Drive CSS Library, which claims

you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.

The site breaks itself into sections for Horizontal and Vertical CSS menus, Image CSS, Forms CSS, Divs and Containers, Links and Buttons, and more. The code samples are structured HTML (which I promote) and the CSS examples show well worked CSS.

]]> urn:uuid:133 <![CDATA[Render your CSS as you Type]]> 2006-07-18T07:30:00Z Cool new tool for CSS is Rendr, a site that shows you how your CSS will look as you type it. Add in your markup, your CSS and see the page change as you type!

]]> Cool new tool for CSS is Rendr, a site that shows you how your CSS will look as you type it. Add in your markup, your CSS and see the page change as you type!

]]> urn:uuid:131 <![CDATA[Properly hiding CSS from Internet Explorer]]> 2006-07-11T07:30:00Z At CFUNITED, I mentioned the proper way to hide information from Internet Explorer. While many CSS filters and hacks rely on using advanced selectors that IE 6 and below don't recognize, that is not going to be the case for Internet Explorer 7.

So the proper way to hide information from Internet Explorer would be to use something similar to the code below.

]]> At CFUNITED, I mentioned the proper way to hide information from Internet Explorer. While many CSS filters and hacks rely on using advanced selectors that IE 6 and below don't recognize, that is not going to be the case for Internet Explorer 7.

So the proper way to hide information from Internet Explorer would be to use something similar to the code below.

]]> urn:uuid:127 <![CDATA[CSS Class Registration Now Open]]> 2006-06-15T07:45:00Z CSS Hands on (a 4 day, hands on class) will be held in New York City October 10-13. The class will be held in Mid-Town. I've gotten rave reviews for this class in the past, and I'm looking forward to seeing you in New York.

The Hands on Cascading Style Sheets class is an intensive 4 day workshop that is aimed at both the beginner and advanced CSS user. For beginners, the class starts with the basics such as HTML and CSS values and works up to positioning and table less layouts. Advanced CSS users, will find plenty to interest them in the first few days as I take them through the proper use of CSS selectors, quirks vs. standards mode and a through grounding in web typography. From there, they learn about the box model, which leads them into positioning and layouts.

Space is limited to 12 students, payment may be either via Corporate Check or Credit Card via Paypal. Don't delay, register now!

]]> CSS Hands on (a 4 day, hands on class) will be held in New York City October 10-13. The class will be held in Mid-Town. I've gotten rave reviews for this class in the past, and I'm looking forward to seeing you in New York.

The Hands on Cascading Style Sheets class is an intensive 4 day workshop that is aimed at both the beginner and advanced CSS user. For beginners, the class starts with the basics such as HTML and CSS values and works up to positioning and table less layouts. Advanced CSS users, will find plenty to interest them in the first few days as I take them through the proper use of CSS selectors, quirks vs. standards mode and a through grounding in web typography. From there, they learn about the box model, which leads them into positioning and layouts.

Space is limited to 12 students, payment may be either via Corporate Check or Credit Card via Paypal. Don't delay, register now!

]]> urn:uuid:125 <![CDATA[Open Standards vs. Microsoft - The battle continues]]> 2006-06-13T07:30:00Z There's been a flurry of posts, comments and other hoopla regarding IE7, Microsoft, The Web Standards Project (WaSP) and the community in general in May.

It all begins with an interview in Vitamin with Molly Holzschlag, a noted CSS author and a member of both Wasp and the Wasp MS Task Force (a task force within WaSP which coordinates with various teams within Microsoft. This interview, while fairly innocuous and diplomatic, created an entire firestorm of comments.

]]> There's been a flurry of posts, comments and other hoopla regarding IE7, Microsoft, The Web Standards Project (WaSP) and the community in general in May.

It all begins with an interview in Vitamin with Molly Holzschlag, a noted CSS author and a member of both Wasp and the Wasp MS Task Force (a task force within WaSP which coordinates with various teams within Microsoft. This interview, while fairly innocuous and diplomatic, created an entire firestorm of comments.

]]>