SEO

Showing posts with label W3C. Show all posts
Showing posts with label W3C. Show all posts

March 15, 2019

Lea Verou Λία Βέρου ✿ CSS Secrets ✿ — @LeaVerou







Lea☺VerouPeachpuff Lemonchiffon







  • Discipline is dynamite.


    Scratch deeper and surprise.


    How color?


    What color?


    Which color?








The Chroma Zone: Engineering Color on the Web

We use color every day, but how well do we really understand it? More often than not, we are merely scratching the surface of a large and complicated discipline. In this dynamic session, we will scratch a little deeper, and you will be surprised at how deep the colorful rabbit hole goes.
How does color work on our screens?
What’s the difference between color models and color spaces?
Which existing features of CSS Color are we undercutting?
What’s in store for CSS Color level 4?
This is not a design talk, it’s a technical talk about the inner workings of one of the most important design aspects, with many practical takeaways. Whether you identify as a designer or a developer, you will walk out of this session with a newfound confidence about anything color related.
More about Lea
Lea previously worked as a Developer Advocate at W3C and currently spends her days writing & designing her first book (“CSS Secrets”), published with O’Reilly in 2014. She has a long-standing passion for open web standards, which she fulfills by researching new ways to use them, blogging, speaking, writing, and coding popular open source projects to help fellow developers. She is an Invited Expert in the CSS Working Group, which architects the language itself. Although she holds a BSc in Computer Science, Lea is one of the few misfits who love code and design equally.

  • Lea Verou Greek: Λία Βέρου; born June 13, 1986 is a front end web developer, speaker and author, originally from Greece.
  • Verou is currently a Research Assistant at MIT, CSAIL in David Karger’s Haystack group and an Invited Expert in the W3C CSS Working Group.



    Verou has written a book on advanced CSS for O’Reilly, worked for W3C/MIT, given over 60 invited talks around the world, released several open source projects, co-founded a Greek startup called Fresset Ltd (which she left in 2011).

    She has written articles for some of the biggest industry media, including A List Apart and Smashing Magazine.





  • Ref



    "Lea Verou's homepage".


  • ^ "CSS Secrets".





  • ^ Gilbertson, Scott (15 February 2013). "Interview: Lea Verou on Why Web Standards Matter and How You Can Help". Wired magazine. Wired.





  • ^ "Speaking".





  • ^a"Smashing Magazine"





  • ^ "Lea Verou's CV".





  • ^ Verou, Lea (16 December 2011). "Introducing dabblet: An interactive CSS playground".





  • ^ Verou, Michailia (March 2013). Dabblet (B.Sc. thesis). Athens University of Economics & Business.





  • ^ Help ✿ dabblet.com





  • "Smashing Magazine - PrefixFree: Break Free From CSS Prefix Hell".





  • "Get Beautiful Syntax Highlighting For Your Website Code".


  • March 4, 2019

    Eyedropper NEW Firefox 31 (mozilla developer tools)









    Eyedropper - Firefox Developer Tools | MDN








































































































































    The Eyedropper is new in Firefox 31.

    The Eyedropper tool enables you to select colors in the current page. It works like a magnifying glass over the page, enabling you to select with pixel precision. Underneath the magnifying glass it shows the color value for the current pixel using whichever scheme you've selected in Settings > Inspector > Default color unit:

    You can use it in one of two ways:

    • to select a color from the page and copy it to the clipboard
    • to change a color value in the Inspector's Rules view to a color you've selected from the page

    Copying a color to the clipboard


    Open the Eyedropper in one of these two ways:

    • select "Eyedropper" under the "Web Developer" menu
    • open the Page Inspector tab and click the eyedropper button in its toolbar

    As you move the mouse around the page you'll see the current color value in the Eyedropper change. Clicking copies the current color value to the clipboard.


    Changing a color value in the Rules view


    Color values appearing in the Inspector's Rules view have color samples next to them: clicking the sample shows a color picker popup. From Firefox 31, the popup contains an eyedropper icon: click this icon to activate the Eyedropper.

    Now, when you click the Eyedropper, the color in the Rules view is set to the color you selected.


    Keyboard shortcuts


    Command Windows macOS Linux
    Select the current color Enter Return Enter
    Dismiss the Eyedropper Esc Esc Esc
    Move by 1 pixel Arrow keys Arrow keys Arrow keys
    Move by 10 pixels
    Shift + arrow keys

    Shift + arrow keys

    Shift + arrow keys