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]