Teko skaityti tai tam tikra dienoraščio ... maniau jis buvo gražus į katalogą tai ateityje ref .... taip pat gali būti svarbus pokalbis klausimas, kad galėtumėte paprašė, tam tikrą dieną ....
Parašyk CSS fragmentą, kuris bus rodomas naujesnių naršyklių dalį mėlynai senose naršyklėse, raudona, žalia IE7 IE6 ir juoda
#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}
Turėjo šį keistą klausimą, kur Javascript gabalas dirbo gerai, kaip įprasta bar IE naršyklės ans 
... Paprasta, bet, nes scenarijus buvo parašytas ne mane, Jis paėmė šiek tiek laiko derinti šią klaidą "objektas nepalaiko šios ypatybės ar metodo", kad tik IE buvo susiduriama su. Turbūt! Jei aš būčiau rašyti scenarijų, aš ne gavo šią klaidą, nemaišyti su lauko IDS :) mano kintamųjų vardai.
Problema: objektas nepalaiko šios ypatybės ar metodo (on line 3)
function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } Sprendimas:
Aukščiau pateiktame pavyzdyje (3 eilutė ..., "shortdesc = document.getE ....") thirdrow klaida generuoja. Bandžiau visus kvailų dalykų rūšiuoti, kad I dont net neverta paminėti čia, ir pagaliau atspėti, ką! tiesiog, keičiant shortdesc var kažko kito atsikratė klaidą. Iš esmės! Kintamojo pavadinimas turėjo skiriasi nuo fieldID,
Jau po kelių valandų aš jau ieško sprendimų, kaip paleisti / išbandyti mano statinius HTMLs,,, Eclipse / Android emuliatorius. Nebuvo visiškai sėkmingas dar .... ką reiškia "Visiškai", HTML gauna pakraunami Gerai, bet visi CSS ir JS, ty vizualinės raiškos nematė. Kūrėjų žodžiais, CSS puslapio ...
Maniau, kad būtų keli kolegos Naujokas Android UI kūrėjai, Jei aš atkreipė dėmesį, fragmentą nustatyta, kad aš naudojamas rodyti HTML.
IR Android guru, prašome pridėti savo pastabas, kad padėtų mums naujokus į mobiliųjų programų vartotojo sąsajos kūrėjai toliau!
Atsiprašau! bet jiems darant prielaidą, kad žinote, kaip sukurti "Android" mobiliųjų aplikacijų Eclipse.
Sukurkite šios savo veiklos; Tai bus perskaityti failą "index.html" iš jūsų projekto turto / aplankas.
public class Test extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); WebView webview = new WebView(this); setContentView(webview); try { InputStream fin = getAssets().open("index.html"); byte[] buffer = new byte[fin.available()]; fin.read(buffer); fin.close(); webview.loadData(new String(buffer), "text/html", "UTF-8"); } catch (IOException e) { e.printStackTrace(); } } } Re-dviračių Buzzword ir Web Development reiškia nesiskiria. Ji taupo energiją, pastangų!
Per metus raštu CSS ir kurti HTML iš dizaino, aš po keletą geriausios praktikos, siekiant taupyti laiką ir energiją, ką mes paprastai terminas "Pakartotinis išradimas the Wheel". Laikas ir vėl, aš pasakiau sau, kad man reikia sukurti keletą šablonų, kai standartinis pakartotinai naudoti CSS, kad norėčiau naudoti savo būsimo darbo Out of the box. Nors ne visiškai, bet man pavyko pasiekti kai kurių tikslų.
Be toliau, pakartotinis naudojimas CSS, aš turėjo bent keletą CSS sistemas, kurios yra visuotinai prieinami mus ir nusprendė įdėti juos naudoti, nes jie bandė ir išbandyta ir sukūrė daug patyrusių programuotojų atrodo, nei sau. Dar svarbiau - išvengti pakartotinio sukurta ".
Nors žinoma, veteranų, aš bandė su rašikliu, kai pagrindinės sąvokos, geriausia praktika ir (arba) mintys, kad atvyko į kuriant šias sistemas, RE-Cycling CSS. Tikiuosi tai padės kai kurių CSS kūrėjai, kurie tik ruošiasi ir neseniai sėdo CSS orkestru!
Naudokite pavadinimų konvencijų
Tai turi būti svarbiausias veiksnys, CSS / HTML pakartojamais. Suteikti puslapio elementus, atitinkančius pavadinimus leidžia pakartotinį naudojimą puslapių komponentų ir jų stilių su mažai arba pakeitimus. Atitinka šio argumento, Net HTML5, esminio pakeitimo pokyčiui per jo pirmtakai, įvesti tam tikrą struktūrinę žymės viz. <article>, <section>, <header>, <aside> ir <nav> [, Ką HTML5 bus pareikšti? ]. Net su HTML 4 straipsnio arba mažiau), tai geriausia pavadinti standartinius skirsnius savo puslapyje consistanly kaip paprastą pavyzdį žemiau ...
Atminkite, Dauguma Jūsų projekto puslapius, galų gale, turintys tuos pačius pagrindinius struktūrinius elementus. Nustatyti šiuos bendrus esminius puslapio elementus ....
<div id="container"> <div id="header"> ... </ div> <div id="nav"> ... </ div> <div id="sidebar"> ... </ div> <div id="footer"> ... </ div> </ Div>
Atstatyti numatytuosius stilius (CSS Atstato): Nesvarbu, ar jūs naudojate sistemą arba parašyti savo, jūs turite pateikti CSS naujo [ Kas yra CSS Atstato? ], nes jie sumažina arba kartais pašalinti vizualinius neatitikimus, atsirandančius tarp įvairių naršyklių. Paprastais žodžiais tariant CSS Atstatyti mechanizmas nustato stilius HTML elementui neišskiriančių ar neapibrėžtų reikšmių, todėl viršesnis jokių naršyklės numatytąsias vertes, jie gali kelia. Tai suteikia nepriekaištinga reputacija, nustatyti šie elementai neturi jokių user-agent numatytąsias [savybes CSS2.1 User Agent Style Sheet numatytuosius parametrus ]. Visi CSS sistemas turi iš reset mechanizmą. Jeigu rašote jūs savo CSS naujo, Žodis atsargiai, kad jei atsitiktų pamiršti naujo pagrindinį turtą, gali sukelti kryžminį naršyklės klausimais, kad yra labai sunku derinti. Atminkite, kad laikyti Atstatos stilius kopiją ir upuść juos į kiekvieną naują projektą, kurį sukurti.
kūnas, div, dl dt, dd, ul, olis, Li, H1, H2, H3, H4, H5, H6, iš anksto, forma, fieldset, įėjimas, pasirinkite, Textarea p, blockquote, stalas, TH, TD { siena: 0px; margin: 0; padding: 0; }
Rinkinys Numatyt (pradinis stiliai) elementais:
Po to, kai jūs nustatėte (nulį arba NULL) numatytąsias vertes tam tikrų atributų tam tikrų HTML elementų, būtina taikyti keletą visoje kiekvieno iš šių elementų, pavyzdžiui stilius. Tai numatytasis parametras gali skirtis, kaip už dizaino arba pagal geriausią praktiką, jums sekti.
Dauguma CSS sistemas, visada įvedamos kai kurios naujos defaults, be naujo numatytuosius naršyklės stilių.
Šie nutylėjimą yra tuščia User-Agent numatytąsias [, nulupama toli CSS Reset), tai bus nuosekli visose naršyklėse.
Atminkite, kad pradiniai stilius yra naudojamas, norint nustatyti ketinate būti naudojamos visos dizaino stilių. pvz.
HTML {font-size: 77%; font-family: Arial, sans-serif;} stiprus, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
Anotacija stiliai Bendrojo HTML komponentai ir bendrų klasių:
Dauguma projektas sudarytas iš kelių puslapių turėti bendrų HTML elementus, naudojamus visoje svetainėje pvz., kai rūšies formų, perspėjimų ir klaidų, nestandartinių langų, švieslentes tt Kadangi tokios sudėtinės dalys vėl naudojami visoje projektų, ji bus naudinga teikti klasių, susijusių su iš anksto nustatytų stilių šių sudedamųjų dalių ir galite sutaupyti sau daug laiko.
Be daugkartinio naudojimo stilių apibrėžti bendrų HTML komponentai, galėtume abstrakčios stilius klasės, susiję su tipografijos, spalvos ar net išdėstymą. Aš pats linkęs naudoti ... bendras pamokas, pavyzdžiui Clearfix, Font08, FontGrey, AlignL, DisplayB tt
forma įvesties {border: 0px background: # FFFFFF; padding: 10px; _padding 0px: 0px 0px; aukštis: 26px; spalva: # 000000; line-height: 30px; font-size: 1.1em;} forma Textarea {siena: 0px; background: # FFFFFF; spalva: # 000000; font-size: .9 Em, line-height: 1,5 tarpo; perpildymas: matomas;} . Fbold {font-weight: bold; spalva: # cccccc;} Fgrey {color: # 666666;} Flightgrey {color: # bbbbbb;} Clearfix {aiški: tiek;} Paskirstytojas {border-top: 1px solid # 647B06, border-bottom: 1px solid # 9CC00A, aukštis: 0px;} Displayb {kalbomis: bloko;}. Displayn {display: none;} Alignr {text-align: right}. Alignc {text-align: center} Floatr {float: teisė;}. Floatl {float: left;}
Išspręsti į bendrų naršyklės Photoshop
Įvairūs naršyklių įgyvendinti CSS kodą ir suteikti skirtingą paramos CSS specifikacijų lygį. Tai rezultatas .... "Naršyklės Quirks", kad mes, kūrėjai paliko spręsti. Ypač, IE6, neduoda ramybės daugumai CSS programuotojams su termino patenkinti. Geros naujienos yra tai patirtis atnešė kartu galimas daugkartinio pataisymai į šiuos klausimus (dažnai vadinamo "kaip CSS hacks ).
Atminkite, laikyti šios hacks ir (arba) nustato patogu
/ * Taip priartinimas: 1 taisyklė yra specialiai IE6 + IE7. * / * Html. Clearfix, *: Pirmosios vaiko + html clearfix { priartinimas: 1; }
Laikyti Jūsų CSS tobulinimas
Pagaliau. Jei įkvepia ir ketinate naudoti vieną ar daugiau CSS sistemas, "Heres yra greitas sąrašą keletas populiarių tuos ....
Atminkite, kad naudojant CSS sistemas nereiškia, kad esate tingus susikurti savo ... Tai reiškia, kad esate protingas, kad mokytis iš kitų patirties ir klaidų, Taupykite laiką ir didinti našumą!!
CSS baigė 10 metų egzistavimo šiemet! Tie, kurie buvo maždaug už o, uždirbti savo duonos (arba ne), naudojant CSS, tada jums gali žinoti, kaip mes jau badauja geras pasirinkimas šriftų. Net trūksta šriftų dizaineriai, pavyzdžiui, CSS Zen Garden pasinaudojo CSS fono paveikslėlius pakeisti šriftus daro kai kurie jų dizaino teisingumo vykdymo. Mes taip pat bandė Blykstė / JavaScript ® hacks pasiekti mūsų dizaino tikslus. Jokiu būdu tai neteisingas būdas gauti pageidaujamus šriftus į mūsų interneto dizaino, bet tikrai tai nėra labiausiai pageidautinas būdas. ir per metus web dizaineris, kaip ir aš, visiškai rėmėsi dešimt ar šriftus savo dizaino.
Naujausi pokyčiai interneto standartai ir šriftų formatų, kad tai įmanoma padaryti HTML tekstą, išskyrus tuos pačius senus numatytuosius šriftus, šrifto. Ateina "_AT_ fontface" CSS decleration.
"@ Fontface provids sprendimą susieti su faktiniu šrifto failą ir pasirinkite jį iš interneto. Naudojant @ fontface, dizaineriai gali naudoti šriftus be užšaldyti kaip fono paveikslėlius tekstą. Įgyvendinimas yra labai tiesiai pirmyn, kaip parodyta žemiau, bet, kaip visi geri dalykai turi CON jo, ne visos naršyklės palaiko vieną šriftą ". Jei jūs planuojate naudoti @ fontface, reikia kirsti naršyklės paramą svetainėje, tada turėsite pateikti šaltinius įvairių šriftų tipų pats.
Naudojant @ fontface
@ Font-face { font-family: "CalligraphyFLFRegular"; src: url ("CalligraphyFLF.eot); src: vietos (CalligraphyFLF ".), vietos (" CalligraphyFLF), url ("CalligraphyFLF.woff) formatas (" woff), url ("CalligraphyFLF.ttf") formatas ("TrueType"), url ('CalligraphyFLF «. -. svg # CalligraphyFLF) formatą (SVG); } @ Font-face { font-family: "Jūsų šriftas"; src: url ("šriftai ir (arba) font_filename.eot"); src: vietos ("Alternatyvus pavadinimas"), vietos ("Alternatename) url ("šriftai ir (arba) font_filename.woff") formatas ("woff"), url ("šriftai ir (arba) font_filename.otf") formatas ("OPENTYPE"), url ("šriftai ir (arba) font_filename.svg # font_filename") formatą (SVG); } h2 {font-family: "Jūsų šriftas", Gruzija, serif ";}
Kaip matote iš pirmiau pateiktame pavyzdyje, į pasirinktą šrifto, šrifto, turi, susieti rinkinį fonttypes pačiu šriftu. Taigi žmonės jį nurodo kaip "Šriftas Kit".
Yra šriftų rinkinių, aiškiai leidžiama susieti su CSS @ font-face turtą pagal galutinio vartotojo licencinė sutartis (EULA).
Naudingos WebFont ištekliai:
Mano riboto įgūdžių rinkinį su įrankiais kaip Photoshop ir Illustrator, aš galiu nuoširdžiai prisipažinti, kad esu geriau vystytoją, kaip aš esu dizaineris. Bet mano fonas su pagrindinio (serverio pusėje) su Java / PHP / Cobol, buvo labai teigiamos įtakos mano UI plėtros įgūdžių. Ką reiškia, kuriant savo dizainą, ty, kai aš padaryti dizainą, manau, apie tai, kaip dizainas gali būti geriausiai konvertuojami į HTML CSS ir tuo pat metu daro HTML CSS, aš turiu duoti mintį apie posistemės technologija ir pagrįstai tikrai kad HTML gali būti lengvai perkelta į XSL kilpomis arba PHP ištraukos ir kt.
Per metus, aš įmestų galvą į dizaino UI dizaineriai, kurie tikriausiai donot turėti clue, kas HTML ar CSS. Visus šiuos metus aš galvoju, kad man būtų per daug prašo, Jei aš tiesiog tikėtis, kad dizaineris, kuris ir bando shov jo "neįmanoma kodo" dizaino žemyn mano gerklės, suprasti, tik šiek tiek jo dizainas bus konvertuoti į. , Kad padėtų teisę?
Tada, aš atėjau visoje šio posto, šiandien ... Web dizaineriai, kurie negali kodas ... Ačiū Viešpatie! Aš esu tik vienas iš daugelio, kurie jaučia tą patį ..., virš artitle yra šiek tiek ilgai kalbantis .. bet verta skaityti, kiekvieną jos žodį.
Ačiū Elliot Jay Atsargos ... Jaučiuosi atleisti!
Štai kai kurios ištraukos iš Elliots straipsnyje .
Sąžiningai, aš esu šokiruotas, kad 2010 m. Aš vis dar ateina per "interneto dizaineriai", kurie negali kodą savo dizainą. Nėra pasiteisinimas.
... Aš buvau šiek tiek labiau specifinis mano Čivināšana. Aš kalbu apie dizainerių, kurie neturi net paprasto HTML ir CSS įgūdžius paversti plokščią dizainą į faktinį svetainėje. Ne žmonės, kurie sąmoningai renkasi ne į kodą, tiems, kurie negali. Ir aš tik front-end kodas čia, žinoma, tai juokinga manyti, kad dizaineriai taip pat turėtų būti nuostabi back-end programuotojai ...
Mes gauti dizaino 'web' Illustrator, 300dpi išsiųsti neįmanoma kodą, jokio nuoseklumo / praktiškumo.
~~ Amy Mahon
Jis darosi vėlu, ir aš turiu tai padaryti kažkaip wrap. Žinau, ten bus daug, kurie nesutinka su manimi, ir mano tikslas nėra įžeisti arba sutrikdyti bet kam, kas negali kodas, bet aš tikiuosi, kad kai ką sakiau atspindi kai kuriuos jos punktus, kad visada ateina, kai pasinėrė į ši diskusija.
Tuo dienos pabaigos, aš ne prarasti bet virš kurie gali koduoti ir kurie negali miegoti. Tiesiog esu tikrai nustebęs, kad atrasti tiek daug dizainerių, kad trūksta front-end įgūdžių, kaip aš maniau, tai buvo praeityje.
Taip pat perskaitykite pastabas, buvo apie 320 komentarai, kaip aš rašau ... jie verta perskaityti.
Prašome skaityti Elliots visą pranešimą čia ... Web dizaineriai, kurie gali ne kodas
Kadangi radijo mygtuką ir tekstas yra inline, kad tekstas bus suderinti mygtuką apačioje, tekstas atrodo šiek tiek pagal mygtuką.
Jei norite suderinti į viršų, jūs turėsite radijo ir tekstą į atskirus konteinerius, pavyzdžiui, DIV ar driekiasi (atitinkamai) ir jie rūpinsis derinimą. Būtų lengviau naudoti lentelės langelius, jūsų dizainas trumpas, tai leidžia.
Tai neatrodo pats kiekvienoje naršyklėje, nes kiekviena naršyklė rodo radijo šiek tiek skirtingai, todėl visada bus dydžio klausimus, nesvarbu, ką jūs darote.
"HTML5 yra dar projektas. Kaip aš rašau, Darbas HTML 5, kuris prasidėjo 2004 metais, vis dar yra bendromis pastangomis tarp W3C HTML WG ir WHATWG, šiek tiek skiriasi . Žodis yra tai, kad šalia Geną HTML turės priedus ir funkcijas, kurios naujoji struktūra ir semantika, formos valdiklių, API, multimedijos žymes ir tt.
Paprasta anglų kalba ... ką tai reiškia, kad mus UI kūrėjams ...
<body> <header> ... </ Pavadinimas> <nav> </ NAV> <article> <section> ... </ Section> </ Article> <aside> ... </ nuošalyje> <footer> </ poraštės> </ Body>
Vietoj
<body> <div id="header"> ... </ div> <div id="nav"> ... </ div> <div class="article"> <div class="section"> ... </ Div> </ Div> <div id="aside"> ... </ div> <div id="footer"> ... </ div> </ Body>
pvz.
<video poster="poster.jpg"> <Šaltinis src = "video.3gp" type = "video/3gpp" žiniasklaida = "rankinis"> <source src="video.mp4" type="video/mp4"> </ Video> <audio> <source src="music.oga" type="audio/ogg"> <source src="music.mp3" type="audio/mpeg"> </ Garso>
Yra daug daugiau pakeitimų atnaujinimus naujausią versiją ... Ar nuolat atnaujinti šį pranešimą, nes aš atėjau šakų visame bet įdomių naudingų tie .... Stebėkite šią erdvę
Šis dokumentas gali pateikti tikslią informaciją, kaip HTML 5 specifikacija vis dar aktyviai kuriama. Jei abejojate, visada patikrinkite HTML 5 specifikacija čia .
Laikas ir vėl, kai visos kitos naršyklės, elgtis, kaip sakė, W3C taisykles, IE spiralių jus iš dvasios kūrimo mėtyti Furia, kad neatrodo, kad pataisą. Tiesiog tokia yra tai IE7 klausimas.
Problema pareiškimas:
Aš ir taip gali daug kitų sunkių interneto svetainių kūrėjai pastebėjo daugiau nei daug kartų, kad kai lizdinė plūdės išdėstymo, dėl hover per keletą nuorodų inkaro žymės), kurių sudėtyje yra konteineris atrodo pereiti keletą taškų į dešinę . Aš bandė google sprendimų šiuo klausimu, tačiau vargu ar bet kokį pagrįstą atsakymą į tai, kodėl ir kai tik jis pavartojamas (kuris gali padėti išvengti šios problemos iš vyksta), taigi aš niekada rasti aiškią problemos sprendimas ...
Galimi sprendimo būdai:
Iš patirties, turiu pranešimas 90 proc kartus, ty, kad šis klausimas yra nustatoma pridedant priartinimo turtą CSS apibrėžimą neteisingai elgiasi konteinerį ...
# Somediv { priartinimas: 1; }
vėl priežastys yra dviprasmiškos ... pabandykite tai ...
Kai elementai IE "hasLayout" nuosavybė, kuri yra "tiesa" pagal nutylėjimą. Daug regėjimo CSS elgesys, pavyzdžiui, alfa filtras veikia tik ant elemento, kad hasLayout. ir {Priartinimas: 1} atrodo tikslinių elementų hasLayout turtą .... Naudinga? I dont think so ...
Priartinimo turtas pat atrodo, palaikoma iki Chrome ", tačiau jo naudojimas įdauža atrodo, kad daug neigiamos įtakos mano išdėstymo ... išbandyti, jei ji dirba Jums ... o jei taip nėra, pagal" CSS Craps žymę šį puslapį "
