Category HTML un CSS

React: Spread operators (…) aplikācijas kods Restorānam

React: Spread operators (…) aplikācijas kods Restorānam Spread operators ir viens no stilīgākajiem JavaScript valodas papildinājumiem. Paldies Spread operatoram, ko attēlo trīs punkti (…). Parastās darbības, kurām iepriekš bija nepieciešams nedaudz vairāk koda, piemēram, objekta vai masīva klonēšana, tagad ir… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React – Veidojam reģistrācijas formu ar simpātisku CSS stilu.

React reģistrācijas formas (SignUp) izveide. Pirmais solis ietver visu formas elementu pārvēršanu kontrolētos komponentos. Tā kā vietējā stāvokļa daļas jau ir definētas komponenta augšdaļā, jums vienkārši ir jāpiešķir katra stāvokļa daļa vērtības atbalstam no katra ievades elementa. Lai varētu ņemt… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Flexbox pamatjēdzieni un konstrukcijas pamācība CSS/HTML

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS transformāciju un pāreju rekvizītu rokasgrāmata

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS animāciju un efektu špikeris /cheat sheet

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS teksta efektu Špikeris / Cheat sheet

CSS teksta efektu Špikeris / Cheat sheet Efekti, ko izstrādātāji izmanto teksta vienumiem tīmekļa lapā, ir izvēlēti galvenokārt to stila un izkārtojuma stila dēļ. Interesantus efektus var izveidot, apvienojot tos ar citiem CSS rekvizītiem. Teksta satura vizuālo attēlojumu var mainīt… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS pseido klašu špikeris – CSS pseudo class cheat sheet

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Gudri izmantojami CSS selektori jeb atlasītāji

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS režģa veidnes izkārtojums (grid template layout)

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS režģa un flexbox špikeris (Grid and Flexbox cheat sheet)

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS režģa izkārtojumi – GRID layouts

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS flexbox pamati – elastīgā kaste

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS absolūtās un relatīvās mērvienības

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Izpratne par FlexBox – skaidrojums ar piemēriem…

Izpratne par FlexBox – jeb kā šis izkārtojums darbojās un reaģē lapas saturā? Līdzīgi kā div un box konteiners, ko varat izveidot, izmantojot HTML, flexbox ir konteinera veids. Flexbox var pārvarēt ierobežojumus, ko rada tādi konteineri kā block un inline,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS tīmekļa lapas izkārtojums FlexBox, Grid, Box

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML “iframe” “rāmja elementa” parametru SandBox un drošības špikeris

HTML <iframe> “rāmja elementa” parametru SaddBox un drošības špikeris <iframe> ir iekļauts rāmja elements, kas iegulst HTML lapu citā lapā. Papildus globālajiem atribūtiem, kas var būt iframe daļa, tālāk ir norādīti galvenie elementiem raksturīgie atribūti.   allow Tas norāda, kādas… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML Ievades INPUT (veidlapas ievades) elementi

<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 →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML5 klienta puses ievades formu/veidlapu validācija

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML Semantisko tagu špikeris / semantic cheat sheet

Semantiskā HTML špikeru lapa   Ir pieejami simtiem semantisko tagu, kas palīdz aprakstīt jūsu HTML dokumentu nozīmi. Tālāk ir redzams špikeris ar dažiem visbiežāk izmantotajiem semantiskajiem tagiem, ko noteikti izmantosiet veidojot tīmekļa vietnes izmantojot HTML programmēšanas valodu. Sadalīšanas tagi Izmantojiet… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Citi CSS Frameworks un bibliotēkas

Citi CSS Frameworks un bibliotēkas Ņemot vērā to, ka tehnoloģijas un līdz ar to programmēšanas tehnika un valoda nemitīgi attīstās svarīgi zināt, kādi citi risinājumi ir pieejami… Lai gan Bootstrap ir viena no populārākajām CSS bibliotēkām, ir arī citi, katrs… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

DOM – dokumenta objekta modelis

DOM (Document Object Model) ir standarts, kas definē, kā dokumentu (piemēram, tīmekļa lapu) saturs tiek strukturēts un kā ar to var manipulēt. Tā kā HTML un CSS ir lietojamas tīmekļa lapu veidošanai un stilizēšanai, tie ir cieši saistīti ar DOM…. Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML/CSS ģimene – bērni un mazbērni…

CSS un HTML terminos “bērns” un “vecāks” attiecas uz elementu attiecībām dokumenta kokā. Elements tiek uzskatīts par “vecāku”, ja tas satur citus elementus, kuri tiek saukti par tā “bērniem”. Piemēram, aplūkojiet šādu HTML kodu: <div> <p>Šis ir paragraphs.</p> <ul> <li>Vienība… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

© 2023 — Powered by WordPress

Theme by Anders NorenUp ↑

Dalīties: