Динамический css
При подгонке сайтов до единого вида во всех браузерах, верстальщик использует не один css хак.
Но зачем обычному пользователю с IE получать избыток кода для других браузеров firefox, opera, safari?!
Это проблема легко решается с помощью динамического css.
Первый раз я услышал о динамических css стилях на сайте cms «ModX», но так как эта cms меня не устраивала, я не стал вникать и в динамические стили.
На сегодняшний день существует отличное готовое решение для генерирования динамических css файлов под названием «Conditional-CSS». Оно имеет открытый код и распространяется под лицензией .
Приведу пример css кода с использованием «Conditional-CSS»:
[if IE].container {
height: 100%;
width: 100%;
[if IE 7]background: url('ie7.png') no-repeat center center;
[if lte IE 6]background: url('ie.jpg') no-repeat center center;
}
[if Webkit].container {
height: 70px;
width: 400px;
background: url('webkit.png') no-repeat center 30px;
}
[if Opera].container {
height: 60px;
width: 100%;
background: url('opera.png') no-repeat center 10px;
}Это работает так — для пользователя, к примеру, браузера opera будет отдаваться код только для браузера опера.
Основные конструкции:
- [if {!} browser]
- [if {!} browser version]
- [if {!} condition browser version]
Поддерживаемые браузеры:
- IE - Internet Explorer
- Gecko - Gecko браузеры (Firefox, Camino etc)
- Webkit - Webkit браузеры (Safari, Shiira etc)
- Opera
- IEMac - Internet Explorer для Mac
- Konq - Konqueror
- IEmob - IE мобайл
- PSP - Playstation Portable
- NetF - Net Front
Ну и конструкции для версии:
- lt - Ниже
- lte - Ниже или равно
- eq - Равно
- gte - Выше или равно
- gt - Выше
Conditional-CSS написан на трех языках: PHP, С, С#. Мой выбор конечно падает на родной любимый php.
Более подробно с этой библиотекой вы можете ознакомится на офиц. сайте, ссылка указана ниже.
Spot on with this write-up, I actually suppose this website wants far more consideration. I’ll probably be again to read rather more, thanks for that info.
Very interesting information!Perfect just what I was searching for!
Fantastic beat ! I would like to apprentice while you amend your website, how could i subscribe for a blog website? The account helped me a acceptable deal. I had been tiny bit acquainted of this your broadcast offered bright clear idea
I¡¦ll immediately clutch your rss feed as I can’t find your e-mail subscription hyperlink or e-newsletter service. Do you have any? Please allow me realize in order that I may just subscribe. Thanks.
of course like your website but you need to check the spelling on quite a few of your posts. Several of them are rife with spelling issues and I find it very bothersome to tell the reality nevertheless Iˇll definitely come back again.
There are some attention-grabbing closing dates in this article but I don’t know if I see all of them heart to heart. There may be some validity however I will take maintain opinion till I look into it further. Good article , thanks and we would like more! Added to FeedBurner as effectively
Though it suffers from a number of the identical problems as African Cats, particularly using inherently manipulative narrative methods, the film is actually a definite enhancement.
Hello.This post was really interesting, especially because I was investigating for thoughts on this subject last Friday.
much better than the original!!
The more the merrier.
Great post at ДинамичеÑкий css | Чернев.ру. I was checking constantly this blog and I am impressed! Very useful info specially the last part :) I care for such information much. I was looking for this particular information for a long time. Thank you and best of luck.
Great post at ДинамичеÑкий css | Чернев.ру. I was checking constantly this blog and I’m impressed! Extremely useful info specifically the last part :) I care for such info a lot. I was looking for this certain info for a long time. Thank you and good luck.
I believe this internet site has some really superb information for everyone :D. «Believe those who are seeking the truth doubt those who find it.» by Andre Gide.
ДинамичеÑкий css | Чернев.ру I was recommended this web site by my cousin. I’m not sure whether this post is written by him as no one else know such detailed about my problem. You’re wonderful! Thanks! your article about ДинамичеÑкий css | Чернев.руBest Regards Cassetta
I saw a lot of website but I conceive this one holds something extra in it. «Love all, trust a few. Do wrong to none.» by William Shakespeare.
I was curious about your subsequent submit admin truly essential this web site super remarkable weblog
I wanted to create you one little bit of word to help say thanks again regarding the exceptional opinions you have documented here. This has been shockingly open-handed of you in giving unreservedly exactly what a lot of folks could have marketed for an e-book to earn some cash on their own, even more so considering the fact that you might well have done it if you decided. These good ideas likewise served to be the great way to realize that most people have similar dream like my very own to understand whole lot more in regard to this problem. I am certain there are millions of more enjoyable occasions ahead for many who read through your blog.
I just wanted to say that i think your site is designed really nicely.
ДинамичеÑкий css | Чернев.ру I was recommended this blog by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my problem. You are amazing! Thanks! your article about ДинамичеÑкий css | Чернев.руBest Regards Justin
Its wonderful as your other posts : D, regards for posting . «If Christ were here now there is one thing he would not be–a christian.» by Mark Twain.
Thanks for your publiction. Another point is that to be a photographer includes not only problems in capturing award-winning photographs but hardships in getting the best video camera suited to your needs and most especially challenges in maintaining the quality of your camera. This really is very true and visible for those photographers that are into capturing a nature’s fascinating scenes : the mountains, the particular forests, the wild or maybe the seas. Visiting these adventurous places unquestionably requires a video camera that can meet the wild’s harsh setting.
I was suggested this web site by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my problem. You’re incredible! Thanks!
I’m really impressed with your writing skills and also with the layout on your weblog. Is this a paid theme or did you modify it yourself? Either way keep up the excellent quality writing, it’s rare to see a great blog like this one nowadays..
I like this site its a master peace ! Glad I observed this on google. «Tears are the rinse water of an unhappy heart.» by Raynor Schein.
I think you have observed some very interesting points , regards for the post.
Hi, Neat post. There is an issue together with your website in web explorer, might test this… IE nonetheless is the market chief and a large section of folks will leave out your great writing because of this problem.
Hello my friend! I want to say that this post is awesome, nice written and come with approximately all vital infos. I would like to look more posts like this .
You are a very bright individual!
top post thanks for this
Located your write-up pretty remarkable without a doubt. I truly enjoyed studying it so you make very some great factors. I will bookmark this internet site for that future! Relly fantastic short article.
Great post, thanks. Do you have a RSS feed?
I’m not sure exactly why but this website is loading very slow for me. Is anyone else having this problem or is it a problem on my end? I’ll check back later and see if the problem still exists.
Wow! Thank you! I always wanted to write on my website something like that. Can I include a fragment of your post to my site?
The next time I read a blog, I hope that it doesnt disappoint me as much as this one. I mean, I know it was my choice to read, but I actually thought youd have something interesting to say. All I hear is a bunch of whining about something that you could fix if you werent too busy looking for attention.
This is the proper blog for anyone who desires to seek out out about this topic. You realize so much its virtually onerous to argue with you (not that I truly would want…HaHa). You positively put a new spin on a topic thats been written about for years. Great stuff, just nice!
Fantastic goods from you, man. I’ve understand your stuff previous to and you’re just extremely excellent. I actually like what you’ve acquired here, certainly like what you are saying and the way in which you say it. You make it enjoyable and you still care for to keep it sensible. I cant wait to read far more from you. This is really a wonderful website.
You can definitely see your expertise within the work you write. The arena hopes for more passionate writers like you who aren’t afraid to say how they believe. Always follow your heart. «We are near waking when we dream we are dreaming.» by Friedrich von Hardenberg Novalis.
Hello, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam feedback? If so how do you stop it, any plugin or anything you can recommend? I get so much lately it’s driving me mad so any assistance is very much appreciated.