
Doug Sillars @dougsillars
Your periodic reminder that using "display:none" in your CSS does not also mean "download:none" https://t.co/eZZNnrQ3OS
Doug Sillars @dougsillars
Your periodic reminder that using "display:none" in your CSS does not also mean "download:none" https://t.co/eZZNnrQ3OS
Adam Wathan @adamwathan
🔥 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
Addy Osmani @addyosmani
DevTools Tip: https://t.co/mUe3Mc48hz() is great for grouping console messages to make them more readable 📖 https://t.co/xem3kfkvn8
Umar Hansa @umaar
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
Paul Redmond ?? @paulredmond
? 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
Sophie Alpert @sophiebits
life hack: console log function that auto-indents based on the depth of your call stack https://t.co/6pYyOIKdb9
MDN Web Docs @MozDevNet
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
Ivan Akulov @iamakulov
? 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
Josh Manders ? @joshmanders
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.
Luke Edwards @lukeed05
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
Chrome DevTools @ChromeDevTools
Tip: Click "Collect Garbage" to force garbage collection during a performance recording (or at any time) https://t.co/EuyuTgT8bC
Jan Östlund @janostlund
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
Wes Bos ? @wesbos
? Use console.dir() to see the properties of an element when console.log() gives you a DOM element https://t.co/m6O1jcnlTr
Merrick Christensen @iammerrick
? 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
Sebastian De Deyne @sebdedeyne
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
Jonathan Reinink @reinink
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
Matthew Mueller @MattMueller
type="module" in chrome 60 ? ? ? https://t.co/SSyelefTKA
CSS-Tricks @Real_CSS_Tricks
Need to see a website in grayscale real quick? https://t.co/EMCefftn76.filter = "grayscale(1)"; https://t.co/di8xUs6uif
Sam Hernandez @sam_h
#javascript tiny tip: In Chrome `console.log(element)` just prints the markup. `console.dir(element)` gives you an object to inspect https://t.co/3NUwOhsRKs
Wes Bos @wesbos
? Use console.table() to log an array of objects in a tidy table ? https://t.co/3kkL9JHDsv