Latest CSS News - Talk.CSS #50

yeah okay um hello everybody in the zoom

we got zoom bombed just now so I guess

it was a good thing that we are we have

our own junk channel sorry to whoever's

on YouTube so anyway welcome to the 50th

edition of top CSS we unfortunately

cobia see a thing

in singapore for the benefit of our

audience some of whom I know you not

reasonable we have our own phone for

shelter in place most air home or MC or

depending Macaulay circuit breaker or CB

it is a appropriately Singaporean

synonym I assume that only the locals

will get the job that's Nivea day so

because the situation is like that we

asked you online we are even more online

than before because we used to be like

ok speakers just harder in one Hecker

space and everybody else be at home now

everybody is at home so amazing so

anyway we have we have a Twitter

presence Singapore CSS we have a hashtag

foxy SS you see if you're lucky tone is

a bit of a rocky um necks so you can

find us these links nobody uses them so

so I have a coupon that we do not

tolerate harassment of participants of

any kind

we got zoom bomb so clearly we you do

better but in general I think the rest

of you have led some people so yes a

conscious behave yourself or your baqia

showed us two engineers but as we who

will contain the post produced cuts of

all the tongs foodie and envy you must

also as always

sada Cheon who is a keen on Singapore he

is not around in this particular me that

this particular time but know that we

will always give him a mention because

he printed the first scoffs because they

say most yeses ever heck

we also have friends we cannot well

offshore our system it that Singapore

yes we still going on I think

occasionally in if there is every month

there are middle of the man we are sorry

man our best friend me back in school we

are knowledgeable we have a link we have

assigned monitors an event hosted a man

in the webs it has not changed for the

past four months color the man by

anybody not everybody might my favorite

segment is a colored man so in case you

don't know there are a hundred and forty

eight named CSS colors which is enough

for twelve years plus per class worth of

meetups we are at about year for so

don't worry loss or constable colonel

man is blue it's rather longer names but

remember when you are using a CSS color

no spaces no dashes no underscores it

just one single long word you can read

it however you want you can say Khan

flow blue but like I think it's

compatible so if you don't like expose

you don't like RGB air quotes you can

use this English word beautiful English

word contra very come from coneflower

bro is a shade of a medium to light blue

containing relatively little green

competitive through this hue was one of

the favorites of a famous Dutch painter

johannes vermeer i think i put on his

name but never mind the most valuable of

blue sapphires are also called

cornflower blue this is a very valuable

color here named CSS colors actually

were food from the x11 colors so this

control blue was further

initial set of 68 that was committed to

the x11

repo on the 19th of august 1985 just

useless trivia that you probably never

need to know so the agenda for today is

if the ever CSS news of a month and

very long oh my god I always want that

is it is it because everybody is stuck

in woman they like oh yeah let's just

push in Jersey and write more spectrum I

did everything I don't know really long

and then a lot of people wrote because I

hope people make coat pants so I'll just

highlight a few of the more interesting

ones yeah and then we have watch new

HTML by our original co-founder

Christina Danny all the way from

Melbourne so nice like in the wrong time

zone but hi hi Chris thanks for coming

and we have a intervention by also

familiar locals because they'll who

probably is like bouncing his daughter

on his knee right now so I'm gonna move

on to the news let's see okay Gary of

these share profits cream sue me so I'm

really okay HTML and CSS news for a

month of me so 35 Firefox 35 was

released me

so a bunch of bug fixes lots of blah

blah blah the only thing I wanna talk

about is mean function meant next

function and claim functions so these

mathematical okay no any mathematical

but like CSS functions have been

implemented in 75 so it allows for range

of values which is really cool because

we never used to be able to avenge the

first inkling of a range of to actually

do you have this grid you could use a

min max function is in the context of

greet and now that these like a more

generalized functions and come out you

can use min Max and clap so what mean

does is that you accepts one or more so

you can put in a bunch of values you

will and already it's it won't return

you on your use and it's called a

maximum a lot value based on my way

you want it to be Max is converse so

it's like a minimum a lot value and then

Clem is like the there's a maximum in so

so this is something in 75 so it's like

stable so like everyone can go and try

you don't have to go and tweet your

settings to do it there is something

that I want to talk about the thirst

require that little so there's also a

runner posts from hex not Mozilla where

they talk about all the features in in

75 so that's quite good

let me refresh these because I pushed a

change five seconds ago

Safari technology preview so it's the

Safari bow-window popper logo and I

think they do release us every two weeks

so it's it's quite nice cause they this

is literally I think the the letter sync

with us of features that you can find

our browser before I do shit on Safari

but suffice technology preview is

actually pretty good if you want to see

implementations on the very new staff so

for example there they they put in

selectors lever for support for these

units LH which is line high and I think

so LD h is equal to compute the value of

line hi Wow good eh RH is I believe line

height of the root element as opposed to

the current element there's a samurai

Atika on CSS tricks so it's also in in

the links West Was see okay CSS colorful

Gilad is a bug fixes so no longer to

worry this is fun

okay the entire process like when you

own I love this bar Oh issue report

because we've the river of river there

is a CSS value known as Reaper

I think when chromium first released it

as an issue so they like me but

everybody before me but in your back

again so if I just like this paper I'm

like come on guys

amazing the get property is finally in

Chrome Canary

I mean Firefox had it for so long and I

just get in so many places and I'm

always at the right for back for for for

Chrome and now okay okay is in canary so

hopefully eventually you'll be like

standardized which would be nice and

also my not so secret not very secret

secret agenda is to solve like have

convinced chrome people that they need

better great tooling because if you use

the if you are you using chrome to do to

greet there's no numbers and and stuff

like that oh no numbers I mean you it is

slightly similar to the what you call

Firefox implementation this is a good

sign my friends so yeah yes browser News

News is surprisingly long cuz they have

been months where I had no spec updates

but this month we have a long list so

speech CSS speech mode you can read it

recommendation actually corvini so I

don't think a lot of people are we're

familiar with CSS P because I it should

be thought I mean the proportion of

people who are very familiar with screen

media readers I also not that many I

realized there is around because he

actually got into a lot of the

accessibility stuff so if you have any

questions I believe we can answer them

I'm just putting this out there so the

the speech mode you basically just

defines oral CSS properties so so I

guess you can saw lifestyle the way the

the screen is gonna go meet the text so

that's that's pretty interesting color

just one module one very very new spec

so what it does is for user user

preferred color preferences

so you'd have things like color scheme

property so like that whether this post

color adjusts so it almost put in for

light you can force a more accessible

color scheme I believe so it's very very

new and like initial working drugs and

things but then these this is a either

pretty cool I always love the color in

later modules so maybe I'm biased media

queries level five

I'm glad data I talked about is a past

couple months cause they've been doing

ampere work on it so I think they just

pushed a new update properties and

values API level one so I wanna this is

not new like no ambience but I just

wanted to point it because CSS tricks

also release and I think on the property

value I also it was quite new to me

because it's so draft is so drunk that

right you might not even be real but

what it's supposed to do is it

represents a custom property

registration directly in your socket

without having to run any guess so

that's pretty cool that's pretty

interesting so this is kind of more it

is very later to like the Houdini and

the custom properties segment of CSS so

those are this is something that is

interesting to you this is something to

look out for it really looks quite

interesting CSS box model is a spec in

and of itself

so basically was split out from CSS to

point to I want to where it was a false

way and I think the chapter 9 on the

feature section it was for sports model

which he talks about the margin padding

I think borders is more in here but they

are just splitting it out and defining

it in its own spec and and they are meet

at level 3 and split some stuff out to

level 4 but essentially this is respect

that focuses just on the box model I

think this is better because they're

going to more in depth about how it

works as well more diagrams which you

know one was so confusing I don't know

if you ready ice there any like for some

other presentations I have to do

you don't understand this is English

it's not but this one is so you can give

it a try

CSS text module about three what in

graph was also it update that text

module is nice so basically this is the

module that covers the bit that does

your line breaking justifications

alignment your whitespace handling and

stuff text transformation and here is

also where there's a bit of

internationalization aspects to it

because there's there's certain

properties for example hiding

punctuation this property at least quite

specific to typesetting for Han

characters is Agent X so I also quite

quite fond of this module a rubies is

tangentially related to East Asian text

because Ruby is annotation on top of

life it is not language specific but

it's most commonly seen for East Asian

text so it's kind of like to indicate to

you how to read each character so you

can do this on the web there's a ruby

element and corresponding CSS for you to

spell it and I think they are making it

more granular in terms of how you wanna

lay out like the spacing between the the

ruby characters and the main characters

whether whether you want them aligned to

the site or how it's going to be you

know spaced out so this is what the CSS

Ruby module covers and the corresponding

HTML element is a ruby element so if

that's something that you work with

probably you'd like to you know look

into this a lot of interesting means is

like way more links that I normally put

in CSS findings from the new Facebook

design is really interesting because I I

think most people got like the new

roller right is my last man so this

gentleman he's like a CSS working CSS

encyclopedia he he goes into very

in-depth into CSS for this

but he also does these like case studies

so I mean like following him on other

things really really interesting

articles that look was really suspect

overflow so they talked about how they

influence that it I thought this was

really nice so there's the functions

that we talked about and this is CSS the

control text selection just in case you

didn't know but I want to have a look or

pens section because this lady said I

can't pronounce her last name so I'm

just gonna try Sarah for sign these are

like he's a professional interest come

on

as you can see the CSS column empty this

is not an image my friends its CSS so

like since everyone's playing anymore

crossing I guess you know the sick it's

a very a piece of art on this these look

quite cute yeah you can own and also on

a highlighter kit because you know it's

okay so yeah any made that small X so

like that's nice again ice cream is for

for I love people and in their creative

with I also have a favorite HTTP status

code we can talk about this like next

year's April Fool's Day this is very

very nice and is spring is over

Sampo is very horn I'm very unhappy but

so let's just look at a can typing so

anyway that's it for news updates I've

dragged this on long enough so I'm gonna

hang over to Chris stop share

[Music]