Category HTML un CSS
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 →
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 →
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 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 →
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 →
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 →
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 →
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 →
<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 →
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 →
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 →
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 →
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 →