HTML5 и CSS3 - нещо като дискусия

R

rombeca

Registered
Гледам все повече го използвате. Или поне доктайпа де.
Та реших да тествам по сериозно нещата, и нещо си мисля че няма смисъл.. поне засега. Тествах на мозила, хром и ИЕ9. Не искам да плюя по ИЕ де, колкото и да ми се иска, но нещата не бачкат. А прекалено много хора го използват (все още).
Смъкнах си едни готови темплейти да видя как са и какво става. При:
HTML: 
-webkit-box-shadow: 2px 2px 7px #555;
-moz-box-shadow: 2px 2px 7px #555;
ми изчезва целия бордер. И изобщо нищо май не бачка :).
Има ли елегантни решения с CSS за ИЕ, без кофи javascript или нарзани картинки за да докараш един и същ изглед? И струва ли си да се хаби човек? :)
Да не говорим, че няма официална валидация, а все пак си е престижно.
 
Е, по-горе споменах за кофата javascript :). За два заоблени ъгъла, ще зарежда 100 к допълнителни екстри. Не е удобно, леко и т.н.
Да не говорим, че същия ИЕ юзър, може си е изключил джаваскрипта.
Не знам, всеки с предпочитанията си. Аз обичам дизайн с възможно най малко картинки, допълнителен код и всякакви странични глупости, които карат браузъра да яде по 1 гига рам.
 
Да задаваш сянка чрез CSS е дявол на магаре. Най-добрият вариант е да си направиш сенките във Photoshop и да ги запишеш като полупрозрачни png-та. Така сенките, не само че ще се виждат във всякакви браузъри, ами и ще изглеждат еднакво. Единствено под IE6 няма да излизат, но ако е някакъв много важен проект принципно има вариант да се подкарат и в IE 6.
 
rombeca каза:
Е, по-горе споменах за кофата javascript :). За два заоблени ъгъла, ще зарежда 100 к допълнителни екстри. Не е удобно, леко и т.н.
Да не говорим, че същия ИЕ юзър, може си е изключил джаваскрипта.
Не знам, всеки с предпочитанията си. Аз обичам дизайн с възможно най малко картинки, допълнителен код и всякакви странични глупости, които карат браузъра да яде по 1 гига рам.
Увеличете...
Кой ти говори за 100к js-та? Това ти е само един файл, който тежи по-малко от една картинка. :)
 
Да само 36 KB е PIE.htc файла. А -webkit-box-shadow и -moz-box-shadow не ти работи, защото версиите са ти нови и поддържат box-shadow (затова е хубаво винаги да го слагаш най-отдолу).

Виж написал съм урок едни от най-често използваните css 3 свойства в кои браузъри се поддържат (вярно старичка е информацията, но пак е от полза според мен :) )
 
tedo96 каза:
rombeca каза:
Е, по-горе споменах за кофата javascript :). За два заоблени ъгъла, ще зарежда 100 к допълнителни екстри. Не е удобно, леко и т.н.
Да не говорим, че същия ИЕ юзър, може си е изключил джаваскрипта.
Не знам, всеки с предпочитанията си. Аз обичам дизайн с възможно най малко картинки, допълнителен код и всякакви странични глупости, които карат браузъра да яде по 1 гига рам.
Увеличете...
Кой ти говори за 100к js-та? Това ти е само един файл, който тежи по-малко от една картинка. :)
Увеличете...

Тоя файл е js.
 
Един потребител, за да си изключи javascript-a му е все тая дали ще вижда заоблени ъгли, сенки и т.н. За да си изключиш javascript-a първо трябва да разбираш малко повече от средностатическия потребител и второ искаш максимално изчистен интерфейс на сайтовете, така че лично според мен не трябва да се грижиш толкова много за потребителите с изключен javascript
 
Главорез с фотошоп мога само да си сменя размера на снимката. :)
Не е това решението, баси код ли да пиша или да се замлатвам с картинки.

Тедо добре де, 33к е. Или поне това разбрах.

Целта на темата е друга.. възмущение от не-универсалността. Тъкмо ще излезе ИЕ-98 бета, който ще поддържа CSS3 и ще направят HTML6 и CSS4 дето ще къпят и бебета, и се почва от начало.

Абе кой както прецени. Тия с ИЕ ще гледат само квадрати и това е. Или clean and simple, без сенки, обли ъгли и разни градиенти, както се казва съдържанието е по-важно.
 
Облите ъгли работят при мен.. с ie9, но не и по-старите версии.
shadow обаче наистина няма в никой ie.

Темата за не-универсалността на браузърите не е нова, тъпо е наистина всеки браузър да възприема различно един и същ код... много тъпо :/
 
djman каза:
Облите ъгли работят при мен.. с ie9, но не и по-старите версии.
shadow обаче наистина няма в никой ie.

Темата за не-универсалността на браузърите не е нова, тъпо е наистина всеки браузър да възприема различно един и същ код... много тъпо :/
Увеличете...

Я пробвай кода от първия пост с ИЕ9. Или покажи твоя да пробвам аз. И аз говоря за общо, drop-shadow и т.н.

Хайде, ще променя въпроса. Тия дето го ползвате, че е "модерно" яко "ignore"на ИЕ потребителите или допълнителен js?
 
shadow-a не работи, както казах. Лично аз ползвам само заоблени ъгли (jqueryui css) и се старая да изглежда що-годе добре и без заоблени :D Не е работа, ама... :roll:
 
tedo96 каза:
[css]
-webkit-box-shadow: 2px 2px 7px #555;
-moz-box-shadow: 2px 2px 7px #555;
box-shadow: 2px 2px 7px #555;[/css]
Увеличете...

Бре, това работи с ИЕ9 :).
Значи тактиката е следната тогава:
Разцъкват се всички нови "екстри" с ИЕ9, и което бачка се ползва. Останалите... да сте си обновили браузъра.
 
http://caniuse.com/
От тук си гледате кой браузър какво поддъжра :?:

Но е по-добре да използвате feature testing отколкото browser sniffing. Бях чел една доста добра статия в интернет по въпроса, но сега не успях да я намеря.

Номера е да кодирате с новите технологии и да се проверява дали браузъра поддържа даден feature с Modernizr. Ако се поддържа, всичко си върви нормално, ако не (Modernizr от v2 е с вграден yepnope.js) - зареждате допълнителни js/css файлове (polyfills), които сте направили за да работи чуденцето и при старите браузъри :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе