I'm sohappybecause I'm goingtotellyouTalk a lotaboutCSS, so I'm gonnablowhot.
I'm supersuperexcitedtobeinSingaporeonmytalkisTylerartisticCSSUmAnd I hopethatyou'regoingtojoinmyCSSjourney, which I'm goingtotellyouhowCSSandartintermingledcharterKarlartmovementsanddesignmovementsactuallyinspiremetodigdeeperandCSS I hopethatyouwillfinditcreative.
I hopethatyouwillfindyourinnerartist.
I hopethatyouwouldbemoretoexperimentand I'm goingtosharesomefactsabouthistoryofart.
It's celebrating 1/100 anniversarydoeshere, andwhat I wouldliketodorightnowistoopenTwitterIfyouruseraccount, uh, Twitteraccount.
Ifnot, youcanputupwithsomeonewhohas a Twitteraccount, and I'm tweeting I canuploadhismytwitterhandle I'm tweetingfromthe, uh I'm tweeting a pollonTwitterrightnow.
I hopethatyou'regoingtoseeitin a second, and I'm goingtogiveyou 10 secondstovote.
Youcanalsotreatthegridjustlikethewayoffexperimentsandalso a wayofputtingelementsintheindifferentplacesNotveryusual.
Andwhat I loveaboutCSisgreatandFirefoxdevelopertoolsisthatitactuallybreachedthegapbetweendesignersanddevelopers.
AndthisisveryBauhauslikeideabecauseBauhauswantedtobringengineers, designerstechnologisttogetherandalsothat I thinkthatdeaftoolsisitperfectexampleofdoingitbecauseyou'vegot a greatpanelforsiestasgrid, whichyoucan, um, immediatelydiveintoit.
Soifyouworkedcloselydesigners, I stronglyrecommendyoutoshowittoyourfellowfriends.
Andalsonewthingishappening, Sosubgridwaswasalreadymentioned A deskonforyouthisyearinBerlinbyrenterofRachel.
Well, it's notthatgoodyet, but, um, I tookthisGrinchit a coupleofyears A coupleofdaysagoonGuyalsoopenedTwitterafterafter a while, and I stumbleuponthissuitebydone, SimmonsthatsomebreadisactuallycomingtoFirefox.
Soit's it's intheYes, we'rehappy.
Whoa.
Um, So, um, soyoucanexperimentinFirefoxnightlybecausecurrentlyit's it's intheworkingdraft.
Andwhenmentioningaboutthegrid, um, I alsowanttotell a baddishtowel.
It's a perfectexampleoffreetubingwithgrid, butalso I lovethepureform, thecollarthatshapesendure a veryMondrianlikeandtaking a lotofinspirationfromtheirstyle.
Sosummingupthefirstdesignmovement, whichwasbathhouseinthestallwehave C s isgridandsubgroups, andpleaseuseit, useitin a creativemanner, eyesitwithcrazyideas.
Um, I hopethatthatyouwillenjoyit.
Socominguptothe 2nd 1 I wouldliketomentionaboutpostmodernismandcollage.
And, um, I thinkthatworkingwithpaperandscissors, um, brings a lotofideasandthatonlyisveryrelaxing, butalsobroughtinyourartisticreasons, um, andbring a lotofideas.
So, uh, I'm a superinspiredbyonePolishgirl, onepolishdesigner.
HernameisBaracus, andshedoes a lotofworkwithpaper, um, anddigitalartworkwithcollage.
Tak, UmandAndit's justsimpleisthatandwealsoneedtoapplymasksizetwotomakeitmatchtothetothebackgroundwehavefortheheading.
And I reallylikethisexamplebecauseit's veryapproachablefordesignersbutalsogivesuslikeit's veryimpactfulintermsofuserexperienceandtheoverallimpressionofthewebsiteofthearticle.
Sowhat I pretendhedidn't needittopreparebeforeisthemaskimage.
So I, um, I cutitoutandfind a shop.
Um, andafterapplying a mask, wehavethevisiblearea.
So I thinkthatthisisthemomenttostartdiggingintonowsumminguptheKalashmovement, itwasoriginatedbypublicAscend, GeorgeBraqueandfriendsand, um, CSSisderiving a lotfromit, um, throughmaskingandclipping.
Sothenextmovement, it's pullBardand I and I and I hopethatyou'refamiliarwithsomeworksofAndyWarhol.
Umandwhatareyoulikeaboutthesewords?
Isthecolor.
Sowhen I thinkaboutcolorandCSS, onethingcomestomymindandtheseareblendboats.
So, um, I'm talkingaboutandthinkingaboutblendmodes.
Thereisdueoutoneffect, a widelypopular, widelyusedbybySpotify.
And I waswondering, Ok, canwedosomethinglikethat's whatCSS.
We'vegot 16 ofthem s soyoucanyoucanexperiment a lot.
Asyoucansee, we'regonnahaveveryvariouseffects.
Andagain, it's prettysimpletoapply.
And I'm prettycreativetohaveonthewebsitesosummingup, we'vegotproper, um, andwehavebloodboatsandCSSandtheLest, um, artmovement, I wanttomentionisoneofmybilloftitsantidesign.
And I also, um, wasexploringotherwetsidesandfoundthis, um, withwith, uh, uh, kindofplayfultypographyandthingthatimmediatelycametomymindwasourediblefonts.
And I hopethat, um, you'restayingforMandystocksbecauseshe's she's goingtoshowyousomeawesomeexperimentswithviablefunds.
Um, althoughthatthisisanimage.
I thinkthatwecanfinallydosomecrazystuffwithCSStotohave a playfultypographyand a bitdifferent, unusualandalsoplayingwiththeperspective.
And I thinkit's it's somethingthatit's notveryfrequentlyused.
But I thinkthatweshouldstartplayingwiththree d um, withsomeskewinginCSSbecauseitgives a totallydifferent, differentimpressionontheWebsummingupthedesigntrendAh, wehavebrutalisminarchitecture.
I mentionedaboutclippingandmaskingwhich, formeordislikescissorsinCSSwayhavevariablefontswe'vegotBlend, Moz.
I didn't mentionwriting, Moz, butthisisalsosupercoolandsupercreative.
Doyouhave a dick?
Differentwaysofshowingandaligningthetext.
So I holdthat, um, youfeelinspiredyourfriendinspired.
And, um, you'reeagertostartdiggingintoCSS.
Andbefore I finishmytalk, I actuallywouldliketoinviteyoufor a quiz.
I havesomesomepricesCandiesfromPolandandstickersfromtheawesomeTzeandoh, what I'd liketoyouwhat I'd liketoaskyou, umrightnowisto, umpairupwithsomeonefromfromtheaudience.