Bootstrap links not working on mobile devices - twitter-bootstrap-3

On the website: www.onlineskateschool.com the links work fine on desktops, but when you go to a mobile device, none of the links work.
I have tried a few different versions of bootstrap, but this has not helped yet. Any ideas where my issue could be?
This can be replicated in Chrome Canary on a desktop with the 'nexus 5' selected after pressing f12 for developer tools.

It seems like your javascript with your auto reformatting of the menu links is your culprit. The phone's width is too big to change to the mobile menu (3 barred icon that contains the links which work on mobile) but it is too small to work on the original links (the ones you see on a regular desktop). Try resizing your browser's width and you will see what I am talking about.
You should change the js code that has to do with your reformatting and then your links should work.

Related

rebrand GUI icons of Chromium

I am building my browser from Chromium on Windows. I carried out steps from this page: https://chromium.googlesource.com/chromium/src/+/main/docs/windows_build_instructions.md
It builds successfully and browser runs well. I also rebranded all pics in src\chrome\app\theme\chromium, but the logo icons in GUI are still chromium ones
Where can I change these in code?
To change those logo you can refer to my answer here
Now to change the vectorized icon which is displayed in the tab bar, you should modify this file
components/omnibox/browser/vector_icons/product.icon
You can find more info about vectorized icons here
This is how the code of vectorized icon looks like here
Hope that helps!

How do I add options to the Tabs preferences?

I would like my new tabs created with command-T to open immediately to the right of my current tab, not all the way to the right. I've looked at a lot of tutorials online, but I haven't seen any that work with the internals of Safari like this. How can this be done?
Try this Safari extension: http://canisbos.com/taboptions. It's old but still works on latest Safari.

On opening a tabbed page for the first time, images in listview of content page not loading

I don't know if anyone else has experienced this, i've been looking for examples left, right and centre to no avail.
Anyway, i'm developing an app using Xamarin forms for ios, android and windows phone. The first page of the app is a tabbed page and the first content page consists of a listview with an image (with the source bound to a string with a url) and some labels. I get the data via binding and everything loads correctly except the images. However, when i open a new page and then go back to the tabbed page, the images suddenly appear. I'm testing on a Windows Phone 8.1 at the moment.
Anybody else experienced this? Any work arounds? Any help would be much appreciated.
This might be caused by a known issue that was fixed in 2.2.0-pre1
https://bugzilla.xamarin.com/show_bug.cgi?id=39447
Try updating to that pre-release version and seeing if it resolves your issue.

Why is "Show page source" not available in (my) WebKit?

I've downloaded v. 537.6+ of WebKit for Mac OS, and am running it on 10.8. (No programming here, just being a web developer looking for the WebKit web inspector.) Everything's fine, except the "Show page source" option in the Develop menu is grayed out when I'm on even the most, and I can't find any way to enable it. I"m very puzzled -- is there something else I need to do to get it enabled? Is there something else going on? Is this how it's supposed to be?
Developer Menu
The contextual menu:
WebKit is not a full browser - only a rendering engine. Typically things like "view source", the back/forward buttons, address bar, preferences menus etc. are implemented at the browser level, outside of WebKit. However WebKit probably provides a minimum implementation of these for testing purposes, which presumably excludes 'view source' (which I can imagine isn't really essential for testing).
If you want to play with a full browser, you can't compile all of Safari, but you could try compiling Chromium instead which provides all that stuff. Note however Chromium is now using Blink instead of WebKit.
You can enable WebInspector to view the source.
The webkit you have is a very old one. I've tried downloading it to help with your question, but it won't even run on OSX 10.8.3. You can always get the current latest build of WebKit here:http://www.webkit.org [edit: I see this question was asked in 2012, so that would explain why it's an old version.]
However you say you are "a web developer looking for the WebKit web inspector" and you are running OSX 10.8. In that case you can perhaps just use the standard Safari that's already on your Mac. You need to do the following to show the Develop menu. And then you have the "Page Source" item you are expecting.
Launch Safari.
Open Safari’s Preferences by selecting ‘Safari, Preferences’ from the menu.
Click the ‘Advanced’ tab labeled.
Place a check mark next to ‘Show Develop menu in menu bar.’

Does anyone know a Safari style Tab Control for Mac OS X applications?

I am looking for a tab control that is different from the default NSTabControl. I am looking for a sample or existing control that replicates the newer style tab controls that are used within Safari, Firefox, Camino etc.
From looking into the Safari app bundle resources it seems the tabs are created from images. I would prefer a control that already exists and has been tested rather than re-inventing the wheel though.
Thank you!
Update: I found PSMTabBarControl however this doesn't work on Leopard and is very old, from 2006. Anything that is more recent available?
This publicly-available framework comes to my mind: PSMTabBarControl.
It doesn't seem to be maintained recently, but might serve as a point to start from.