| module Entry::TrackerBlocking | |
| extend ActiveSupport::Concern | |
| included do | |
| has_many :blocked_trackers | |
| end | |
| email_service_blockers = { | |
| "ActiveCampaign" => /lt\.php(.*)?l\=open/, | |
| "AWeber" => "openrate.aweber.com", |
| # Build arguments for the gn build | |
| # You can set these with `gn args out/Default` | |
| # ( and they're stored in src/out/Default/args.gn ) | |
| # See "gn args out/Default --list" for available build arguments | |
| # component build, because people love it | |
| is_component_build = true | |
| # release build, because its faster | |
| is_debug = true |
| cfhdojbkjhnklbpkdaibdccddilifddb Adblock Plus 10000000 | |
| gighmmpiobklfepjocnamgkkbiglidom AdBlock 10000000 | |
| efaidnbmnnnibpcajpcglclefindmkaj Adobe Acrobat 10000000 | |
| gomekmidlodglbbmalcneegieacbdmki Avast Online Security 10000000 | |
| eofcbnmajmjmplflapaojjnihcjkigck Avast SafePrice 10000000 | |
| chfdnecihphmhljaaejmgoiahnihplgn AVG Web TuneUp 10000000 | |
| flliilndjeohchalpbbcdekjklbdgfkk Avira Browser Safety 10000000 | |
| gpdjojdkbbmdfjfahjcgigfpmkopogic Pin It Button 10000000 | |
| lifbcibllhkdhoafpjfnlhfpfgnpldfl Skype 10000000 | |
| mallpejgeafdahhflmliiahjdpgbegpk FromDocToPDF 9298905 |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |
| <title>title</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="script.js"></script> | |
| </head> | |
| <body> |
I've heard this before:
What I really get frustrated by is that I cannot wrap
console.*and preserve line numbers
We enabled this in Chrome DevTools via blackboxing a bit ago.
If you blackbox the script file the contains the console log wrapper, the script location shown in the console will be corrected to the original source file and line number. Click, and the full source is looking longingly into your eyes.
| /* | |
| This script attempts to identify all CSS classes mentioned in HTML but not defined in the stylesheets. | |
| In order to use it, just run it in the DevTools console (or add it to DevTools Snippets and run it from there). | |
| Note that this script requires browser to support `fetch` and some ES6 features (fat arrow, Promises, Array.from, Set). You can transpile it to ES5 here: https://babeljs.io/repl/ . | |
| Known limitations: | |
| - it won't be able to take into account some external stylesheets (if CORS isn't set up) | |
| - it will produce false negatives for classes that are mentioned in the comments. |
I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!
\
extension_id=jifpbeccnghkjeaalbbjmodiffmgedin # change this ID
curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=stable&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc"
unzip -d "$extension_id-source" "$extension_id.zip"Thx to crxviewer for the magic download URL.
| /* | |
| * This work is free. You can redistribute it and/or modify it under the | |
| * terms of the Do What The Fuck You Want To Public License, Version 2, | |
| * as published by Sam Hocevar. See the COPYING file for more details. | |
| */ | |
| /* | |
| * Easing Functions - inspired from http://gizma.com/easing/ | |
| * only considering the t value for the range [0, 1] => [0, 1] | |
| */ | |
| EasingFunctions = { |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent