Pirmas HTML/CSS darbas

Taigi norėčiau sulaukti DAUG patarimų ir kritikos, kad kitą kartą galėčiau atlikti viską geriau, dėkoju :)

http://creigo.eu.pn/

Kaip pirmas tai visai not bad.

Tik: http://validator.w3.org/check?uri=http%3A%2F%2Fcreigo.eu.pn%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

1. nenaudok id stailingui

2. header_content geriau -> header-content

3. grupuok elementus, tam pačiam header_content, kam atitraukinėt kiekvieną anchor'ą?

4. ar ne paprasčiau turėt kažkokį page wrapper, nei dėt kiekvienam elementui tą pat stilių?

5. css nevalidus, html nevalidavau.

6. reset'as yr nepakankamas, bet nenaudok tų "popular" reset'ų

7. paragrafą selectini per id... wtf...

čia ir baigsim, kai naudosi mažiau id - įdėk vėl, bus įdomu stebėti progresą :)

p.s. tikrai labai abejoju, jog tai yra pirmas, pirmas tavo darbas :)

Aš truputi irgi abejočiau, kad tai pirmas tavo darbas. O šiaip pasigedau responsive.

Dėkui visiem, dizainas normalus sukoduotas tai pirmasis, tačiau kažkokius trumpus, paprastus darbus dariau, praktikavsausi.

pasigedau HTML5 struktūros :|

taip pat, tie backgroundai apačioje, geriau nenaudoti paveiksliukų, geriau apsirašyti spalvą su borderiu apačioje ir naudoti iconą per vidurį. Na, o kad dar mažiau svertų, tai iconas dėti į vieną png ir naudoti sprites

beje, trūksta logikos elementams. Tarkim "recent work" skiltyje. Niekas nežaidžia su pozicijomis, turi naudoti "float" taisyklę ir jie savaime pasiskirstys kur reikia. Taip pat turi pasidomėti ir "clear" jeigu naudosi float'us.

Taip pat jeigu jau padarei submit mygtuką ir įdėjai iconą (paieškos mygtukas), tai ir pelytės kursorių butų gerai jeigu pakeistum :)

1. nenaudok id stailingui.

 

Labas, o ką tada naudoti vietoj id? Aš kaiptik pradedantysis įdomu man tikrai kokios čia klaidos, nes panašiai ir aš darau.

6. reset'as yr nepakankamas, bet nenaudok tų "popular" reset'ų.

 

Ahm, kas tas resetas? :D

 

 

 

Labas, o ką tada naudoti vietoj id? Aš kaiptik pradedantysis įdomu man tikrai kokios čia klaidos, nes panašiai ir aš darau.

Klases

http://www.w3schools.com/css/css_id_class.asp

tai browserio default stilių nuvalymas nuo elementų :)

Mano pirmasis darbas tavajam tikrai neprilygsta :D Šaunuolis, man yra ko iš tavęs pasimokyti :)

O kas blogo naudot ID stailingui? Nekalbu kai elementas nėra unikalus tame puslapy, bet jeigu jis naudojamas tik vieną kartą? Nes mačiau darytus testus, ir ID select'orius veikia greičiausiai, todėl pats mėgstu kur tik galima naudoti ID. Žinoma, greičio prideda gal pora milisekundžių, bet taip ir susideda.

O kas blogo naudot ID stailingui? Nekalbu kai elementas nėra unikalus tame puslapy, bet jeigu jis naudojamas tik vieną kartą? Nes mačiau darytus testus, ir ID select'orius veikia greičiausiai, todėl pats mėgstu kur tik galima naudoti ID. Žinoma, greičio prideda gal pora milisekundžių, bet taip ir susideda.

Manau čia kalba ir buvo pagrinde apie pasikartojančius elementus, nes užmačiau tas pats id ne vieną kartą panaudotas buvo.

O kas blogo naudot ID stailingui? Nekalbu kai elementas nėra unikalus tame puslapy, bet jeigu jis naudojamas tik vieną kartą? Nes mačiau darytus testus, ir ID select'orius veikia greičiausiai, todėl pats mėgstu kur tik galima naudoti ID. Žinoma, greičio prideda gal pora milisekundžių, bet taip ir susideda.

man atrodo maišai kažką, klasių selectoriai kaip tik manau veikia greičiau nei ID. Taip pat su jquery gali lengvai susižaisti ir be ID, jis limpa tiek ant klasių, tiek ant childų, apskritai gali netgi su find pasigauti.

Gio, ką aš maišau būtent? Aš tik remiuosi informaciją, kurią iki šiol skaičiau. Pats testų nedariau. Štai suradau straipsnį kur pirmą kart apie tai perskaičiau http://css-tricks.com/efficiently-rendering-css/ . Taip pat ir čia, šiek tiek įdomesnis straipsniukas - http://screwlewse.com/2010/08/different-css-techniques-and-their-performance/ . Tam antram straipsny parodo, kad ID šiek tiek tiek greitesnis už CLASS, bet pasirodo skirtumas mažesnis nei tikėjaus. Didžiausią įtaką daro ilgi klasių arba ID pavadinimai, keletą kartų netgi.

O dėl jQuery ( ir native Javascript taip pat ) tai tu teisus, kad klasės ant jų veikia greičiau, nors man nelabai suprantama kodėl taip galėtų būti :o

man atrodo maišai kažką, klasių selectoriai kaip tik manau veikia greičiau nei ID. Taip pat su jquery gali lengvai susižaisti ir be ID, jis limpa tiek ant klasių, tiek ant childų, apskritai gali netgi su find pasigauti.

Aš irgi kiek girdėjau ID kažkiek greičiau veikia

http://css-tricks.com/efficiently-rendering-css/

Tačiau skirtumas yra nepastebimas vartotojui ir manau geriau atkreipti dėmėsį į tvarkingesnį ir efektyvesnį kodą nusprendžiant kokius selectorius naudot šiuo atveju.

Gio, ką aš maišau būtent? Aš tik remiuosi informaciją, kurią iki šiol skaičiau. Pats testų nedariau. Štai suradau straipsnį kur pirmą kart apie tai perskaičiau http://css-tricks.com/efficiently-rendering-css/ . Taip pat ir čia, šiek tiek įdomesnis straipsniukas - http://screwlewse.com/2010/08/different-css-techniques-and-their-performance/ . Tam antram straipsny parodo, kad ID šiek tiek tiek greitesnis už CLASS, bet pasirodo skirtumas mažesnis nei tikėjaus. Didžiausią įtaką daro ilgi klasių arba ID pavadinimai, keletą kartų netgi.

 

O dėl jQuery ( ir native Javascript taip pat ) tai tu teisus, kad klasės ant jų veikia greičiau, nors man nelabai suprantama kodėl taip galėtų būti :o

neteisingai išsireiškiau, turėjau omeny jquery reikalą :|

man atrodo maišai kažką, klasių selectoriai kaip tik manau veikia greičiau nei ID. Taip pat su jquery gali lengvai susižaisti ir be ID, jis limpa tiek ant klasių, tiek ant childų, apskritai gali netgi su find pasigauti.

Klysti. Įsivaizduok kaip jQuery kodas bėga per DOM, ieškodamas kažkokio nurodyto ID elemento. Kadangi pagal nutylėjimą ID elementas turėtų būti unikalus, jQuery sustos ieškoti, radęs tą unikalų elementą. Tuo tarpu ieškodamas klasės - realiai ieškos KLASIŲ, todėl užtruks ilgiau. ID paieškos be jokių abejonių truks trumpiau. Bet čia žinoma viskas dar priklauso nuo to, kiek bus tų ID ar klasių ir kokiu būdu jų bus ieškoma, kokia naršyklė bus naudojama ir t.t.

Net labai neblogą to interpretaciją radau :)

The bridge example

Imagine there is a bridge between your Javascript world and the DOM world. Each time you want to access an element (a "citizen") from Javascript in the DOM world, you need to cross that bridge.. but that is not for free.. you need to pay a pretty expensive toll.

So you should only go that way once and therefore only pay once.

 

 

If you know the exact position of the element (which is stored in a variable) you can just access it in no time.

Klysti. Įsivaizduok kaip jQuery kodas bėga per DOM, ieškodamas kažkokio nurodyto ID elemento. Kadangi pagal nutylėjimą ID elementas turėtų būti unikalus, jQuery sustos ieškoti, radęs tą unikalų elementą. Tuo tarpu ieškodamas klasės - realiai ieškos KLASIŲ, todėl užtruks ilgiau. ID paieškos be jokių abejonių truks trumpiau. Bet čia žinoma viskas dar priklauso nuo to, kiek bus tų ID ar klasių ir kokiu būdu jų bus ieškoma, kokia naršyklė bus naudojama ir t.t.

 

Net labai neblogą to interpretaciją radau :)

o kaip toks variantas?

jQuery("div").find('p')

o kaip toks variantas?

 

jQuery("div").find('p')

jQuery("div p")

Manau toks variantas turėtų būti greitesnis, bet bijau sumeluot, reikia kada patestuoti tokius reikalus skirtingose naršyklėe dėl įdomumo. :)

Padariau testą būtent šiam scenarijui http://jsperf.com/uzdarbis-test . Frix teisus, jQuery("div p") yra bene 3x greitesnis , o ID selectorius išvis pats greičiausias ant jQuery, iki šiol buvau lyg ir skaitęs, kad ne, nors man irgi logiškai atrodė, kad ID turėtų būti pats greičiausias, reiškias buvau disinformuotas :rolleyes: