ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

§¬§à§Ô§Õ§Ñ §ç§å§Ø§Ö - §Ý§å§é§ê§Ö

?
?
Yuriy Artyukh
Yuriy Artyukh

The document discusses graceful degradation and CSS3 support. It recommends using CSS3 features that have wide browser support, like border-radius and gradients, while providing fallbacks for other browsers. Developers are advised to understand browser support, use proper CSS syntax order, and implement fallbacks to make sites accessible to most users despite inconsistent browser support for new CSS3 features. Educating designers and clients on these strategies is also suggested.

1 of 68
Downloaded 11 times
§¬§à§Ô§Õ§Ñ §ç§å§Ø§Ö - §Ý§å§é§ê§Ö Wednesday, April 27, 2011
§á§Ñ§â§Ñ§Þ-§á§Ñ§Þ-§á§Ñ§Þ! Wednesday, April 27, 2011
Wednesday, April 27, 2011
CSS3 CSS3 Wednesday, April 27, 2011
§¦§ë§Ö §Ò§í ? §±§â§Ñ§Ü§ä§Ú§é§Ö§ã§Ü§Ú §Ó§ã§Ö §Ó§à§Ù§Þ§à§Ø§ß§à §Ó CSS3 ? §ª §ä§Ñ§Ü §á§â§à§ã§ä§à, §Ü§Ñ§Ü §ß§Ú§Ü§à§Ô§Õ§Ñ Wednesday, April 27, 2011
Wednesday, April 27, 2011
§ä§Ö§ß§î §Õ§Ý§ñ §Ò§Ý§à§Ü§Ñ §¬§â§å§Ô§Ý§í§Ö §å§Ô§à§Ý§Ü§Ú Wednesday, April 27, 2011
§±§à§Þ§ß§Ú§ä§Ö? §ª§Ý§Ú §Ö§ë§Ö §Õ§Ö§Ý§Ñ§Ö§ä§Ö? ;-) Text http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/ Wednesday, April 27, 2011
A+B Wednesday, April 27, 2011
border-radius:10px Wednesday, April 27, 2011
§¯§à §ß§Ö §Ó§ã§× §ä§Ñ§Ü §Ô§Ý§Ñ§Õ§Ü§à Wednesday, April 27, 2011
CSS3 - §é§Ö§â§ß§à§Ó§Ú§Ü Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Safari Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
VML Wednesday, April 27, 2011
VML Expressions Wednesday, April 27, 2011
VML ?lter Expressions Wednesday, April 27, 2011
IE9 Wednesday, April 27, 2011
§¥§à§Ý§Ø§ß§í §Ý§Ú §ã§Ñ§Û§ä§í §Ó§í§Ô§Ý§ñ§Õ§Ö§ä§î §Ó§Ö§Ù§Õ§Ö §à§Õ§Ú§ß§Ñ§Ü§à§Ó§à? Wednesday, April 27, 2011
§¯§Ö-§Ñ Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
§³§Ñ§Û§ä§í §Õ§à§Ý§Ø§ß§í §Ò§í§ä§î §Õ§à§ã§ä§å§á§ß§í §Ú §ß§à§â§Þ§Ñ§Ý§î§ß§à §Ó§í§Ô§Ý§ñ§Õ§Ö§ä§î §å §Þ§Ñ§Ü§ã§Ú§Þ§Ñ§Ý§î§ß§à§Ô§à §Ü§à§Ý-§Ó§Ñ §á§à§Ý§î§Ù§à§Ó§Ñ§ä§Ö§Ý§Ö§Û Wednesday, April 27, 2011
§¬§Ñ§Ü?! Wednesday, April 27, 2011
1. §°§ã§à§Ù§ß§Ñ§ä§î §é§ä§à §Ó§à§Þ§à§Ø§ß§à Wednesday, April 27, 2011
http://caniuse.com/ Wednesday, April 27, 2011
§³§ä§Ñ§ä§Ú§ã§ä§Ú§Ü§Ñ §Ó §µ§Ü§â§Ñ§Ú§ß§Ö §³§ä§Ñ§ä§Ú§ã§ä§Ú§Ü§Ñ §Ó §³§¯§¤ ~70% CSS3 Wednesday, April 27, 2011
§¯§Ñ§á§â§Ú§Þ§Ö§â 1. border-radius 5. gradient 2. @font-face 6. box-shadow 3. transform 7. text-shadow 4. transition 8. rgba Wednesday, April 27, 2011
2. §á§â§Ñ§Ó§Ú§Ý§î§ß§Ñ§ñ §Ù§Ñ§á§Ú§ã§î Wednesday, April 27, 2011
box-shadow? -moz-box-shadow: 0px 0px 4px #ffffff; -webkit-box-shadow: 0px 0px 4px #ffffff; box-shadow: 0px 0px 4px #ffffff; Wednesday, April 27, 2011
box-shadow? -moz-box-shadow: 0px 0px 4px #ffffff; -webkit-box-shadow: 0px 0px 4px #ffffff; box-shadow: 0px 0px 4px #ffffff; §ã§ä§Ñ§ß§Õ§Ñ§â§ä§ß§à§Ö §ã§Ó§à§Û§ã§ä§Ó§à - §á§à§ã§Ý§Ö§Õ§ß§Ö§Ö Wednesday, April 27, 2011
3. fallback Wednesday, April 27, 2011
§¤§â§Ñ§Õ§Ú§Ö§ß§ä§í §ã fallback Wednesday, April 27, 2011
RGBA §ã fallback Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
sass! @mixin gradient($color1,$color2) { .... } §£ §Ü§à§Õ§Ö (sass): .bla{ @include gradient(#ffffff,#000000); } Wednesday, April 27, 2011
§Ü§Ó§Ñ§Õ§â§Ñ§ä§ß§í§Ö §ã§Ñ§Û§ä§í §Ý§å§é§ê§Ö §ã§Þ§à§ä§â§ñ§ä§ã§ñ §Ó §Ú§ß§ä§Ö§â§æ§Ö§Û§ã§Ö §Ú§Ö6! §Ú §â§Ñ§Ò§à§ä§Ñ§ð§ä §Ò§í§ã§ä§â§Ö§Ö Wednesday, April 27, 2011
§®§à§Ø§ß§à: 1. border-radius 5. gradient 2. @font-face 6. box-shadow 3. transform 7. text-shadow 4. transition 8. rgba Wednesday, April 27, 2011
Groupon.ru ? §£§ã§Ö §Ò§í§Ý§à §ã§Õ§Ö§Ý§Ñ§ß§à §ß§Ñ §å§Þ§ß§à§Þ CSS3 ? §£ IE6 §Ó§í§Ô§Ý§ñ§Õ§Ö§Ý§à §Ú§Õ§Ö§ß§ä§Ú§é§ß§à Wednesday, April 27, 2011
§Ú §Ú§Ö6 §ß§Ö §Ù§Ñ§â§Ñ§Ò§à§ä§Ñ§Ý Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
§ï§ä§à §â§Ñ§Ò§à§ä§Ñ§Ö§ä Wednesday, April 27, 2011
§±§â§à§Õ§Ñ§ä§î §Õ§Ö§Ô§â§Ñ§Õ§Ñ§è§Ú§ð ? §³§Ü§à§â§à§ã§ä§î §â§Ñ§Ù§â§Ñ§Ò§à§ä§Ü§Ú (§Õ§Ö§ß§î§Ô§Ú) ? §±§à§Õ§Õ§Ö§â§Ø§Ü§Ñ (§Õ§Ö§ß§î§Ô§Ú) ? §³§Ü§à§â§à§ã§ä§î §Ù§Ñ§Ô§â§å§Ù§Ü§Ú §Ú §â§Ñ§Ò§à§ä§í §ã§Ñ§Û§ä§Ñ (§Ü§Ñ§é§Ö§ã§ä§Ó§à) ? §¢§à§Ô§Ñ§ä§ã§ä§Ó§à §æ§Ú§é, §Ñ§ß§Ú§Þ§Ñ§è§Ú§Û (§Ü§Ñ§é§Ö§ã§ä§Ó§à) Wednesday, April 27, 2011
§±§â§à§Õ§Ñ§ä§î §Õ§Ö§Ô§â§Ñ§Õ§Ñ§è§Ú§ð ? youtube.com ? twitter.com ? yandex.ru Wednesday, April 27, 2011
§°§Ò§â§Ñ§Ù§à§Ó§í§Ó§Ñ§ä§î §Õ§Ú§Ù§Ñ§Û§ß§Ö§â§à§Ó §à§Ò§â§Ñ§Ù§à§Ó§í§Ó§Ñ§ä§î §Ù§Ñ§Ü§Ñ§Ù§é§Ú§Ü§à§Ó ? §²§Ñ§ã§ã§Ü§Ñ§Ù§í§Ó§Ñ§ä§î §Õ§Ú§Ù§Ñ§Û§ß§Ö§â§Ñ§Þ, §é§ä§à §ä§Ñ§Ü§à§Ö graceful degradation §Ú §é§ä§à §ß§à§Ó§à§Ô§à §Ó CSS3 ? §²§Ñ§ã§ã§Ü§Ñ§Ù§í§Ó§Ñ§ä§î §Ù§Ñ§Ü§Ñ§Ù§é§Ú§Ü§Ñ§Þ Wednesday, April 27, 2011
[§ã§é§Ñ§ã§ä§î§Ö] Wednesday, April 27, 2011
Wednesday, April 27, 2011
You ARE butter?y! Wednesday, April 27, 2011
§³§á§Ñ§ã§Ú§Ò§à! §À§â§Ú§Û §¡§â§ä§ð§ç, http://cssing.org.ua, twitter.com/akella Wednesday, April 27, 2011

More Related Content

§¬§à§Ô§Õ§Ñ §ç§å§Ø§Ö - §Ý§å§é§ê§Ö