PUBLIC MARKS from decembre with tag browser

Unified Script Injector (usi) is a new Firefox add-on that has been designed to provide users of Firefox for Android with means to run userscripts. While Firefox desktop users have some choice when it comes to adding userscript support to their browser, Greasemonkey and the newly released Tampermonkey come to mind, none of these option appear to work on Firefox for Android. The new Firefox add-on usi changes that by adding support for a wide variety of usrescripts. The author notes on the official add-on page that the add-on supports some Greasemonkey functions but not all of them. What this means is that you may encounter userscripts that don't work yet when you install them with the help of the browser extension.

Here you can view your local 3D models online. You have three ways to open a file. Use the open button above to select files, simply drag and drop files to this browser window, or define the url of the files as location hash. Supported formats: 3ds, obj, stl, off.

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

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.

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).

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 https://addons.mozilla.org/en-us/firefox/addon/toggle-mixed-active-content/ 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.

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.

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

- 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) https://www.googleapis.com/geolocation/v1/geolocate?key=%GOOGLE_API_KEY% - 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.

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.

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

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

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.

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!

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).

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

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.

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 [BrowserHacks.com] where I sent new hacks and test submissions for the site.

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.

the browser only knows the size of the viewport when it begins downloading images.

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.]

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

« 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.

If you’re a musician, you probably know how annoying it can be to be away from your instrument(s). At times when you can’t have your instrument with you but you feel like you need to belt out a tune or two, perhaps you can seek solace in browser-based virtual instruments. If you ever feel the need to scratch that musical itch, you could do worse than play around with any one of these 10 virtual instruments.

One of the best ways to take advantage of all that YouTube has to offer is to enhance your video viewing experience by installing the Magic Actions for YouTube™ browser extension. To make the browser plug-in even more attractive, there are versions available for Google Chrome™, Mozilla Firefox™ and Opera™ web browser.