Читао ово у неком блогу ... мислио да је лепо каталог ово за будуће реф .... Такође би могао да буде важан интервју питање да би сте се питали неки дан ....
Напишите фрагмент ЦСС која ће се приказати пасус плавим старијим прегледачима, црвена у новијим бровсерима, зелена у ИЕ6 и ИЕ7 у црној
#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}
Имали ово чудно питање, где је комад Јавасцрипт радио добро у свим претраживача Анс као уобичајеном бар ИЕ 
Једноставно је ..., али пошто писмо није написао од мене, то је требало времена да дебуг овај "Објекат не подржава ово својство или метод" грешку да само ИЕ бацао горе. Вероватно! Ако бих да пишем сценарио, ја не бих добила ову грешку на све, јер не мешају своје имена променљивих са ИДС терену :).
Проблем: Објекат не подржава ово својство или метод (он лине 3)
function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } Решење:
Грешка се генерише на тхирдров у горе наведеном примеру (Линија 3 ... "схортдесц = доцумент.гетЕ ...."). Покушао сам све врсте глупости, да сам се чак и донт вреди овде помиње и коначно погодите шта! промена само схортдесц вар на нешто друго добио ослободити од грешке. У основи! Име променљиве мора да се разликује од фиелдИД
Ре-Билијар је и Буззворд У Веб развој значи не разликује. То штеди енергију, у смислу напора!
Током година писања ХТМЛ ЦСС и стварање од дизајна, ја сам пратио неколико најбољих пракси, у потрази за уштеде време и енергију у оно што обично термин као "поновно измишљање тхе Вхеел". Време и време опет, ја сам себи рекао да морам да створи неколико шаблоне, неки стандардни поново употребљив ЦСС да бих ја користим оут оф тхе бок у мом будућем раду. Иако не у потпуности али сам успео да остварим неке од циљева.
У даљем, Поновно коришћење ЦСС, имао сам поглед на неколико ЦСС оквирима који су обично на располагању за нас и одлучио да стави их да користе, јер су то покушао и тестирани и створио много искусних програмера и од мене. Што је још важније "Избегавајте РЕ-измишљањем".
Иако је познато да се ветеранима, покушао сам да оловком неки кључни концепти / најбоље праксе /-мисли да је отишао у стварању ових оквира, да би од Ре-Билијар ЦСС могуће. Надам се да ће то помоћи неким ЦСС програмерима који су само о томе да и недавно се укрцали на воз ЦСС!
Користите конвенције именовања
То мора да буде најважнији фактор у доношењу ЦСС / ХТМЛ поново употребљива. Давање конзистентна имена странице елементима омогућава поновну употребу страница компоненти и њихових стилова са мало или модификацијама. У складу са овим аргументом, Чак ХТМЛ5, у велике промене промене односу на своје претходнике, јесте да се уведу неке структуралне ознаке јест. <артицле>, <сецтион>, <хеадер>, <асиде> и <нав> [ Шта ће донети ХТМЛ5? ]. Чак и са ХТМЛ 4 (или мање), најбоље је да именујете стандардне делове ваше странице цонсистанли као у простом примеру ...
Запамтите, већина странице на вашем пројекту, на крају имају исте основне структуралне елементе. Идентификовати ове заједничке елементе основне странице ....
<див ид="цонтаинер"> <див ид="хеадер"> ... </ п> <див ид="нав"> ... </ п> <див ид="сидебар"> ... </ п> <див ид="фоотер"> ... </ п> </ Див>
Ресет Дефаулт стилове (ЦСС Ресетује): Да ли користите оквир или напиши своје, морате обезбедити ЦСС ресетује [ Шта су ЦСС Ресетује? ], јер они смањују или елиминишу понекад визуелне недоследности које се дешавају између различитих претраживача. У једноставним речима ЦСС Поништи механизам поставља стилове ХТМЛ елемент на нула или НУЛЛ вредности, тако највазније било који бровсер подразумеване вредности могу позама. Ово обезбеђује чист шкриљац да подесите својства ових елемената празнине Сваки корисник-агент подразумеване вредности [ ЦСС2.1 Усер Агент стилска Дефаултс ]. Сви ЦСС оквири немамо механизам за ресет. Ако пишете вам сопствени ЦСС ресетује, реч опреза је да ако се деси да заборавите да поново кључну особину, то би могло довести до унакрсно претраживача питањима, који су веома тешко дебуг. Запамтите, чувајте копију ресет стилова и спусти их у сваком новом пројекту који креирате.
тело, див, дл, ДТ, ад, ул, ол, Ли, Х1, Х2, Х3, Х4, Х5, х6, унапред, облик, ФИЕЛДСЕТ, улаз, изаберите, тектареа, П, блоцккуоте, сто, ти, ТД { бордер: 0пк; маргин: 0; паддинг: 0; }
Постави Дефаултс (Основни Стилови) до елемента:
Након што сте подесили (на нулу или НУЛЛ) подразумеване вредности одређених атрибута одређених ХТМЛ елемената, потребно је да примените неке стилове широм сваком степену ових елемената. Ово Подразумевана поставка би могао да мења по пројекту или по најбоље праксе које следе.
Већина ЦСС оквири, увек уводи неке нове подразумеване, поред ресетовању подразумевани прегледач стилове.
Ове подразумеване као празнину на Корисник-Агент подразумеване вредности (откинула од стране ЦСС ресет), то ће бити уједначена у свим бровсерима.
Запамтите, Основни стилови се користе да подесите стилове који се користе иду дизајн света. нпр.
хтмл {фонт-сизе: 77%; фонт-фамили: Ариал, санс-сериф;} јака, Х1, Х2, Х3, Х4, Х5, х6 {фонт-веигхт: болд;}
Сажетак Стилови за опште и заједничке компоненте ХТМЛ класама:
Највећи пројекат састоји од неколико страна ће имати заједничке ХТМЛ елементе који се користе преко сајта, на пример неке врсте образаца, упозорењима и грешкама, прилагођене Искачући прозори, фасцикле итд Од такве компоненте се користе изнова кроз пројекте, то ће бити корисно да се обезбеди скуп класа повезаних са унапред дефинисаних стилова за ове компоненте и можете себи уштедети доста времена.
Поред дефинисања обновљивих дефиниције стилова за уобичајене ХТМЛ компоненте, можемо апстрактне класе стилови који се односе на типографија, боје или чак и распоред. Ја сам често користите ... заједничке часове попут Цлеарфик и Фонт08 и ФонтГреи и АлигнЛ и ДисплаиБ итд
Образац улаз {бордер: 0пк; бацкгроунд: # фффффф; паддинг: 0пк 10пк; _паддинг: 0пк 0пк; висина: 26пк; цолор: # 000000; лине-хеигхт: 30пк; фонт-сизе: 1.1ем;} Образац Тектареа {бордер: 0пк; бацкгроунд: # фффффф; цолор: # 000000; фонт-сизе: .9 ем; лине-хеигхт: 1.5ем; Преливање: видљиви;} Фболд {фонт-веигхт: болд; цолор: # цццццц;}. Фгреи {цолор: # 666666;}. Флигхтгреи {цолор: # бббббб;}. Цлеарфик {јасан: обоје;}. Преграда {бордер-топ: 1пк солид # 647Б06; бордер-боттом: 1пк солид # 9ЦЦ00А; висина: 0пк;}. Дисплаиб {дисплаи: блоцк;} дисплаин {дисплаи: ноне;}.. Алигнр {тект-алигн: ригхт}. Алигнц {тект-алигн: центер}. Флоатр {флоат: ригхт;} флоатл.. {Флоат: лефт;}
Решења за уобичајене куиркс претраживача
Различити прегледачи имплементира ЦСС код и пружају различит ниво подршке за ЦСС спецификацијама. Резултат тога .... "Бровсер Куиркс", који су ми остали програмери да се позабави. Посебно, ИЕ6 прогања највише ЦСС кодере са роком да се састане. Добра вест је искуство је окупила могуће обновљивих решења за ова питања (често назива као Хацкс ЦСС ).
Запамтите, фотографије ове хацкс / грешке при руци
/ * Зум следеће: 1. правило је специјално за ИЕ6 + технологијама ИЕ7. * / * ХТМЛ цлеарфик. *:. Прво дете + ХТМЛ цлеарфик { зум: 1; }
Кееп Иоур ЦСС Рефининг
Коначно. Ако су инспирисани и намеравате да користите једну или више оквира ЦСС, Херес је кратка листа од неколико популарних оне ....
Запамтите, користећи ЦСС оквире не значи да сте лењи да направите сопствени ... То значи да сте паметни да уче од других искуства и грешке, штеде време и повећавају продуктивност!
ЦСС завршен 10 година постојања ове године! Они који су око за неко време, зарађују свој хлеб (или не) користећи ЦСС, онда сте можда свесни колико смо били гладни за добар избор фонтова. Чак и са недостатком фонтова дизајнери попут оних у ЦСС Зен Гарден су искористили ЦСС бацкгроунд слика да замени фонтове у потрази за радиш неке правду у своје дизајна. Такође смо покушали Блиц / ЈаваСкрипт ® Хацкс да остваре своје циљеве дизајна. Никако то је погрешан начин да добијете фонтове желимо у нашим веб дизајна, али дефинитивно, није најпожељнији начин. и годинама веб дизајнера, попут мене, нису у потпуности ослањали на десетак фонтова за своје дизајна.
Недавна збивања у веб стандарде и формате фонтова омогућавају да се донесе текст у ХТМЛ писама другим од истих старих подразумеваних фонтова. Испоручује се у "@" фонтфаце ЦСС децлератион.
@ Фонтфаце провидс решење да се повеже са стварном датотеком фонта и преузели га са Интернета. Користећи @ фонтфаце, дизајнери могу да користе фонтове без потребе да се замрзне текст као позадинске слике. Имплементација је врло равно напред, као што је приказано у наставку, али као све добре ствари имају ЦОН део на њега, нису сви прегледачи подржавају једну врсту "фонт". Ако планирате да користите @ фонтфаце на сајту захтева цросс-бровсер подршке, онда ће морати да обезбеди изворе за различите типове-фонт исто.
Коришћење @ фонтфаце
@ Фонт-фаце { фонт-фамили: 'ЦаллиграпхиФЛФРегулар'; срц: урл ('ЦаллиграпхиФЛФ.еот'); срц: локални ('ЦаллиграпхиФЛФ'), локална ('ЦаллиграпхиФЛФ'), урл ('ЦаллиграпхиФЛФ.вофф') Формат ('ВОФФ'), урл ('ЦаллиграпхиФЛФ.ттф') Формат ("труетипе"), урл ('ЦаллиграпхиФЛФ . СВГ # ЦаллиграпхиФЛФ ') Формат (' СВГ '); } @ Фонт-фаце { фонт-фамили: "Ваше писмо"; срц: урл ("фонтови / фонт_филенаме.еот"); срц: локални ("Алтернативна име"), локални ("Алтернатенаме"), УРЛ ("фонтови / фонт_филенаме.вофф") Формат ("ВОФФ"), УРЛ ("фонтови / фонт_филенаме.отф") Формат ("ОПЕНТИПЕ"), УРЛ ("фонтови / фонт_филенаме.свг # фонт_филенаме") Формат ("СВГ"); } Х2 {фонт-фамили: "Ваше писмо", Грузија, сериф;}
Као што можете видети из горе наведеном примеру, да укључи изабрани писма фонта, један мора да се повежу са скупом фонттипес за исти писма. Дакле људи се односе на њега као "Фонт Кит".
Постоје Фонт доступни Сетови који експлицитно дозвољава повезивање са ЦСС @ фонт-фаце својине на њу у оквиру уговора крајњег корисника лиценцирању (ЕУЛА).
Корисни ВебФонт ресурси:
Са ограниченим Скилл-сета са алатима као што су Пхотосхоп и Иллустратор, ја искрено могу да признам да сам бољи програмер од мене дизајнер. Али моја позадина са језгром (Сервер Сиде) развој са Јава / ПХП / ЦОБОЛ, је веома позитиван утицај на развој корисничког интерфејса мојим способностима. Хоћу да кажем, уз стварање моје дизајне, односно кад год радим дизајн, мислим о томе како се дизајн се најбоље конвертовати у ХТМЛ-ЦСС-а и док радите на ХТМЛ-ЦСС, дајем мисао о бацкенд технологије и да разумно сигурни да ХТМЛ се лако може имплементирати у КССЛ петљи или ПХП исечака итд
Током година, ја сам био бачен главу на дизајну коју УИ дизајнера који вероватно донот имају појма шта ХТМЛ или ЦСС. Све ове године сам размишљао да ћу траже превише, Ако сам само очекујем дизајнер, који покушава да схов његов "немогуће" код дизајна доле грлу, да разумеју само мало онога што је његов дизајн ће бити конвертована у. То би у праву помогне?
Тада сам дошао преко овај пост данас ... Веб дизајнера који не могу код ... Хвала Господе! Ја сам само један од многих који се осећају исто ... изнад артитле је мало дуго даха .. али вредна читања, свака реч о њему.
Хвала Елиотовим Јаи деонице ... Осећам олакшање!
Ево неких извода из члана Еллиотс .
Искрено, ја сам шокиран да је у 2010 и даље долазим по 'веб дизајнера који не могу код своје дизајне. Нема оправдања.
Ја сам ... требало је мало више специфични у мом твеет. Причао сам о дизајнера који немају чак ни најосновнији ХТМЛ и ЦСС вештине да бисте раван дизајн у стварном сајту. Не људи који се определе да не намерно коду; они који не могу. И ја такође мислим само на фронт-енд код овде, наравно да је смешно мислити да дизајнери треба да буду невероватни бацк-енд програмери ...
Ми смо добили 'веб' дизајне послате у Иллустратору, 300дпи, немогуће кода, без густина / употребљивост.
Ејми ~ Махон
Постаје касно, а ја некако да заврши ово. Знам да ће бити много оних који се не слажу са мном, и моја намера није да увредим или узнемирити било кога ко не може код, али се надам да неке ствари које сам рекао одражава неке од тачака које увек долазе када делвинг Ова дебата.
На крају дана, ја не изгубити било ко може да преспава код и који не могу. Ја сам само искрено изненађен да пронађе толико много дизајнера који немају изложеним вештине, као што сам мислио да је ово ствар прошлости.
Такође, прочитајте коментаре, било је око 320 коментара, док ово пишем ... они вреде читања.
Молимо да прочитате овде Еллиотс комплетан пост .. Веб дизајнери који не могу код
Од радио дугме и текст су линијски, тако да ће се текст поравнати на дно радио дугме, текст ће се појавити да буде нешто испод радио дугме.
Ако желите ово да поравнате на врху, морате да поставите радио и текст у посебне контејнере или као дивс стажа (по потреби) и они ће се побринути трасе. Било би лакше да користите превише ћелије табеле, на ваш кратак дизајн допушта.
То неће изгледати исто у сваком прегледачу, као што сваки прегледач приказује радио нешто другачије, тако да увек има ӕе бити величине питања без обзира шта радите.
ХТМЛ5 је и даље нацрт. Док ово пишем, Рад на ХТМЛ 5, која је почела 2004, и даље се даје облик заједничким напорима између В3Ц ХТМЛ РГ и ВХАТВГ . Реч је да ће наредне генерације имају ХТМЛ побољшања и функције, што би нова структура и семантике, форма контроле, АПИ, мултимедијални ознаке итд.
У једноставном енглеском језику ... шта би то значило да нас УИ програмере ...
<боди> <хеадер> ... </ заглавље> <нав> ... </ нав> <артицле> <сецтион> ... </ Сецтион> </ Чланак> <асиде> ... </ страни> <фоотер> ... </ подножје> </ БОДИ>
Уместо
<боди> <див ид="хеадер"> ... </ п> <див ид="нав"> ... </ п> <див цласс="артицле"> <див цласс="сецтион"> ... </ Див> </ Див> <див ид="асиде"> ... </ п> <див ид="фоотер"> ... </ п> </ БОДИ>
нпр.
<видео постер="постер.јпг"> <Извор срц = "видео.3гп" типе = "видео/3гпп" медији = "ручни"> <соурце срц="видео.мп4" типе="видео/мп4"> </ Видео> <аудио> <соурце срц="мусиц.ога" типе="аудио/огг"> <соурце срц="мусиц.мп3" типе="аудио/мпег"> </ Аудио>
Постоји много више промена и нове верзије на новију верзију ... ће задржати ажурирате овај пост као што сам дошао аццросс било ком занимљивом корисни они .... Погледајте овај простор
Овај документ не може да пружи тачне информације као ХТМЛ 5 спецификација је још увек активно у развоју. Када сте у недоумици, увек проверите овде ХТМЛ 5 спецификација .
Време и изнова, када се сви други претраживачи виде да се понашају како је рекао од стране В3Ц правилима, односно вама спиралама ван развојног духа бацањем тантрум, да не изгледа да има закрпу. Само што је ово један проблем у ИЕ7.
Проблем Изјава:
Ја и тако можда многи од других озбиљних веб програмере сте приметили више него много пута, да када постоји каква нестед у распореду, на ховер преко неке везе (сидро тагова), који садржи контејнер изгледа да се помери неколико пиксела на десно . Покушао сам да гоогле решења за овај проблем, али су тешко наћи било какав разуман одговор зашто и када се појави (која би могла помоћи да се спречи овај проблем из дешава), па никад нисам ни наћи јасну решење проблема ...
Могуће решење:
Из искуства, имам обавештење 90 одсто одсто пута, односно, да се ово питање је фиксирана додавањем зумирања имовину у ЦСС дефиницији погрешно понашају контејнеру ...
# Сомедив { зум: 1; }
опет разлози су нејасни ... пробајте ово ...
Неки елементи у ИЕ имају "хасЛаиоут" имовине, која је "истина" по дефаулту. Многи визуелни ЦСС понашања, на пример, алфа филтера ради само на елемент који хасЛаиоут. и {зум: 1} Изгледа да циљних елемената имовину хасЛаиоут .... Користан? И донт тхинк со ...
Зум имовина се такође чини да подржава Цхроме, али је његова употреба чини напор да се много негативан ефекат на мом распореду ... пробајте, ако то ради за вас ... ако се то не деси, Обележите ову страницу под "ЦСС Црапс"
Јуче, после емисије сам наишао са ЦСС ресетује у Гоогле Цхроме-а ... Мислио сам да од копа мало дубље у област Агенција Стиле Схеетс корисника ...
Пронађено ову табелу на подразумеване вредности ЦСС2.1 корисника Агенција Стиле Схеетс ... (за оне који су свесни шта "Усер Агент Стиле Схеетс" је пратити Шта је Усер Агент Стиле Схеетс (спецификација) .
За комплетну листу ЦСС 2.1 усер агент стилски подразумеване кликните овде
