LOKESH DHAKARPROJECTSBLOGNOTESSKETCHESRUNNINGLIGHTBOXLOKESH KANAGARAJLOKESH RAHULNARA LOKESH TWITTERLOKESH REDDYLOKESH GAMERLOKESH

SHARMA

Lokesh Dhakar. I work on the Design Engineering team at Square in San Francisco. Previously I worked at Getaround as the Engineering Lead of the Web Team. See my full work history at LinkedIn.. I created the original Lightbox script many years ago. More recently I created Color Thief.See all my open source projects on Github.. I take photos on Instagram, post designs on Dribbble, and track my RUNNING | LOKESH DHAKAR Running Tracking my progress towards Boston Marathon qualifying. In the chart below, you can see all my recent runs. The goal is to complete a marathon distance (26.2mi) run at a 7:15/mi pace. SKETCHES | LOKESH DHAKAR Aspect ratio trick when going from pixels to chars, skip every other

pixel row.

LIGHTBOX2 - LOKESH DHAKAR Browser support. Lightbox2 has been tested successfully in the following browsers: Internet Explorer. The lightbox-plus-jquery.js file includes jQuery v2.x and supports IE 9+. If you want to support IE 6, 7, and 8, use your own copy of jQuery v1.x with lightbox.js.;

Chrome

BLOG | LOKESH DHAKAR Radio on the Web != Web Radio Feb 7, 2005. Roadtrip 2004

COLOR THIEF

Getting started. The Color Thief package includes multiple distribution files to support different environments and build processes. Here is the list of all the files in the /dist folder and what formats they support:. color-thief.js - CommonJS module for use in Node.; color-thief.mjs - ES6 module. For modern browsers as well as

Webpack and Rollup.

NOTES | LOKESH DHAKAR Reviews. {{ title }} {{ type }} / {{ formattedReviewDate }}

COLOR STACKS

A tool for quickly generating color palettes for design systems. TUTORIAL: STRIPE.COM'S MAIN NAVIGATION 9 min read. Learn about performant web animations using CSS transforms. ↓ Skip to the finished result. Welcome! This is a post in my Dev series, where I attempt to explain and recreate interesting front-end dev techiniques I run across on the web.. In this post, we'll recreate the main navigation (see movie above) from Stripe.com.What's unique about this nav is that the popover container

BASEBALL PITCHES

Title: baseball_pitches Created Date: 9/21/2007 3:48:59 AM LOKESH DHAKARPROJECTSBLOGNOTESSKETCHESRUNNINGLIGHTBOXLOKESH KANAGARAJLOKESH RAHULNARA LOKESH TWITTERLOKESH REDDYLOKESH GAMERLOKESH

SHARMA

Lokesh Dhakar. I work on the Design Engineering team at Square in San Francisco. Previously I worked at Getaround as the Engineering Lead of the Web Team. See my full work history at LinkedIn.. I created the original Lightbox script many years ago. More recently I created Color Thief.See all my open source projects on Github.. I take photos on Instagram, post designs on Dribbble, and track my RUNNING | LOKESH DHAKAR Running Tracking my progress towards Boston Marathon qualifying. In the chart below, you can see all my recent runs. The goal is to complete a marathon distance (26.2mi) run at a 7:15/mi pace. SKETCHES | LOKESH DHAKAR Aspect ratio trick when going from pixels to chars, skip every other

pixel row.

LIGHTBOX2 - LOKESH DHAKAR Browser support. Lightbox2 has been tested successfully in the following browsers: Internet Explorer. The lightbox-plus-jquery.js file includes jQuery v2.x and supports IE 9+. If you want to support IE 6, 7, and 8, use your own copy of jQuery v1.x with lightbox.js.;

Chrome

BLOG | LOKESH DHAKAR Radio on the Web != Web Radio Feb 7, 2005. Roadtrip 2004

COLOR THIEF

Getting started. The Color Thief package includes multiple distribution files to support different environments and build processes. Here is the list of all the files in the /dist folder and what formats they support:. color-thief.js - CommonJS module for use in Node.; color-thief.mjs - ES6 module. For modern browsers as well as

Webpack and Rollup.

NOTES | LOKESH DHAKAR Reviews. {{ title }} {{ type }} / {{ formattedReviewDate }}

COLOR STACKS

A tool for quickly generating color palettes for design systems. TUTORIAL: STRIPE.COM'S MAIN NAVIGATION 9 min read. Learn about performant web animations using CSS transforms. ↓ Skip to the finished result. Welcome! This is a post in my Dev series, where I attempt to explain and recreate interesting front-end dev techiniques I run across on the web.. In this post, we'll recreate the main navigation (see movie above) from Stripe.com.What's unique about this nav is that the popover container

BASEBALL PITCHES

Title: baseball_pitches Created Date: 9/21/2007 3:48:59 AM SKETCHES | LOKESH DHAKAR Aspect ratio trick when going from pixels to chars, skip every other

pixel row.

LOKESH DHAKAR

Projects. Color Stacks - A color palette generator for design systems.; Lightbox2 - The sequel.; Color Thief - Generate color palettes from an image.; Lightbox - The original Lightbox library.; Flexitem - CSS flexbox quick reference.; Ascii Today - A super-fast ASCII title generator. - A super-fast ASCII title generator. ROOM FOR TRANSLATIONS This table collects a sampling of words and phrases I found repeated across popular sites. In each column of the table below, we take the word and translate it in to ten different languages.

MY BOOK STACK

A list of the books I'm currently reading. Homicide by David Simon; How to Conquer The New York Times Crossword Puzzle by Amy Reynaldo; Robot Building For Beginners by David Cook; Observing the User Experience by Mike Kuniavsky; Sketching User Experiences by Bill Buxton; Head First Design Patterns by Elisabeth Freeman & Eric Freeman; Idea for the post comes from poetpainter.

COLOR THIEF

Ever wanted to grab the dominant color or color palette from an image? Probably not. But now you can! Take a look at the Color Thief Demo Page to see it in action.. Usecase #1: Color search

LIGHTBOX JS

Overview. Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.. Note: An new version of this script is available:

Lightbox JS

BASEBALL PITCHES

Title: baseball_pitches Created Date: 9/21/2007 3:48:59 AM COFFEE DIAGRAM FOLLOW-UP Mugs, t-shirts, and source files now available. If you're simply looking to print up a copy to fold up in your wallet, I've created a PDF file which contains all nine images.

LIGHTBOX JS V2.0

Lightbox JS v2.0 - Go check it out!. Use the comments on this entry to post and discuss bugs, questions, and troubleshoot the script. I'll be in and out of here. 3/31/06: I've Released a minor update v2.01 that fixes IE6 centering and smooths out the kinks in the resize transition. If you're looking for multi-line captions or keyboard navigation, expect another minor update this weekend. LIGHTBOX != LIGHTSHOW Lightshow JS script is still in the works, just taking a bit longer then expected. It is similar to the Lightbox JS script with a few bonus features helpful for viewing photos in 'sets.' Home Projects Blog Reviews

Sketches Running

Twitter Email

LOKESH DHAKAR

I work on the Design Engineering team at Square in San Francisco. Previously I worked at Getaround as the Engineering Lead of the Web Team. See my full work history at LinkedIn

.

I created the original Lightbox script many years ago. More recently I created Color Thief

. See all my open

source projects on Github . I take photos on Instagram , post designs on Dribbble , and track my runs and bike rides on Strava .