Web lapu pamati

Tiek skatīts 21 ieraksts (no 39 kopumā)
  • Autors
    Ieraksti
  • #217070
    daGrevis
    Participant

    Azazul, izdomāju labot nevis savus daGrevis.net, bet vienu citu projektu… Kapēc? Jo tas projekts man ir prioritāte… 🙂

    Valīds xHTML: https://validator.w3.org/check?uri=http%3A%2F%2Fdagrevis.net%2Fprojects%2FTakeID_net%2F

    Pats projekts: https://dagrevis.net/projects/TakeID_net/

    Par pārlūku nesavienojamību? Laba radās uz visiem normāliem pārlūkiem (Firefox, Opera, Safari, Chrome) tā kā vajag! 🙂 P.S. Protams, ja neskaita to, ka lapa dažviet izmanto CSS3, un ja pārlukam nav CSS3 atbalsta, tad nerādīs tādu lietu, kā, piemēram, noapaļotus sūrus input tagam… Tādam deģenerātu parlūkam kā IE es netaisos pat taisīt atbalstu (izmantojot atsevišķu CSS failu), bet tomēr ieliku paziņojumu, kas parādas lapas augšā, ja tas ir IE… Nu tā. 😛

    Tagad man ko tev pierādīt, dižais azazul?

    #217071
    Foxsk8
    Participant

    Jotvai, te nu tu izcēlies, piemēram, noapaļotus sūrus input tagam :D, nafig tam izmantot css3 un čakarēties ar non-browser support. To taču ar css var paveikt, uzliec input laukam bg bildi. Vai tad neesi redzējis skaistus search boxsus, tie jau tie paši inputi arī ir.

    A ko darīsi uz pasūtijumu, ka klients gribēs, lai webs ideāli arī rāda uz IE6? (Dažreiz tādi uzrodās)

    Visu web padarīšanu vienozīmīgi bremzē $m ar savu pārlūku, jaunākās versijas ir ok, bet nu ir vēl pāris gadi jāpagaida, lai reāli dabiskās izaugsmes kārtā IE6 tiktu svītrots laukā.

    #217072
    daGrevis
    Participant

    Bildi input tagam? Un ko tu darīsi, ja input lauks gribes mainīt izmērus? Nevis platumā 100px, bet 500px?? Lai atrisinātu šo problēmu ar noapaļotiem stūriem, tiek izmantots attiecīgs jQ skripts, ar ~ nosaukumu corners. 🙂

    #217073
    azazul
    Participant

    Wow , tu tiešām esi aprobežots.

    Quote:

    PROTEST: Microsoft Internet Explorer is history! This page using Internet Explorer will be black & white, for colors follow evolution!


    Tieši cik līkām rokām ir jābūt, lai izvēlētos šādu soli ?!?

    Un tu lai kam nesaproti, ka tie tavi “normālie browseri” ir mazak kā 50% no userbase.

    world , USA

    Kas atiecas uz CSS3 apaļajiem stūriem tad .. WTF !?! Kas tu tiešām esi tik debīls ka nesaproti ko nozīmē “eksperimentāla” fīāa ? Browser vendor css paplašinājumus NEDRĪGST lieto production-level kodā !! Tās ir īpašības ko browseru veidotāji pievieno testēšanai, nevis wannabe-koderu lietošanai.

    Un ja tu nevari norealizēt to normālā veidā, bez javascr .. ā nē, atvainotiet, tu taāu programē jquery nevis javascript , tad varbūt tev tomēr nevajadzetu vispār neko darīt..

    Javascript ir vienkārši drausmīgs un PROTAMS, ka nestrādā uz opera.

    Un kas attiecas uz CSS, tad tu tā arī neesi saprti ko nozīmē “C”.

    Un tad vel tur ir tādi interesanti koda fragmenti https://pastie.org/698808 ,

    kas liecina ka tev pat nav ne mazākās nojausmas kas ir Semantika un SEO.

    TIeši šādu cilvēku dēļ iNets joprojām sux.

    #217074
    WerNeo
    Participant

    azazul. Puisis mācās, devītā klase kā nekā. Tāpēc.. pamāci, nevis kritizē. 🙂

    #217075
    daGrevis
    Participant

    azazul wrote:

    Wow , tu tiešām esi aprobežots.

    Nu labi, tik skarbi nevajadzētu… Mēs tachu visu esam cilvēki, nav jauki tā runāt! 🙁

    azazul wrote:

    Quote:

    PROTEST: Microsoft Internet Explorer is history! This page using Internet Explorer will be black & white, for colors follow evolution!


    Tieši cik līkām rokām ir jābūt, lai izvēlētos šādu soli ?!?

    Un tu lai kam nesaproti, ka tie tavi “normālie browseri” ir mazak kā 50% no userbase.

    world ,

    USA

    Labi, skaidrs, slikts solis. Centīšos padarīt lapu labi strādājošu arī uz IE, ok? Tikai mācos, ka teica WerNeo! :warn:

    azazul wrote:

    Kas atiecas uz CSS3 apaļajiem stūriem tad .. WTF !?! Kas tu tiešām esi tik debīls ka nesaproti ko nozīmē “eksperimentāla” fīča ? Browser vendor css paplašinājumus NEDRĪGST lieto production-level kodā !! Tās ir īpašības ko browseru veidotāji pievieno testēšanai, nevis wannabe-koderu lietošanai.

    Un ja tu nevari norealizēt to normālā veidā, bez javascr .. ā nē, atvainotiet, tu taču programē jquery nevis javascript , tad varbūt tev tomēr nevajadzetu vispār neko darīt..

    Nu jādara jau kas ir, jo neviens nepiedzimst, mākot visu! Tātad atsakos no eksperimentalā CSS3! nevajag tā uzreiz cilvēkiem uzdi*st!!!!!! 🙁

    azazul wrote:

    Javascript ir vienkārši drausmīgs un PROTAMS, ka nestrādā uz opera.

    Drausmīgs? Pats JS ir drausmīgs? Saprotu, ka skripti kas ir manā lapā ir drausmīgi… Paskaidro kāpēc kā normāls cilvēks…!

    azazul wrote:

    Un kas attiecas uz CSS, tad tu tā arī neesi saprti ko nozīmē “C”.

    Cascading? Nu tad paskaidro…

    azazul wrote:

    Un tad vel tur ir tādi interesanti koda fragmenti https://pastie.org/698808 ,

    kas liecina ka tev pat nav ne mazākās nojausmas kas ir Semantika un SEO.

    Interesanti koda fragmenti… Kāpēc?!

    Kas ir Semantika? (nopietni, nezinu)

    Pie SEO nav strādāts, jo tas ir tikai dizains lapai, pietam ne fināla versija.

    azazul wrote:

    TIeši šādu cilvēku dēļ iNets joprojām sux.

    Es lapu netaisos palaist tautās tādā stadijā, tā kā neuztraucies.

    #217076
    azazul
    Participant

    daGrevis wrote:

    Drausmīgs? Pats JS ir drausmīgs? Saprotu, ka skripti kas ir manā lapā ir drausmīgi… Paskaidro kāpēc kā normāls cilvēks…!


    Pirmkārt – tie gļuko. Neesi notestējis uz visiem A-grade browseriem.

    Otrkārt, tā nevienam nevajadzētu JS iekļaut lapā. Visiem JS scriptiem būtu jābūt vienā failā, minimizētiem ( un nepakotiem ) un jābūt iekļautiem html faila beigās, tieši pirms taga.

    Tas ļoti daudzu iemeslu dēļ be īsumā – lapas ielādes ātrumam.

    daGrevis wrote:

    Cascading? Nu tad paskaidro…

    Interesanti koda fragmenti… Kāpēc?!


    Tu nekur neizmanto kaskādes. Visi tavi CSS likumi ir vienā līmenī.

    Tāpēc arī rodas šitāds kods : https://pastie.org/698808

    Piemēram, likus #panel ul.menu a{} adresēs visus tagus ,

    kas atrodas iekš UL ar klasi “menu”, kas savkārt ir iekš bloka #panel.

    Tev nevajag likt top pašu klasi pie katra taga.

    Pašlaik tu bezjēdzīgi atkārto vienu un to pašu klases nosaukumu.

    Rodas papildus izmērs kodam, un zūd visa jēga kaskādēm.

    daGrevis wrote:

    Kas ir Semantika? (nopietni, nezinu)

    Pie SEO nav strādāts, jo tas ir tikai dizains lapai, pietam ne fināla versija.


    A vo kā lai šito ātri paskaidro .. emm … semantika un SEO šinī gadījumā iet kopā.

    OK, vispirms ir tāds koncepts kā “3 web slāņ i” : HTML – saturs , CSS – dizains un JS – uzvedība.

    Tos nedrīkstētu jaukt kopā. Piemēram nevajadzetu parādīties ‹a onclic=”do_something();”› (html) vai document.body.style.color = “red”; (js).

    Tādi fragmenti pārkāpj nodalījumu starp klājumiem. Slikts kods. Pēe.

    Pašā HTML vēl ir cita fiška. TU nedrīksti nozīmīgam virsrakstam rakstīt ‹h2 class=”red”› ,

    tāpēc ka tas neko nenozīmē .. un kas notiks ja tu iekš css uzliksi h2.red{ color: green; } ?

    Tā vieta būtu jābūt piemēram ‹h2 class=”important”›.

    Tad vēl ir tāda lieta kā “tagu semantiskā nozīme”.

    P tagi ir paragrāfiem , H1 H2 .. H6 tagi ir virsrakstiem,

    EM un STRONG tagi ir uzsvariem tekstā, utt. utjp

    https://brainstormsandraves.com/articles/semantics/structure/

    Kas attiecas uz Class un ID, tad tiem ir jāatbild uz jautājumu “kas tas ir” nevis “kā tas izskatās”.

    Līdzīgi kā piemērā ar “important”.

    https://www.w3.org/QA/Tips/goodclassnames

    … nu kaut kā tā.

    edit: bļins , referāts atkal sanāca…

    EDIT: bļa, kāpēc tiek izravēti visi atribūti no tagiem ?!?!

    #217077
    jauneklis
    Participant

    azazul + 1 Eksāmens nokārtots ! 🙂

    #217078
    daGrevis
    Participant

    O, azazul, lasu un priecājos. 🙂 Paldies, patiešām paldies. 🙂 🙂 Tagad būs jamācās. 🙂

    Par to lapas optimizāciju, to vēl vienkārši neesmu sācis… 🙂

    #217079
    daGrevis
    Participant

    Nu šitas man neliekas pareizi…


    The construction of images for the web is a little outside of the remit of this website, but it is worth noting a few things…

    The most commonly used file formats used for images are GIFs and JPEGs. They are both compressed formats, and have very different uses.

    GIFs can have no more than 256 colours, but they maintain the colours of the original image. The lower the number of colours you have in the image, the lower the file size will be.

    GIFS SHOULD BE USED FOR IMAGES WITH SOLID COLOURS.

    JPEGs on the other hand use a mathematical algorithm to compress the image and will distort the original slightly. The lower the compression, the higher the file size, but the clearer the image.

    JPEGS SHOULD BE USED FOR IMAGES SUCH AS PHOTOGRAPHS.

    Images are perhaps the largest files a new web designer will be handling. It is a common mistake to be oblivious to the file size of images, which can be extremely large. Web pages should download as quickly as possible, and if you keep in mind that most people still use modems that download at less than 7Kb a second (realistically it is less than 5Kb), you can see how a large file will greatly slow down the download time of a full page.

    You need to strike a balance between image quality and image size. Most modern image manipulation programs allow you to compress images and the best way to figure out what is best suited for yourself is trial and error.

    Kapēc GIF vietā nevarētu izmantot PNG?!

    #217080
    Crow
    Participant

    daGrevis wrote:

    Kapēc GIF vietā nevarētu izmantot PNG?!

    Gan jau, ka vecs tutoriālis. PNG jau nav nekāda panaceja, lossless krutums balstās uz tā, cik attēls ir sarežģīts (tāpat kā GIF). Kstaķi, tā arī neesmu sapratis, kāpēc Photoshop izdotie PNG faili nav sakompresēti uz max. un kur to var pieregulēt. Vienmēr pārseivoju ar XnView pēc tam 😀

    #217081
    daGrevis
    Participant

    damncrow wrote:

    daGrevis wrote:

    Kapēc GIF vietā nevarētu izmantot PNG?!

    Gan jau, ka vecs tutoriālis. PNG jau nav nekāda panaceja, lossless krutums balstās uz tā, cik attēls ir sarežģīts (tāpat kā GIF). Kstaķi, tā arī neesmu sapratis, kāpēc Photoshop izdotie PNG faili nav sakompresēti uz max. un kur to var pieregulēt. Vienmēr pārseivoju ar XnView pēc tam 😀

    Š ķiet pats sapratu… 🙂

    Images with solid colors. Nevis ar kādiem gradient! 🙂 Ja? 🙁

    #217082
    Crow
    Participant

    Nāē… PNG labi tiek galā ar gradientiem. Bet ir gadījies, kad dažādus it kā vienkāršus logo nepaņem tik labi, kā GIF, bet manas greizās acis caur pudeļstikliem neredz šķirbu no GIF 😀

    Galvenais – parūpēties, lai būtu max compression uzlikts. Ja tas vienalga ir lossless, kāpēc utoties.

    #217083
    daGrevis
    Participant

    Es domāju, ka nevis PNG slikti tiek ar gradientiem galā, bet GIF to dara slikti.. 🙁

    #217084
    rATRIJS
    Participant

    GIF ir 256 krāsas. Plaša spektra gradients (vai jebkas, kur ir daudz krāsu) GIF formātā izskatīsies briesmīgi.

    #217085
    daGrevis
    Participant

    Tieši tā. rATRIJS…

    Tas nozīmē, ka HTML Dog ieska taisīt lapas 256 krāsās?!

    #217086
    Foxsk8
    Participant

    Piemēram paskaties šeit notepadā ikoniņas, visas ir gif formāta, png tas nebūtu ok, gif vairāk ir domāti kā web elementi, tur border, icons, etc, bet png vairāk der nu tur visādiem caurspīdīgiem velniem, utt…

    #217087
    rATRIJS
    Participant

    Pārāk liela krāsu pārbagātība nav ļoti vēlama, bet, protams, jāskatās kāda lapa. Tas ir galvenokārt tādēļ, lai cilvēkiem ar dažādiem traucējumiem to būtu vieglāk lietot. Ja LV tas nav īpaši svarīgi, tad citās zemēs tam pievērš krietni vairāk uzmanības.

    Par PNG transparency. Es gan tieši neizmantotu png šajos gadījumos, jo ar to var būt problēmas vecākos pārlūkos (IE6 yo). Lai nu kā, es parasti lietoju tikai png…

    Un par tiem visiem ieteikumiem. Ne viss vienmēr ir jāizpilda “pēc grāmatas”. Var būt visādi izņēmumi un ne vienmēr “pareizākais” variants, būs pareizais tavā gadījumā.

    Par javascript ieteiktu noskatīties šo – https://video.yahoo.com/watch/1041101/3881103 – High-Performance Javascript: Why Why Everything You’ve Been Taught is Wrong

    #217088
    azazul
    Participant

    Vispār ariem PNG vs JPG vs GIF ir pamēram tā.

    Saturā vislabāk ir izmantot JPG

    ( saturs ir tas kas nav dizains 😛 , piemēram pievienota fotogrāfija rakstā, vai bižu galerija )

    Tu protams skatījies “beginners” tutoriāli, tāpēc arī par PNG nekas daudz nebija.

    Tur ir diezgan pamatīgs āakars ar IE6/7 un puscaurspīdīgiem PNG attēliem.

    Un arī trikam , ar ko tos ieliek ir dažādi ierobežojumi (lasīt šeit : https://www.satzansatz.de/cssd/tmp/alphatransparency.html )

    Tai pašā laikā indeksēts PNG tomēr ir mazāks par indeksētu GIF.

    Protams abos gadījumos ir pieejamas tikai 255 krāsas un 1bit transparents.

    ÄŠ’akars , anyway.

    P.S. visi tutoriāli ir kļūdaini, bet daži ir ar vairāk kļūdām ( w3schools un kasis.lv) kā citi.

Tiek skatīts 21 ieraksts (no 39 kopumā)
  • Jums ir jāpieslēdzas sistēmai, lai varētu komentēt šo tēmu.
Jaunākais portālā