Jump to content
php.lv forumi
Liquor

CSS Grid

Recommended Posts

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

Share this post


Link to post
Share on other sites
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 :)

Share this post


Link to post
Share on other sites
jurgenz   

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.

 

Share this post


Link to post
Share on other sites
waplet   

clear: both; float:left;

 

aka bootstrap col`s

Edited by waplet

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×