public marks

PUBLIC MARKS from decembre with tag browser

This year

DEV - Automatic JS, CSS Versioning to Update Browser Cache when Files are Changed - CodeProject

An HttpFilter that processes the output generated by dynamic pages and appends the last modified date of static files like js, css in order to make browsers download latest version as soon as files are changed

FIREFOX - ADDON - EXPERIMENt - TEST PILOT - Color is a new Firefox Test Pilot Experiment - gHacks Tech News

You need to install the Test Pilot extension and the Firefox Color experiment to get started. You may do so in Firefox Stable or any other version of the browser that is supported by Mozilla. Color opens a special interface after installation which you interact with to create the theme and save or share it. The Firefox Color website displays several interactive elements on the page that depict browser UI elements.

BIB - ONLINE TOOL - SEARCH - Google N-gram Viewer - Culturomics

The Google Labs N-gram Viewer is the first tool of its kind, capable of precisely and rapidly quantifying cultural trends based on massive quantities of data. It is a gateway to culturomics! The browser is designed to enable you to examine the frequency of words (banana) or phrases ('United States of America') in books over time. You'll be searching through over 5.2 million books: ~4% of all books ever published! There are lots of different things you can check, like your favorite word (Supercalifragilisticexpialidocious) or person (President Taft; Chief Justice Taft) or part of the holiday (Christmas Tree).

CSP - ABOUT:CONFIG - How to Disable the “Firefox has blocked content that isn’t secure” Message - SharePoint MMMan

I do a lot of work with Firefox, as its developer tools outshine all the other browsers, hands down. But recently I’ve been getting a lot of sites appearing without CSS. As it turns out, there’s actually “mixed content” on the page, and the default security setting is to block that content. Normally I agree with security settings in general, but I know what I’m doing, and this is just a massive annoyance. There are ways around this though. 1) You can add the toggle mixed content add-on from here 2) However, my preferred method is to disable the feature in the browser by doing the following. Enter about:config into the Firefox address bar (confirm the info message in case it shows up) & search for the preference named security.mixed_content.block_active_content. Double-click it and change its value to false. After this, you’ll be browsing without that annoying security blockage, and everything will feel back to normal.

CSS - will-change | Codrops CSS Reference

The will-change property allows you to inform the browser ahead of time of what kinds of changes you are likely to make to an element in order to allow the browser to optimize how it handles the element ahead of time. Using will-change, you allow the browser to prepare for certain changes that are likely to take place in the future, ahead of time. This allows it to make appropriate optimizations to render the page more quickly when these changes occur, therefore avoiding a non-trivial start-up cost which can have a negative impact on the responsiveness of a page. This way, when the actual change happens, the page updates in a snappy manner.


ONLINE TOOL - resizeMyBrowser

by 10 others
Outer means outerWindow size (including toolbar, addressbar and such), Inner means innerWindow size (interior of the browser window).

FIR - ABOUT:CONFIG - Overview of Firefox's about:config security and privacy preferences | gHacks Technology News

- dom.allow_scripts_to_close_windows Defines whether scripts can close windows in the browser. True: Scripts may close any window. False: Scripts may only close windows opened by scripts. (default) - dom.disable_image_src_set Determines whether JavaScript is allowed to manipulate images displayed in the browser. True: Scripts are allowed to change images. False: Scripts are not allowed (default) _ dom.event.clipboardevents.enabled Determines whether websites are allowed to access clipboard contents (check out: Block websites from reading or modifying Clipboard contents in Firefox for additional information). True: Websites may read or modify clipboard events. (default) False: Blocks access. - dom.event.contextmenu.enabled Determines whether websites are allowed to block access to the right-click context menu. True: Websites may manipulate the context menu. (default) False: Web pages won't be allowed to manipulate or block the context menu. - dom.popup_allowed_events Defines the JavaScript events that are allowed to create popup windows. change click dblclick mouseup reset submit touchend - Determines if location aware browsing is enabled. True: Location Aware browsing is enabled. (default) False: The feature is disabled which means that you won't get prompts on websites using it. - geo.wifi.uri The data provider used to power Firefox's geolocation feature. (Check out how to switch to a Mozilla operated service) - network.http.referer.XOriginPolicy Defines when to set the referrer (the page a visit originated from). 0: Never send it. 1: only send if the base domain matches. 2: only send if hosts match. - plugin.state.flash The default state of the Flash plugin. See How to make sure Firefox plugins never activate again for more information. 0: turns off the Flash plugin in Firefox. 1: sets the Flash plugin to ask to activate. 2: enables the Flash plugin.

FIR - Firefox Update 57 (2017) - OPINIONS - How to enable legacy extensions in Firefox 57 - gHacks Tech News

If you are using Firefox Nightly right now, you may have noticed that the latest update of the web browser disabled all legacy add-ons. Firefox Nightly is the first version of the Firefox web browser that hit version 57, the version of Firefox that drops support for so-called legacy add-ons in favor of WebExtensions.

CSS - RESPONSIVE - CALC - Imitating calc() Fallback or Fixed-Width Sidebar In Responsive Layout — Osvaldas Valutis (2013)

If you were attentive you should see that the line width: calc( 12.5em ) is the trick here. Why? Let’s see all these widths like in pairs – exactly what we need browsers to do. The first pair is width: 80% (content) and width: 16.666% (sidebar) that does the job in calc() incompatible browsers, which will just ignore calc(). It is the callback (backup). It means that the minority of website visitors will see narrower sidebar on narrower viewports. And that should be perfectly fine for people using older browser versions. The second: width: calc( 100% - 15em ) and width: calc( 12.5em ). This is for newer browser versions which will override the previous width definitions

TEXTARERA - TRICK - ADD LINK - How to type upside down text on Facebook

by 1 other (via)
(Copy & paste in browser on Facebook, Twitter, YouTube, MySpace, Yahoo, MSN, AOL, Bebo, Craigslist, Gmail, Word ...)

CSS - GRID - Building a CSS Grid Overlay | CSS-Tricks

Let's take a look at what it takes to build a grid overlay with CSS. It will be responsive, easily customizable and make heavy use of CSS variables (known more accurately as "CSS custom properties"). If you aren't familiar with custom properties, I'd highly recommend reading What is the difference between CSS variables and preprocessor variables? and watching Lea Verou's enlighting talk on using them. This grid overlay that we're building will consider a developer tool, as in, a tool just for us, not really our users. So, let's not worry too much about browser support (If you do care, check out caniuse… data on custom properties). While it's impossible to preprocess custom properties to behave exactly the same as native support, if you use them just like you would preprocessor variables, tools like the postCSS plugin cssnext can transform them into CSS compliant with older browsers.

CSS - Using DevTools to Tweak Designs in the Browser | CSS-Tricks - 2017

Let's look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy!

FIREFOX - DEV - BROWSER TOOLBOX - change color of firefox bookmarks menu -

you can use Firefox menu->Developer->BrowserToolbox to examine UI elements and play with CSS. After you open it, click OK in the main browser window, wait a few seconds for the toolbox to initiliaze, then use the first button in its toolbar to pick an element (bookmarks button in your case).


FIREFOX - DEV TOOL - (improve-fb-theme) [meta] Firebug Theme Improvements

For bugs relating to developer tools within the Firefox web browser (devtools). This includes developer-related APIs and front-end features.

FIREFOX - DEV TOOL - FIREBUG missing Extensions - - 991806 – (firebug-gaps) Firebug Gaps

Bug 991806 - (firebug-gaps) Firebug Gaps Developer Tools (show other bugs) (hide info) For bugs relating to developer tools within the Firefox web browser (devtools). This includes developer-related APIs and front-end features.


CSS - FIR - Firefox CSS Hacks Collection | Jeff Clayton IT Director / Senior Software Engineer / Film & Photography

These are my legal CSS Hacks for fixing web browser quirks or outright bugs. Please enjoy, I have been working on them for years. May it help you if you need them. Please read here first: [What are these CSS Hacks Anyway?] Then check my [Live CSS Hacks Test Page] and also [] where I sent new hacks and test submissions for the site.

CSS3 - SCROLL - NEW - Native CSS Scroll Snap Points | CSS-Tricks

The newly-introduced CSS “snap points” properties could make it a whole lot easier to create CSS-only scroll effects (once browser support catches up). This post from Sergey Gospodarets' blog includes demos of snappy scrolling for image galleries and full-page vertical scrolling.

IMAGE - New Format - BPG/JPEG comparison on the Lena picture

BPG/JPEG comparison on the Lena picture [The BPG images are decoded in your browser with a small Javascript decoder. The JPEG images were compressed with mozjpeg + jpegcrush.]

PRIVACY TOOL - — Web Browser Security Checklist for Identity Theft Protection

It's all about Web Browser Fingerprinting. Here you will find the gallery of web browser security testing tools, that tell you what exactly personal identity data may be leaked without any permissions when you surf the Internet.

WIN HOST - Dev version of popular blocker extension µBlock for Firefox released - gHacks Tech News

Maybe I'm overlooking something but I don't understand why people are using ad-blockers that run in their browsers ... In most operating systems there already exists an effective and resource-efficient way to filter network traffic by diverting specific IPs or URLs to the localhost. Using the hosts file, which exists in the BSDs, in Linux, in Windows etc., to filter out undesirable or dangerous stuff is in my opinion a much more universal and elegant method than browser based ad-blockers. I've been using this method since ages, first in Windows and now since almost 15 years in Linux, and I have never experienced any slow-downs or hang-ups. The hosts file I'm using is the 'classic' from ... ... which currently contains over 15000 entries, is well maintained and updated each 4-6 weeks. I've written a short script which on boot-up looks if a new hosts file is available, and if it is, downloads and copies the file into the /etc directory. Cool! :-)

FIREFOX - 3 Step Problem Fix/Solution for Continuous Mozilla Firefox Freezing | Blogiac - A Journal of Personal Views on Things

Continuously, after a fixed time interval, the browser freezes/becomes unresponsive momentarily, and then becomes responsive again. === TRY : Type "about:config" === Find or locate the preference "dom.min_background_timeout_value" === open up the dialogue box "Enter Integer Value" === change the previous value (which will be y default less than 1000) to a very large value, lets say 1000000

CSS - ONLINE TOOL - What’s my browser size, trouver les dimensions de la fenêtre du navigateur | Édition Nº42 | le train de 13h37

« What’s my browser size ? » est une page internet qui indique quelles sont les dimensions (hauteur et largeur) de la fenêtre de votre navigateur. Particulièrement utile dans le cadre d’intégrations responsive, ce service constitue une bonne alternative aux extensions des différents navigateurs.


FIR XPI - DEV - Force CORS Firefox Extension

a very simple extension for Firefox that adds the Cross Origin Resource Sharing (CORS) Access-Control- HTTP headers to all responses before they're processed by the browser. This essentially disables the browser's same origin policy and allows cross domain calls even if the web server does not support CORS. The default setting adds the following headers to every response: