Projects

Here you’ll find a list of tools, libraries, polyfills and other kinds of open source scripts I’ve developed over the years. Some of them only work in recent browsers. Also, obviously if you use a tool to help you with an experimental CSS feature, it probably won’t work in browsers that don’t support that feature.

Contrast Ratio

Contrast Ratio is a modern tool for testing whether a combination of colors passes WCAG 2.0. It accepts any CSS color the browser accepts, including semi-transparent colors, color keywords, HSL(A) colors and the like. You can also share color combinations with others by just sharing the current URL.

Prism

Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands.

Dabblet

An interactive CSS playground. Pretty much my most successful project so far, with thousands of visitors every day.

Animatable

A CSS transitions gallery that shows what’s possible with even the most basic of transitions: one property, two values.

-prefix-free

-prefix-free is a library that allows you to write standard, prefix-less CSS and have the necessary prefixes added on runtime. It uses feature detection for almost everything.

cubic-bezier.com

A tool that helps you work with the easing functions of CSS3 transitions & animations and share them with others.

CSS.coloratum

A tool that helps you convert between the different CSS-accepted color formats (including name keywords) as well as share them with others.

CSS3 patterns gallery

An interactive gallery that demonstrates what’s possible with just CSS gradients. It also allows you to edit the code, to experiment with gradients yourself.

Chainvas

Chainvas is a tiny generic chaining library that can make any API’s methods chainable (like jQuery). Official plugins for the DOM and the Canvas API included.

Incrementable

A script that enables incrementing/decrementing multiple numeric values in textfields with the keyboard arrow keys.

CSSS

My popular slideshow framework, built exclusively with open web technologies. Includes plugins for editable CSS regions, syntax hightlighting and more.

rgba.php

A server-side script that automatically generates semi-transparent PNGs to be used as fallbacks for RGBA colors.

  • Pingback: Adrian Parr's Blog » Blog Archive » HTML, CSS & JS Online Code Editors/Playgrounds

  • Pingback: CSSquirrel : Goggles Are In | opinions and news on web design by Kyle Weems

  • rex_mizan

    Great works!!

  • Phil

    Love your Work! Thank you!

  • http://www.facebook.com/keonne Keonne Rodriguez

    You’re pretty amazing Lea. This is an awesome body of work.

  • Pingback: Adrian Parr's Blog » Blog Archive » -prefrix-free

  • Eduard Gotwig

    Hey, might you please take a look at http://tantaman.github.com/Strut/web-dist/index.html ? its an web based editor for presentations, realized with impress.js as library.

  • http://twitter.com/Raymandesign Rayman Design

    Congratulations Lea V is cool this work

  • Pingback: Site under construction » Sample Page | frank hague

  • sd

    dsfsdsd

    • df

      dfdf

  • Tom

    How old are you? You don’t waste time right?

    • http://lea.verou.me/ Lea Verou

      26. Oh I waste plenty of time :) Wasting time is the best way to get new ideas ;)

      • Aklavya

        It just awesome ! ..and looking coolest all of your project…… Lea .. I Salute your work…. i really get newest idea by giving time to your website..Thanks.

      • http://twitter.com/SATYABRATAA SATYABRATA DALAI

        now i am thinking to waste time more more times ..to get new ideas….

      • http://www.facebook.com/WeslieKhan Weslie Khan

        I thought I was the only one doing that…best of luck

      • Danu

        woman can never pass the age 26 :P

      • Eddy

        Seeing that you are only 26 and have accomplished so much has inspired me to accomplish even more by the age of 25. Thank you for this.

      • Govind Yaswanth

        She had started her technical life from the stage, when we are still fighting with graduation.

        She started her technical life in her diploma itself

      • http://www.bixal.me/ Bilal Khoukhi

        Are you still 26?

        • http://lea.verou.me/ Lea Verou

          As you can see, that comment was posted over a year ago. I don’t have time-stopping superpowers :P

        • http://www.bixal.me/ Bilal Khoukhi

          I also saw a comment by someone say that women can never pass 26 :P , Plus I saw your pics, you don’t look 27 at all

  • Per Rosendahl

    Awesome work!

  • HaroonAbbasi

    Amazing list of work.

  • dhiran

    Great jobs!

  • shivam chopra

    You are pretty cool…!!! you’ve done amazing work.

  • http://www.facebook.com/arnoldroa Arnold Roa

    You are amazing!

  • Pingback: Wi Fi Horizon, use copoun inside

  • http://www.facebook.com/kkxlkkxllb 心吾

    膜拜大神!

  • http://www.facebook.com/people/Srirang-Gawli/804079285 Srirang Gawli

    Excellent Work Lea…

  • Gujaalboy

    I love you!

  • <OMG

    Amazing works Lea , youre amazing girl too.

  • Pingback: Clean and Simple CSS Patterns | The Jeremy Moss

  • Jayme Cousins

    I bow before the brilliance!

  • http://www.facebook.com/cocotopia Jorge Luis Dueñas

    Congratulations :) you’re so amazing

  • Pingback: Dabblet : A project by Lea Verou

  • Barun Bhaumik

    I want to create blog section.Can you help me.please mail me.

  • Barun Bhaumik

    You and your thinking is cool. Are you 26. But your new ideas are too excellent for me.I am a web designer and I used your tutorial for my design.Many many thanks to you.

  • Barun Bhaumik

    I am wordless to appreciate you!!! You dont know what you have created for us, the wed designers cum developers. I personally appreciate you “carry on”.

  • rewrwr

    erqrw

  • http://www.facebook.com/kukreja.hemant Hemant S Kukreja

    What inspires you to do all this!! Everyone has a stoppage but it doesnt seems in your case!

  • Pingback: Personalities that Web Developers Should Follow to Get Helpful CSS Tricks

  • Joby Tom

    Great Works!

  • razaqnice

    superr

  • DanOwen

    Love your CSS3 Secrets slideshow. It’d be nice if you indicated Chrome compatibility.

  • Pingback: Персоналии: Lea Verou | GEEKFEMINISM.RU

  • MockingBird

    I love your works so much, Lea!!

  • tormahirtormahiri

    مەن سەل ھەيران قالدىم
    i wondering little bit

  • Pingback: What Are You Using? | DK Studio Home

  • Mampel

    Nice work Lea Verou!

  • Kshitiz Rimal

    your profile is inspiring, i knew about your projects but i didn’t know it was build by you. amazing collection

  • David Hc

    Dude, i love prefix-free.js :) a nice work. I free from hell now :p

  • carlos

    This it my new best place, Regards lea excelents work.
    Hug from the south of world

  • Bruno Gomes

    rgba.php Makes my life so much better. Thank you for that! <3

  • Patrick Matthews

    your site certainly taught me something new today!

  • Pingback: Notthatred | Dabblet

  • victor alfonso caballero cabre

    WTF HELLO FROM PERU, UR PROJECTS ARE AWESOME!!!

  • Marcelo Silva

    Amazing projects!!! Hugs.

  • tomjamescn

    So Greate Job!

  • Eriky Pessoas

    I’m your fan….
    Great works

  • Massimo Ivaldi

    I am admired: you are a great artist

  • Kareem Ahmed

    i think this list needs “colorzilla” http://www.colorzilla.com/ added to it they have the best CSS Gradient Generator i have ever seen on web

    • http://lea.verou.me/ Lea Verou

      As I thought was obvious, this list is projects I’ve made. I didn’t make ColorZilla, so no it’s not missing from the list. You just misunderstood what the list is about.

      • Kareem Ahmed

        i’m very sorry for that mistake .. i must have been excited to see lots of lovely tools in one place that i thought of adding another, and forgot to read the paragraph above :) .. again sorry

  • http://d-sign.name/ Alexander Wasilich

    Thank for the “prefixfree.js”!!!
    But what about “filter: greyscale (%);”

  • http://technoknol.blogspot.com/ TechnoKnol

    Awesome… It looks like you have Ph.D. degree in web developing :)

  • Pingback: Shaping CSS | Web Design Weekly

  • http://architektura.me/ Architektura Architekt

    chapeau bas

  • william otto

    you’re so cool, finding this now makes me sad about leaving the world of web design,,,

  • http://sociao.tumblr.com/ Chris Lowles

    Thank f**k I found -prefix-free