CSS Grid

[Liquor]

Nesen sanāca iejaukties divu front-end čaļu argumentos par floatiem.

Viņi kasījās par to, kā labāk aprēķināt floatu gridus un veidot alternatīvas bootstrapam.

Biju nedaudz izbrīnīts ka viņi nezināja par šī gada sākumā publicēto native gridu sistēmu (display:grid), parādiju viņiem kā tas darbojas un viņi pēkšņi izbrīdīti, ka var veidot visu bez floatiem vai flexiem.

Tad nu nolēmu varbūt kādam noder.

 

Noskaties video lai saprastu kas tas ir un kā tas darbojas:

Vairāk info:

https://gridbyexample.com/learn/

Un beidz raudāt ka tas ir savādāk, konforts != progress..

[yozhis]

tables 4life.
FLOAT LEEFT IS BESTAAAAA

Bet ja godīgi, tad CSS grid, manuprāt, vēl nav pietiekami droši lietojams. https://rachelandrew.co.uk/archives/2017/07/04/is-it-really-safe-to-start-using-css-grid-layout/
CSS Grid 70% vs FLEX 96%.

Protams, kaut kādām iekšējām aplikācijām - why not.

Edited September 26, 2017 by yozhis

[Liquor]

Skaidrs ka tu video nenoskatījies.

[foxsk8]

Varbūt fīča ir laba, bet video redzamā lapa, ka headers, footers atrodās vispār tam neparedzētā vietā gan liek aizdomāties, ja reiz prezentācijā tiek teikts, viss uber, druper un viņu pašu weblapa bija īstenībā vienkārša it self, kura vizuāli arī bija nedaudz sagrozīta ar header un footer lietām kriesā tā teikt sidebar widgetā. Lai viņš šo tehnoloģiju pamēģina pielietot piem kādā e-komersijas dizainā, vai jebkādā citā dizainā, tad gan tur varētu galvu palauzīt par šo, kur tieši boostraps "Īt self" ar vienu klases parametru tev ļauj pārvietot elementus ar push palīdzību, un tur netiek izmantots nekāds javascript kā apgalvo šīs idejas piekritējs. Ja pats Bootstraps dizaina sarežģītības uzdevumos ar kādu no blokiem vai specifisku Front-End fīču netiek galā, tad viennmēr tev pastāv divas ASAP Easy solution: Lietot customizētu float rules ar visiem clear, lietot flex un 99% gadījumu tu iegūsi to ko vēlies bez visādiem position, sub grid area pozīcijām. 

Front-End ir īstenībā vienkāršs tik ilgi, kamēr nesākas šīs visas gudības, vot tā var, šitā var, utt.. un parasti šādi FE cilvēki lokāli nemaz negrib neko jaunu apgūt jo par to neviens neko nemaksās!!!! Vot, ja tev ir virs 70K kā front specam, tad ir vērts apgūt šis lietas, jo par to visu tiek maksāts, tiek viss apmaksāts, izglītos, konferences, utt..

Tā kā tu pats esi strādājis finanšu sektorā, utt.. tad tev pašam vajadzētu saprast to,  ka:

1. FRONT ir viss ko tu redzi, gan dizainu, gan backend un tā ir viena no svarīgākajām lietām vispār jebkura projekta izstrādē, jebkam, kas darbojās web, kaut vai mobile vidē, etc

2. Ja tu spēj mācīt un apspriest FRONT lietas, tad arī būs kāds, kas varēs apspriest tavas Backend lietas. Tā tas ir bijis, būs un būs. :)

 Tad īstenībā labāk floatojam kafiju uz galda pa labi, pa kreisi, nekā sēžam un sakam, ko Jūs te ņēmās. 

Stāsta morāle. Nejaucies tur, kur tev nav jājaucās! Tiem diviem džekiem uzsaucu Kafiju :)

[jurgenzz]

Ar floatiem vertikāli pozicionēju div'us cik atceros sevi rakstam frontu, nekādu problēmu un tuvākajā laikā neredzu iemeslu apstāties.

 

[Kasspars]

Kā tas ir ar float vertikāli pozicionēt? Float ir tikai left vai right!

[waplet]

clear: both; float:left;

 

aka bootstrap col`s

Edited September 28, 2017 by waplet

[yozhis]

On 28/09/2017 at 11:06 PM, waplet said:

clear: both; float:left;

 

aka bootstrap col`s

clear: both; float:left; flex flex flex
https://getbootstrap.com/

[aaxc]

Vai šis ir tas, ko domāja?