サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
lokeshdhakar.com
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 morphs to
Side-by-side diagrams of a few common espresso drinks I'm new to the world of fancy coffee drinks. With the vast number of ordering options and new words with accented characters to pronounce the coffee shop ordering experience can be intimidating. I've created a few small illustrations to help myself and others wrap their head around some of the small differences. About espresso Espresso is prepa
Color Thief by Lokesh Dhakar Grab the color palette from an image using just Javascript. Works in the browser and in Node. Github 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. col
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 v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you from t
I worked on the eCommerce team at Square focusing on the following areas: 1: Helping merchants translate their brand online. I worked on our website editor's style related features: layout, typography, color, imagery, et al. 2: Orbit, a design system built in Vue.js. It is utilized in all eCommerce products. I was a major engineering contributor as well as a design contributor. View live
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
このページを最初にブックマークしてみませんか?
『Lokesh Dhakar』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く