Tag CSS

Flexbox pamatjēdzieni Flexible Box Module, ko parasti dēvē par flexbox, tika izstrādāts kā viendimensijas izkārtojuma modelis un kā metode, kas varētu piedāvāt telpas sadali starp elementiem saskarnē un jaudīgas līdzināšanas iespējas. Šajā rakstā ir sniegts flexbox galveno funkciju izklāsts, kuras… Continue Reading →

CSS transformāciju un pāreju rekvizītu rokasgrāmata Vai esat kādreiz domājis, kā animācija kādā no vietnēm tiek darbināta? CSS Transforms un Transitions iestatījumi var radīt visdažādākos trikus! Rekvizīts CSS Transform HTML elementiem 2D vai 3D formātā piemēro kustību, pagriešanu, sašķiebšanu un… Continue Reading →

CSS animāciju un efektu špikeris /cheat sheet Transform iestatījums transform: transform function-values Piemērs: .sample-class {     transform: rotate(60deg); } Keyword-value type: none .sample-class {     transform: none; } Function-value type: matrix()  Variations: matrix(), matrix3d() .sample-class {      transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0); } Function-value type: rotate(deg) Variations: rotate(), rotate3d(), rotateX(), rotate(), rotateZ()… Continue Reading →

CSS pseido klašu špikeris – CSS pseudo class cheat sheet Vienkāršie selektori Selektors Sintakse Piemērs Element element div { } Class .class .alpha { } ID #id #alpha { } Universal * * { } Vienkāršo selektoru variācijas Elements Sintakse… Continue Reading →

Iepriekš jūs droši vien jau zinājāt par dažādiem CSS atlasītāju veidiem. Atcerieties, ka CSS atlasītāji atbilst konkrētiem elementiem vai elementu grupām HTML dokumentā. Šajā rakstā jūs uzzināsiet par papildu bieži izmantotajiem CSS atlasītājiem jeb selektoriem. Bet pirms to izpētīšanas īsi… Continue Reading →

CSS režģa veidnes izkārtojums Režģa izkārtojumi ir veids, kā grupēt vienu vai vairākas režģa šūnas. Režģa veidnes izkārtojums ir šīs koncepcijas paplašinājums, kurā varat piešķirt nosaukumus šīm režģa zonām. Kad nosaukumi ir definēti, varat adresēt šos jaunos režģa apgabala vienumus… Continue Reading →

CSS režģa un flexbox špikeris Piezīme: “|” apzīmē alternatīvas vai “OR“. Režģis Sintakse režģa izveidei: selektors {     display: grid; /* vai inline-grid */ } Šeit atlasītājs var atsaukties uz jebkuru no šiem elastīguma atribūtiem Atribūtu atlasītājs – Attribute selector Klases atlasītājs –… Continue Reading →

CSS režģa izkārtojumi – GRID layouts   CSS režģa izkārtojumi ir svarīgi, lai izveidotu labu tīmekļa lapu. Tas ir tāpēc, ka izkārtojumi ir veids, kā nodrošināt lietotājam vizuālas norādes, organizējot atbilstošu saturu, lai tas būtu vieglāk uztverams. Uzzināsim vairāk par… Continue Reading →

CSS flexbox pamati – ” elastīgā kaste “ Šajā rakstā es jums pastāstīšu kā darbojās dažādi izkārtojumi un režģa struktūras, lai jūs izprastu kā sākt lietot flexbox. Izpētīsim dažus praktiskus piemērus, kā to izmantot. Šajā rakstā izpētīseit, kādi ir trīs… Continue Reading →

CSS absolūtās un relatīvās mērvienības Tīmekļa lapa, kā jūs to zināt, ir divdimensiju. Citiem vārdiem sakot, tai ir platums un augstums. Ir vairāki citi veidi, kā to izteikt, piemēram, vertikāli un horizontāli, garums un platums, x un y ass utt…. Continue Reading →

CSS tīmekļa lapas izkārtojums FlexBox, Grid, Box CSS jeb (cascading style sheets) “kaskādes stila lapas” ir noteikumu kopums, kas uzlabo tīmekļa lapu izskatu. Pirmajos gados interneta pārlūkprogrammas ieviesa CSS, jo tas sniedza iespēju labākam vizuālajam noformējumam un lielākām radošuma iespējām…. Continue Reading →

<input>: ievades (veidlapas ievades) elements <input> veidi: Tas, kā <input> darbojas, ievērojami atšķiras atkarībā no tā tipa atribūta vērtības, tāpēc dažādie veidi ir aplūkoti atsevišķās atsauces lapās. Ja šis atribūts nav norādīts, noklusējuma veids ir teksts. Pieejamie veidi ir šādi:     Type… Continue Reading →

Klienta puses formu / veidlapu validācija, izmantojot HTML5 Veidojot tīmekļa lietojumprogrammas, ir svarīgi nopietni uztvert drošību, it īpaši, ja tas ir saistīts ar datu vākšanu no lietotājiem. “Nevienam neuzticēties” tas ir labs un izplatīts drošības princips! Tāpēc nekad neuzticieties tam,… Continue Reading →