Tag HTML
React: JSX komponentu un elementu skaidrojums Šajā brīdī jums var rasties jautājums, kā definēt, kas patiesībā ir JSX. Un var nebūt pilnīgi skaidrs, kā React darbojas ar JSX, lai aprakstītu lietotāja interfeisu un izveidotu lietotājam draudzīgu un efektīvu lietotni. Nu,… Continue Reading →
React apstrādātāji un iegultās izteiksmes – Sintakse (jeb EVENT HANDLERS) Katru reizi, kad noklikšķināt vai pieskaraties pogai, ritiniet lapu uz leju vai atceļat garlaicīgu paziņojumu, pārlūkprogrammā tiek parādīti notikumi. Lai šiem notikumiem būtu kāda ietekme, jums ir jāizmanto notikumu apstrādātāji… Continue Reading →
Iegultās “embeded” JSX izteiksmes Atcerieties, ka JSX ir JavaScript sintakses paplašinājums, kas tiek izmantots kopā ar React. Tas ļauj izstrādātājiem rakstīt HTML kā daļu no sava komponenta koda, un to bieži izmanto programmā React, jo tas nodrošina lielāku elastību. Šajā… 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 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 →
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 →
Bootstrap ir viens no populārākajiem front-end web izkārtojuma un dizaina rīkiem, kas ļauj ātri un viegli izveidot estētiski pievilcīgas un lietojamas mājaslapas un tīmekļa aplikācijas. Tā ir bezmaksas atvērtā koda bibliotēka, kuru izstrādāja Twitter, un tā sastāv no HTML, CSS… 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 →