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

Sdílet
Vložit
  • čas přidán 24. 02. 2013
  • W3Conf is W3C's an­nual confer­ence for web pro­fes­sion­als. If you are a web devel­op­er or designer want­ing to hear the lat­est news on HTML5, CSS, the open web platform and your place in it, come join us!
  • Věda a technologie

Komentáře • 104

  • @MinopolisMc
    @MinopolisMc Před 8 lety +4

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

  • @ErosNicolau
    @ErosNicolau Před 8 lety +17

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

    • @angiek.titova8495
      @angiek.titova8495 Před 7 lety

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

    • @ErosNicolau
      @ErosNicolau Před 7 lety +1

      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!

  • @bichitomax
    @bichitomax Před 11 lety

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

  • @caseynewman3073
    @caseynewman3073 Před 11 lety

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

  • @hwlm
    @hwlm Před 8 lety +1

    Brilliant talk! i'm blown away.

  • @eedali77
    @eedali77 Před 11 lety

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

  • @MaxArt2501
    @MaxArt2501 Před 11 lety

    *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!

  • @wangshijun
    @wangshijun Před 11 lety

    great presentation , great speech!

  • @ditoway
    @ditoway Před 11 lety

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

  • @NikkexD
    @NikkexD Před 11 lety +1

    This was awesome indeed, i learned quite a bit!

  • @axeclanable
    @axeclanable Před 11 lety

    THIS IS INCREDIBLE!

  • @JohnAttebury
    @JohnAttebury Před 11 lety +1

    Great talk. Thank you.

  • @TonyBrowndesignanddevelop

    excellent, everything Lea does is very good

  • @kulasstar
    @kulasstar Před 11 lety

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

  • @KevinKlonne
    @KevinKlonne Před 11 lety

    I like the lightbox transition. Good browser support.

  • @CJPatoilo
    @CJPatoilo Před 11 lety

    Nice talk Lea!

  • @ashnur
    @ashnur Před 11 lety

    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.

  • @cristianAndrs
    @cristianAndrs Před 11 lety

    Thank you ;) you r very kind.

  • @OidoPerfecto
    @OidoPerfecto Před 11 lety

    Interesting talk!

  • @ashnur
    @ashnur Před 11 lety

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

  • @AlvaroDiazCastro
    @AlvaroDiazCastro Před 11 lety

    Lea gracias por Compartir Sus Secretos . #master {}

  • @foljs
    @foljs Před 11 lety

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

  • @aurelianspodarec2629
    @aurelianspodarec2629 Před 7 lety +1

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

  • @base4our
    @base4our Před 9 lety +10

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

  • @blahblaahblaaah
    @blahblaahblaaah Před 11 lety

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

  • @greenspand
    @greenspand Před 10 lety +4

    She is brilliant. Free fall thinking.

  • @KevinKlonne
    @KevinKlonne Před 11 lety

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

  • @SandeepHugar
    @SandeepHugar Před 10 lety

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

  • @georgigeorgiev2219
    @georgigeorgiev2219 Před 9 lety +1

    Thank you for the video.
    GOD bless you.

  • @xXSythenXx
    @xXSythenXx Před 10 lety +5

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

  • @bichitomax
    @bichitomax Před 11 lety

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

  • @bzaman_
    @bzaman_ Před 11 lety

    Great! & Awesome

  • @cristianAndrs
    @cristianAndrs Před 11 lety

    I liked the last one animation ..

  • @Ophiuchus1
    @Ophiuchus1 Před 11 lety

    That was great

  • @ShivamSharmabtp
    @ShivamSharmabtp Před 6 lety

    is there any link to previous talk of series ?

  • @bichitomax
    @bichitomax Před 11 lety

    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.

  • @FarroDarrel
    @FarroDarrel Před 11 lety

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

  • @cristianAndrs
    @cristianAndrs Před 11 lety

    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

  • @LeaVerou
    @LeaVerou Před 11 lety

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

  • @DanielZanSalazar
    @DanielZanSalazar Před 11 lety

    TAB person here!

  • @cristianAndrs
    @cristianAndrs Před 11 lety

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

  • @bdspx
    @bdspx Před 11 lety +1

    lea

  • @Diablohu
    @Diablohu Před 11 lety

    NICE!

  • @arminss
    @arminss Před 11 lety

    i'm in love. :)

  • @melopt
    @melopt Před 11 lety +1

    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
    @cristianAndrs Před 11 lety

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

  • @santirez
    @santirez Před 10 lety +1

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

  • @sharpcsharp
    @sharpcsharp Před 11 lety

    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.

  • @evjunk
    @evjunk Před 11 lety

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

  • @inc2000glw
    @inc2000glw Před 11 lety

    omg...i learned something.

  • @alirezavaziri
    @alirezavaziri Před 11 lety

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

  • @StacyKvernmo
    @StacyKvernmo Před 9 lety +2

    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
      @qonf Před 9 lety

      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
      @alxmtncstudio2066 Před 3 lety

      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.

  • @ZarateAdriel
    @ZarateAdriel Před 11 lety

    Lea I love you! :D

  • @jasonhuang4453
    @jasonhuang4453 Před 8 lety

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

  • @Jonle28
    @Jonle28 Před 11 lety +2

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

    • @shaminderossan
      @shaminderossan Před 7 lety

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

  • @LeaVerou
    @LeaVerou Před 11 lety

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

  • @eedali77
    @eedali77 Před 11 lety

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

  • @bichitomax
    @bichitomax Před 11 lety

    Lesson learned: Never comment before watch the entired video.

  • @LeaVerou
    @LeaVerou Před 11 lety

    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/

  • @dogwithamug
    @dogwithamug Před 11 lety

    what is the live coding software lea used?

  • @therealorberon
    @therealorberon Před 11 lety

    where's the rest of the talk? :(

  • @QuentinUK
    @QuentinUK Před 9 lety

    June 2015

  • @AdamAmbrus
    @AdamAmbrus Před 11 lety

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

  • @voodoochile80
    @voodoochile80 Před 11 lety

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

  • @acche-rc
    @acche-rc Před 11 lety

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

  • @mamboreina79
    @mamboreina79 Před 10 lety +2

    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
      @nahueljo Před 10 lety +3

      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.

  • @zir1010011010
    @zir1010011010 Před 11 lety

    watch to the end :)

  • @laurentb6563
    @laurentb6563 Před 6 lety

    nice

  • @BucurIonNiculae
    @BucurIonNiculae Před 11 lety

    true :))

  • @bichitomax
    @bichitomax Před 11 lety

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

  • @ruffocracia
    @ruffocracia Před 11 lety

    I want her job :(

  • @adammurphy6380
    @adammurphy6380 Před 11 lety

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

  • @alundiak
    @alundiak Před 11 lety

    width: Xch - awesome.

  • @hujidzicu
    @hujidzicu Před 11 lety

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

  • @nahueljo
    @nahueljo Před 11 lety

    WTF. Is someone knitting at 23:00 ?

  • @juanobrach
    @juanobrach Před 9 lety +2

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

  • @tormahiri1116
    @tormahiri1116 Před 11 lety

    jsbin and dabbled

  • @MrJacelee
    @MrJacelee Před 11 lety

    I love this girl.

  • @eedali77
    @eedali77 Před 11 lety

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

  • @inc2000glw
    @inc2000glw Před 11 lety

    she sounds greek or Italian. so hot !

  • @bitume
    @bitume Před 11 lety

    23:00 Hipster knittingggg in hhherre!

  • @cKFSDev
    @cKFSDev Před 11 lety

    she is Greek

  • @wazdesign
    @wazdesign Před 11 lety

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

  • @AjinkyaBorade
    @AjinkyaBorade Před 11 lety

    hahaha yea may be

  • @Clint3908
    @Clint3908 Před 10 lety

    )))))))

  • @bichitomax
    @bichitomax Před 11 lety

    hahaahahahahahahahahhaahhahahahahahaha

  • @AjinkyaBorade
    @AjinkyaBorade Před 11 lety

    wtf @48:50 lady weaving socks ?

  • @bdspx
    @bdspx Před 11 lety

    lea's dabblet.com

  • @theAntilli
    @theAntilli Před 11 lety

    Brutal, but never 'because fuck you'.

  • @xnBasher
    @xnBasher Před 11 lety +1

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

  • @dmitriybismark
    @dmitriybismark Před 11 lety

    24:01. Knitting? Seriously?