how to edit Firefox 'basic page style'
for all sites
with a Stylish script
to set scrollbar to a higher contrast color.
I can't see the thing its terrible.
is there any other way to do this?
The scrollbar is an operating system feature, not a feature of your website. Its look-and-feel are controlled by the user, not the webpage. IE provides a way to change scrollbar colors but it was heavily abused in the early days and is now considered a generally bad idea. In short, if you are trying to manipulate scrollbars from a webpage you're going to have to code a 'fake' scrollbar in Javascript or forget about it.
If you are trying to change only your own system then you may find some possibilities in creating user chrome, greasemonkey script or persona. I'm not sure what is possible there.
Related
For my laravel project I need to implement an accessibility toolbar; however, I can't find an already developed toolbar. The only toolbar that I found was the ADA toolbar but it's for wordpress.
Do you know about any toolbar for laravel that I could use or should I create it myself?
Thanks in advance.
Having a toolbar to allow various adjustments to a site such as font, color schemes, etc is an ok thing to do as long as the toolbar isn't trying to replace making the site accessible. These latter tools are typically called "overlays" and many of them market themselves as saying you don't have to fix any accessibility issues and all you have to do is plugin their tool to your site (and pay them a fee every month). It's blatent false advertising and several groups are working with the FCC regarding this.
A guide to accessibility overlays
Overlay Fact Sheet
The Many Pitfalls of Accessibility Overlays
Accessibility Overlays May Not Make Your Site More Accessible
Why Accessibility Overlay Solutions Fail to Protect or Serve
Should I Use An Accessibility Overlay?
But with that out of the way, if you've already spent time making the site accessible, then having a toolbar to help with accessibility is ok. A good example is the State of California. Click on the "Settings" cog in the upper right...
and you'll see some handy adjustments you can make to the site. Higher contrast, font size, and font face.
These are all helpful things. The settings don't replace any accessibility work that's been done on the page. The webiste already has good color contrast. The website already has a good font (although there aren't any WCAG requirements when it comes to font.)
Making a website is not that difficult, contrary to what you may think. Most (I'd say over 90%, probably higher) accessibility issues are super easy to fix. It's usually the volume of issues that takes time. Lots of easy fixes still add up to a lot of time if there are 1000s of them.
Finding accessibility issues might be the challenging part if you're not familiar with WCAG. For anyone that's been doing accessibility testing for a few years, it's not that challenging.
When I use Firefox I have noticed when I'm using my mouse to scroll the page I'm on the page tends to stick or not move for a moment. I just tried IE and no problem there. I was even on the same page and Firefox still tends to hang up. Anyone can help me out?
Note that the website is mad with classic asp.
I found a similar post here but not any specific solution.
http://forums.mozillazine.org/viewtopic.php?f=7&t=324499
Okay, did some experimenting and found a setting in about:config that makes Smooth Scrolling both smooth and fast: look in about:config for mousewheel.min_line_scroll_amount. By default that has a value of 5. I changed that into 50 and now the Smooth Scrolling looks and feels like before.
But I need a way to do it programmatic. I mean if the website detect that the browser is FF then it will do the above manual things programmatic.
an alternate and more efficient solution is this:
How to programatically change the about:config dom.max_script_run_time value in Firefox?
Is there an easy way to use the built-in icons of the Firefox browser, such as the add, remove, or refresh icon, in a XUL firefox extension? I would like to use the icons in a toolbar to be consistent with the browser design.
I have been looking high and low for an answer, but the web is strangely devoid of this little piece of information. Therefore it must either be dead simple or not possible. I hope the former...
Thanks already for all your help :)
The resources, such as icons, are accessible from add-ons.
E.g. the browser reload icon is at chrome://browser/skin/reload-stop-go.png (you can open this in your Firefox). This particular icon would be used in conjunction with -moz-image-rect bases sprite-ing.
Icons are usually specified in the CSS rules for the browser (Firefox) or the global package (aka. toolkit). To find out where something is, I'd recommend the DOM Inspector add-on, inspecting the Chrome window itself and looking in particular at the CSS and/or computed styles view. Also, you may look directly in the source, e.g. on MXR.
Word of advice: Should you always double-check that browser/toolkit resources are actually available on all platforms and are accessed the same way, have the same URI, dimensions in case of icons, and so on. In particular with add-ons, quite often the platform themes will use platform icons (e.g. GTK stock icons on linux) or provide multiple alternatives (Win aero and regular icons, or regular and #2x hidpi ones).
I want to create a typing assisting addon to my Firefox such that whatever the user is typing currently appears on a small window on the right hand side bottom in bigger fonts.
This will help slow typists to type at a faster rate.
For example, when the user is on yahoo sign-up page and text box name, a small window should appear on the bottom right corner and should display the text he is entering in larger fonts. In this manner, the user can keep typing without moving his head up.
I have no experience with firefox addons, so I would like to know whether this project is feasible. If it is, then I would like to know whether it's possible to do with only JavaScript; or if I will have to use jQuery.
It will be much appreciated if you can provide some guidance in this matter.
Sure it's feasible. You never have to use jQuery and it's not very useful when writing an add-on anyway, since you don't care about differences between browsers.
I suggest you start with https://addons.mozilla.org/en-US/developers/ , try to get a page-mod running, make it handle keystrokes and display them in a <div> on the web page it's running in.
I've been pulling my hair out for the last few hours trying to wrestle with the IE8 developer toolbar while working with some styles not playing with IE7 mode properly...
Coming over from Firebug the difference is like... well lets just say its better then nothing.
What I'm wondering is, has there been any.. additions, patches, hacks, updates etc to improve the toolbar at all in IE8? It seems, like with most things associated with the IE line, this was really done as an afterthought and not much effort was put into making it work well...
Update: So I was, it seems, not specific enough.. here is what is annoying me about the IE offerings:
Style support - yeah, it is there, but it just doesn't feel right. It isn't easy to see the inheritance, and if you want to tweak an existing style you have to go into Attributes and add an override to the element.
HTML element location. This just seems a LOT cleaner in Firebug
Scrolling - If you have an element selected in the HTML pane, and you goto scroll in the CSS pane on the right it wont happen until you focus that pane.
Most of all its just the small annoyances - I think I've been too spoiled by Firebug, and I want it in IE - but considering the 'closed'-ness of the product it would be hard to get this rectified. To be honest, if I could contribute I would, because it would make my life so much easier - but... yeah.
Not sure what specific issues you are trying to debug, but the following tools all work well for their specific purposes:
Fiddler2 - HTTP Debugging Proxy - if you want to see what files are called, loaded, how, headers etc. this is the tool you want.
IE Tester - If you want to see how your site renders in IE6, IE7, IE8 without installing a bunch of virtual machines (or different PCs) this is a very good tool (not perfect, but very good)
DebugBar - Similar to the IE dev toolbar (but its been around much longer) it will let you inspect/alter various aspects of the HTML/CSS/JavaScript.
You're looking at Firebug Lite. See: http://getfirebug.com/lite.html
You can just install it easily onto your web page and it'll work just like Firebug on Firefox.
Tools may not help in this case as readily as you may wish. Here is Position Is Everything, a site that addresses some of the hacks required Internet Explorer. I have used IETester for IE 6 issues, but not for IE 8.
Good luck. IE issues really suck. If you're dealing with Sharepoint and it's mess of html and css I feel for you dude! If not, be thankful.