🔥 Because Unsplash is powered by imgix under the hood, you can apply lots of image transformations directly in the URL!
For example, here I've colorized an image by desaturating it, adding a colored overlay, and multiplying the overlay with the image, all using query params: https://t.co/4GNUB9mt9f
DevTools Tip: https://t.co/mUe3Mc48hz() is great for grouping console messages to make them more readable 📖 https://t.co/xem3kfkvn8
DevTools Pro Tip ? You can take a screenshot of any inspected element. Press Command + Shift + P and then select 'Capture node screenshot' https://t.co/doecXTerY4
? This might be a known trick to some, but if you grab the source of JS libraries and paste into the console, you can easily mess around with the library/API (i.e., lodash, Moment, etc.) https://t.co/BtbS5rNDp7
life hack: console log function that auto-indents based on the depth of your call stack https://t.co/6pYyOIKdb9
Found the perfect color? Grab it:
1. Select Eyedropper tool from the Web Developer Menu. Select the color!
2. Click the color sample next to a CSS color setting. When the color picker opens, click the eyedropper icon under the color swatch. Select the color!
? Look at that! https://t.co/eYHHL72bSf
? TIL Chrome can measure the percentage of unused JS and CSS on the page!
DevTools → Top-right menu → More tools → Coverage https://t.co/sSgxq4arwx
TIL: instead of going to 127.0.0.1 in your browser, you can just type 127.1 and it'll expand to 127.0.0.1, same with any other IP that has 0's in the middle.
Today I found out that nearly all browsers have an `Intl` object that handles formatting for DateTime, Currency, Number, and Pluralization! ?
My examples here are pretty simple, but the formatters give you full control ? https://t.co/fKqr2sO8dN
Tip: Click "Collect Garbage" to force garbage collection during a performance recording (or at any time) https://t.co/EuyuTgT8bC
Are you aware that you can drag and drop to re-arrange nodes directly in all the major browser's dev-tools? Great for prototyping! https://t.co/KB3t6ZdwWM
? Use console.dir() to see the properties of an element when console.log() gives you a DOM element https://t.co/m6O1jcnlTr
? Always use rel="noreferrer noopener" linking to another site with target="_blank". Or else that site can silently redirect your users! https://t.co/YQvBJQFE1v
If you're working on shitty wifi (like on a train), you can block requests for things like webfonts via Chrome's devtools ? https://t.co/IDMe9khssV
I often accidentally minimize Sublime Text when trying to create new files, since "n" is right beside "m". This key binding fixes that! https://t.co/qxF6ZB4p6k
type="module" in chrome 60 ? ? ? https://t.co/SSyelefTKA
Need to see a website in grayscale real quick?
https://t.co/EMCefftn76.filter = "grayscale(1)"; https://t.co/di8xUs6uif
? Use console.table() to log an array of objects in a tidy table ? https://t.co/3kkL9JHDsv
? Use https://t.co/o64SR1bMYz(), groupCollapsed() and groupEnd() to group together and tuck away any logging you need to do https://t.co/4m9W0bKczw