Lea Verou, "More CSS Secrets: Another 10 things you may not know about CSS" at W3Conf 2013

[@MinopolisMc]

So great to watch this now where almost all of these techniques have great browser support. What a time to be alive.

[@ErosNicolau]

Great presentation. Added bonus: the hipster chick gone to a CSS conference to... knit (see at 23:00 )

[@angiek.titova8495]

You know you don't need hands to listen, right?

[@ErosNicolau]

We guys tend to have a MUCH LESS active distributive attention... Just give us something to fiddle with and our whole attention span is exhausted instantly!

[@MaxArt2501]

*Very* interesting talk. I thought I was about to watch just a couple of minutes of it, but I ended up watching all of it. It was very challenging to guess the techniques an instant before she could say them! Some needed a little more time to be conceived, of course. Very clear explanations, and excellent call on the Google Reader effect. Keep it up, Lea!

[@hwlm]

Brilliant talk! i'm blown away.

[@caseynewman3073]

If you would care to watch till the end you'd realize that somebody asks that question at around 51:20, and she gives a very good explanation of how to achieve it the correct way...

[@KevinKlonne]

I like the lightbox transition. Good browser support.

[@wangshijun]

great presentation , great speech!

[@bichitomax]

Abosolute beautifull presentation, all this examples had inspired me to redising my website.

[@ditoway]

Great talk, learned a lot of things I didn't know about CSS3.

[@bichitomax]

Hi, was wondering if is posible that i can upload this and some others videos of this channel in my channel with some subtitles added to them so people in my country can learn from them too.

[@KevinKlonne]

'Reenie Beanie', you can find it on Google Webfonts

[@FarroDarrel]

Where can I find more video's like this. Not only Lea's video's.

[@NikkexD]

This was awesome indeed, i learned quite a bit!

[@eedali77]

The Apple Logo is choked by all the other logos on the laptop! Awesome CSS tips, thanks!

[@cristianAndrs]

I have a question about to the 8 trick; the thing is if i want to make a website with parallax.js i need to put a simple box at the beggining of the site, then i need it to be with blurred background; I set every property as Lea Verou explains to settle in properly; however when i need to scroll down the site suddenly i see that the box background and the body background don't match...what may i do in this case? does anybody know how to solve this? Thanks

[@TonyBrowndesignanddevelop]

excellent, everything Lea does is very good

[@ShivamSharmabtp]

is there any link to previous talk of series ?

[@alirezavaziri]

What is the editor that she is using? It shows the changes to css instantly

[@JohnAttebury]

Great talk. Thank you.

[@cristianAndrs]

Does anybody knows how to make the lastest animation? (the penguin figure one)...i took the code i could see, then prepared the html document also linked the css but it did not work at all. Thank you to anyone may help me ...

[@ashnur]

The first example she gave was exactly the opposite what Google Reader has. She had the shadows when she couldn't scroll more, and for indicating that there is more content in that direction...

[@ashnur]

Yes, thank you, some people already pointed it out, I tried to thank them, but made a spelling mistake so I deleted my comment to write it correctly, and I have not been able to reply there since because of some unexplained error. I wrote my comment when I was still watching the video, and sadly, before I could have watched the whole thing something else, more important to pay attention to, came and I never got to the end.

[@foljs]

Wow, what a tough crowd (re, the Android support thing). The presentation was excellent in any way.

[@therealorberon]

where's the rest of the talk? :(

[@axeclanable]

THIS IS INCREDIBLE!

[@xXSythenXx]

Wow, some of the questions are ripping out of her, she handles herself very well in confrontation.

[@dogwithamug]

what is the live coding software lea used?

[@jasonhuang4453]

The calc method to simulate margin auto breaks once you use box-sizing fix

[@kulasstar]

Man those guys that asked the question at the end were brutal.

[@bichitomax]

That is here framework called CSSS, if you want it, clone it in github.

[@oidoperfecto]

Interesting talk!

[@AdamAmbrus]

but the google reader shadow behaves exactly in the opposite way than it was presented here... ?

[@sharpcsharp]

I think another use case in support of CSS "tricks" is for CMS users. Many CMS tools prevent content editors from modifying scripts. Certainly a developer can code things to use javascript, but there are places where it makes sense to use cool tricks to differentiate your content. Fun presentation!! Thanks for sharing.

[@LeaVerou]

If you had watched until the end, you’d see that someone pointed that out, and I fixed it.

[@cjpatoilo]

Nice talk Lea!

[@acche-rc]

where are the slides? I don't have time to watch the whole video...

[@StacyKvernmo]

Wonderful presentation. You are way too knowledgeable, Lea :) I love the way you think through things and provide solutions. Wondering if the people at the end who asked the dumb questions know that these are just demos of what you can do, not something you are saying to take as is. These type of condescending questions are the reason people shy away from speaking.

[@qonf]

Stacy Kvernmo I found the questions pretty good, couple of the comments though... People attending talks need to realize that people are there to hear the speaker, not you. Keep your 10 min spiel about your pet peeve to yourself.

[@alxmtncstudio2066]

Honestly, as a man who usually don't make much fuzz about other men (feminists are already on the task quite heavily and often ignorantly), it all felt mansplaining to me and it was quite a disappointment RIGHT when I expected the guys in the audience to throw some kudos at her. She was and is straight awesome, and deserved to be treated with respect for her knowledge and skills, not treated like she offended the pride of men now trying to downsize her because she knows better. Ridiculous.

[@Jonle28]

@ 48:44 minutes "I'm a programmer, but I'm also a knitter."

[@shaminderossan]

hahaha....i was wondering how no one saw that

[@eedali77]

Did you guys noticed the "needle work" @ 48:44 ? what the hell!

[@greenspand]

She is brilliant. Free fall thinking.

[@blahblaahblaaah]

I love that someone in the audience is *knitting* at 23:00 haha

[@santirez]

omFg.... hahaha that justify without hypenation in text bothers me all the time... now i have a solution..... mindblowing.

[@AlvaroDiazCastro]

Lea gracias por Compartir Sus Secretos . #master {}

[@melopt]

The presentation is very very good, recommended. Yet, the video keeps switching to a general audience plan, or a plan of the speaker, and loose the slides entirely right in the middle of an explanation of a technique. That's just mean and sadistic :)

[@cristianAndrs]

Thank you ;) you r very kind.

[@aurelianspodarec2629]

This is great! And she's too, and she seems nice as well.

[@SandeepHugar]

Nice one...........

[@cristianAndrs]

I liked the last one animation ..

[@QuentinUK]

June 2015

[@LeaVerou]

It’s CSSS, my slideshow framework github.com/LeaVerou/CSSS

[@LeaVerou]

You need prefixes to use CSS animations today (in the future we won't). Or you can just use -prefix-free instead at leaverou.github.com/prefixfree/

[@cristianAndrs]

Lea V. is kinda css god XD... As I can see she knows a LOT!

[@mamboreina79]

Dmitry Shmilo and nahjos: I personally think there is nothing wrong about knitting while attending a talk, I mean, you can use your ears while knitting and so you can make the most of your time (maybe she is a recent mother AND a working mother and doesn't get a lot of free time). I find it much more disgusting and disrespectful when people go to a talk and sit in there only to be checking their email or github or web project or whatever. I mean, if you're not interested in the talk and have more important things to do, why do you attend that talk to begin with? I hate when I am giving a talk and people can not raise their heads from their laptops. It's like "Hey, I'm here, you know? talking to you. I'm gonna throw that laptop of yours out of the window." I really wouldn't mind a person that is knitting while listening to me. My mother used to do it while watching films or tv shows with me, and we used to comment what was going on or laugh together at the funny scenes, so clearly she was getting what was happening on the screen. Of course this is just my opinion.

[@nahueljo]

I never said it was wrong or stupid... It just came as a shock or something weird that maybe you wouldn't see at a CSS/HTML talk... That's all.

[@bdspx]

lea

[@base4our]

What a bunch of shitty questions... she handles them all like a pro.

[@zir1010011010]

watch to the end :)

[@nahueljo]

WTF. Is someone knitting at 23:00 ?

[@adammurphy6380]

More i relisten to what he is saying, I have to disagree with his conclusion. He is claiming the fact she is using the background as a reason to use javascript, but I think what he really found to be his solution was using multiple html elements with z-indexes (atleast I think that's how I'd solve it...).

[@georgigeorgiev2219]

Thank you for the video. GOD bless you.

[@DanielZanSalazar]

TAB person here!

[@Diablohu]

NICE!

[@banglabytes-24]

Great! & Awesome

[@Ophiuchus1]

That was great

[@voodoochile80]

Ahah I had the same feeling...but good questions nontheless.

[@evjunk]

Great stuff, thanks! Btw... it's "JIF" not "GIF" for .gif ;) Just spreading the good word. CompuServe for life!

[@ruffocracia]

I want her job :(

[@alundiak]

width: Xch - awesome.

[@inc2000glw]

omg...i learned something.

[@laurentb6563]

nice

[@bichitomax]

Lesson learned: Never comment before watch the entired video.

[@ZarateAdriel]

Lea I love you! :D

[@bichitomax]

Yeah, i feel a little sorry for her , but anyways i would ask the same questions though XD.

[@arminss]

i'm in love. :)

[@BucurIonNiculae]

true :))

[@wazdesign]

Some code snippets from lea dabblet. com/user/LeaVerou

[@cKFSDev]

she is Greek

[@eedali77]

Yeah I just saw that.. Maybe the word "canvas" brought her there! WTF

[@bitume]

23:00 Hipster knittingggg in hhherre!

[@tormahiri1116]

jsbin and dabbled

[@MrJacelee]

I love this girl.

[@hujidzicu]

Am I crazy or this woman at 40:45 is KNITTING?!? :DD

[@juanobrach]

I'm in love her!!! Lea Verou .. :)

[@sweechin8776]

xiny

[@azizsacko7994]

are you sure ?

[@inc2000glw]

she sounds greek or Italian. so hot !

[@AjinkyaBorade]

wtf @48:50 lady weaving socks ?

[@AjinkyaBorade]

hahaha yea may be

[@theAntilli]

Brutal, but never 'because fuck you'.

[@bdspx]

lea's dabblet.com

[@ipestov]

)))))))

[@bichitomax]

hahaahahahahahahahahhaahhahahahahahaha

[@xnBasher]

I saw CSS and thought Counter Strike Source , i lost 1hour of my life because you :( im mad

[@alxmtncstudio2066]

fukin loled at this

[@dmitriybismark]

24:01. Knitting? Seriously?