Take full localhost webpage screenshot (Firefox, Windows)? - firefox

I need to take a full screenshot of a localhost page I'm working on. Print Screen button offers me no solution to this nor the Alt-Print Screen does, as they take only what is displayed on the screen. I need the shot of the full page.
I tried with some online services and a couple of add-ons for Firefox to no avail since they cannot reach any localhost addess or are not compatible with FF 29.
Is there a way I can achieve this?

I'll answer my own question.
Forget about add-ons. You can do it via the browser's built-in Developer's Toolbar commands.
Press Shift+F2 and to bring the toolbar up at the bottom of the screen.
Type: screenshot file --fullpage
You will be asked for a location to sav your screenshot in .png format (e.g. file.png).
You can also omit the file name if you don't want the image to be saved and rather send it to the clipboard: - screenshot --fullpage --clipboard
Type screenshot help to see more interesting options.

The Firefox source docs tell how to take a screenshot with the developer tools
Using the screenshot icon
By default, the screenshot icon is not enabled. To enable it:
visit the Settings page
find the section labeled “Available Toolbox Buttons”
check the box labeled “Take a screenshot of the entire page”.
Using the screenshot command
Type :screenshot in the Web Console to create a screenshot of the
current page. By default, the image file will be named Screen Shot
yyy-mm-dd at hh.mm.ss.png.
Helpful params
Command
Type
Description
--clipboard
boolean
When present, this parameter will cause the screenshot to be copied to the clipboard. Prevents saving to a file unless you use the --file option to force file writing.
--delay
number
The number of seconds to delay before taking the screenshot; you can use an integer or floating point number. This is useful if you want to pop open a menu or invoke a hover state for the screenshot.
--dpr
number
The device pixel ratio to use when taking the screenshot. Values above 1 yield “zoomed-in” images, whereas values below 1 create “zoomed-out” images.
--file
boolean
When present, the screenshot will be saved to a file, even if other options (e.g. --clipboard) are included.
--filename
string
The name to use in saving the file. The file should have a “.png” extension.
--fullpage
boolean
If included, the full webpage will be saved. With this parameter, even the parts of the webpage which are outside the current bounds of the window will be included in the screenshot. When used, "-fullpage” will be appended to the file name.
--selector
string
A CSS selector that selects a single element on the page. When supplied, only this element and its descendants will be included in the screenshot.

Related

Links in images in photoshop?

I don't think this is possible, but is there any way you can put a link in an image? I'm not talking about HTML. Literally in an image. Maybe when you put text in Photoshop there is a way to make that text a link? I don't know.
Is there a way to do this?
Step 1
Press "C" to select the Slice tool. Choose a slice style in the Options bar. In the default Normal mode, you click and drag on your document image area to create slices. Enter numeric proportions to create a height-to-width ratio for the Fixed Aspect Ratio style. Note that these values don't represent actual dimensions. To enter specific slice measurements, choose "Fixed Size" style.
Step 2
Click and drag on your document to create slices. If you've added guide rules to your image, click on the "Slices From Guides" check box in the Options bar so Photoshop automatically creates slices following your guides.
Step 3
Press "Shift-C" to switch to the Slice Select tool. Because it's nested with the Slice tool and shares the same keyboard shortcut, you need to use a modifier key to cycle from tool to nested tool.
Step 4
Double-click on the slice to which you want to assign the URL, opening the Slice Options dialog box. Type or paste your URL into the URL data-entry field, using either relative or full URL format. A relative URL loads a location that's within the site that contains the link. An absolute URL starts with "http://" and includes the full link to a page, which usually loads from another website.
Step 5
Specify a page-loading location in the Target entry field. To open a new browser window for the page you're loading, enter "_blank" without the quotation marks. To replace the current page content with the new page, enter "_self" without the quotation marks.
Step 6
Generate the HTML code that underlies the link you added. Open the "File" menu and choose "Save for Web & Devices" to access Photoshop's optimization and export capabilities. Once you choose image output settings and click on the "Save" button, you enter the Save Optimized As dialog box. Set the Format to include HTML in your file export and select HTML options.
read more # link1 link2

Windows 7 taskbar icon grouping with multiple similar windows

When I have a number of similar windows opens, for example, multiple explorer windows, they are all grouped into the same icon on the taskbar. When I hover over this I get a thumbnail of the window, and a piece of truncated text which is supposed to help me work out what that window is.
However I also like to have the full path shown in explorer windows, so the truncated text is usually C:\CommonPathToEveryWind...
I have noticed that if I have over 14 explorer windows open, then Windows gives up trying to display these useless thumbnails, and instead gives me a nicely formatted list of paths.
My question is how can I customise this behaviour, to either disable thumbnails all together for a subset of applications where a thumbnail is inappropriate (explorer, 'Everything'); or to lower the max number of thumbnails per grouped taskbar icon to 2; or just to disable thumbnails all together, (without loosing the entire windows theme)
Edit: Just to make it clear what I currently get, and what I actually want. I do still want to keep the grouping behaviour, so that multiple instances of the same program, Explorer for example, only take one slot on the taskbar. What I want is to alter what is displayed when I hover over the grouped icon:
What I actually see - useless thumbnails:-
The style I want for any number of instances:-
Found the answer I was looking for here:
This can be done.
open regedit
navigate to HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Taskband
right-click on the empty space in the right-hand pane and create new DWORD value
set the name to NumThumbnails
double-click the value and set it to the maximum number of thumbnails you want to see
close regedit, log off and log on again
That should do it. Note that you cannot completely disable thumbnails - setting the value to 0 is the same as setting it to 1.
-Indrek
right click task bar. select properties.
The option you are looking for is labeled taskbar buttons (see picture) and has a drop down box to the right of it. The options are:
always combine, hide labels
combine when taskbar is full
never combine
Note: some PCs don't have aero-supporting graphics cards, so that may hinder your ability to make changes...
Re:
My question is how can I customise this behaviour, to either disable thumbnails all together for a subset of applications where a thumbnail is inappropriate (explorer, 'Everything'); or to lower the max number of thumbnails per grouped taskbar icon to 2;
You can edit this via the Start Menu customize button or through regedit. Instructions with screenshots are found here: http://blogs.technet.com/b/win7/archive/2011/05/10/change-the-number-of-recent-items-displayed-in-windows-7-jump-list.aspx.
Re:
or just to disable thumbnails all together, (without loosing the entire windows theme)
You can edit this via the Advanced Settings menu found in System in the Control Panel or via regedit (as stated in a previous post). Info with screenshots here: http://www.guidingtech.com/12253/turn-off-windows-7-taskbar-thumbnail-previews/.

Export Notebook as one long pdf page using Mathematica?

I need to export my notebook to show my work.
I want the pdf just to look like what I see on my screen in the same format as I scroll down through my notebook.
Is it possible ?
Edit :
New solution, new problem, thanks to Verbeia, I was able to have obtain a "1 long page" pdf out of my notebook. But there remain weird formatting behavior as below, can we fix that ?
While my notebook looks like :
This works for me under Mac OS X 10.6, Mma 8.0.1:
Select the whole notebook. This is easiest done if you have a top-level title or heading at the beginning of the document.
Choose "Save Selection As..." from the File menu (screenshot 1).
Choose PDF from the resulting dialog (screenshot 2).
You need to use "Save Selection As...", because "Save As" does try to calculate page breaks. If I understand your question correctly, you want a long "scroll" PDF with no page breaks. "Save Selection As..." does that.
EDIT in response to 500's question edit
To ensure the content goes "full width", you need to set the Printing Environment properly. I found setting the Printing Environment to the default Printing (see screenshot) and setting landscape paper in the Page Setup gave good results. Alternatively, you could go to the Option Inspector and set the Page Size or Paper Size settings for that notebook explicitly.
(on Mac OS X you get there from the Mathematica menu > Preferences > Advanced Tab > Show Option Inspector button > Notebook options > Printing options > Printing Options)
I don't know whether this will help for the this specific case. You can explicitly enter a page break into Mathematica using Insert > Page Break (appears at the bottom of the Insert menu). Try doing that before and after the image you have here.
Exporting by saving the notebook as a pdf and exporting by using the Export function often have different results as well. You may wish to try using the Export function out.

Adding new filetypes to Windows 7's New context menu

I'm trying to add CSS, PHP, JS and HTML file types to the "New" right click menu in Windows 7. I know how to add the file types to the menu with ShellNew entries in the registry. But Windows doesn't give you any control over the display names of the new items - according to this the name's always taken from whatever application you've assigned to open the doc. I've set Notepad++ to open all of these file types, so I'm going to end up with several identical "Notepad++ document" entries in the menu, like this:
Does anybody know if there's a way out of this stupid situation without installing any tweak utilities?
Thanks all!
Fred
To rename a context menu > new's item (in Windows 7, at least):
Open regedit.
Go to HKEY_CLASSES_ROOT\.%ext% and note the (Default) value. This is the file extension's ProdID.
Go to HKEY_CLASSES_ROOT\%ProdID% (usually %ext%file) using the value obtained from step two. Set the (Default) value to whatever you would like the context menu new item to display as.
Under HKEY_CLASSES_ROOT\%ProdID%, if there is a FriendlyTypeName value, rename it to FriendlyTypeName.old, as the (Default) value "is deprecated by the FriendlyTypeName entry"
I don't believe there is even a need to log out / restart, but if the changes don't take effect, log out and/or restart.
You could change the file type description for each file class manually.
Look up the prog id under HKEY_CLASSES_ROOT\.%ext% (The default value)
Under HKEY_CLASSES_ROOT\%progid%, set the default value and/or the "FriendlyTypeName" string to the string you want.
You might have to log off for it to take effect.
You should probably stay away from the Chrome and Notepad++ file type/association dialogs so they don't overwrite your strings.
Both Chrome and Notepad++ are open source, you can create a patch for them that use better names for the file types. (What is a "Chrome HTML Document" anyway, HTML5 + extra chrome juice? =) )
I was able to derive a solution from the answers above.
I replicated the particular application (JetBrains PHPStorm in my case) registry entry.
PHPStorm2019.1 -> PHPStorm2019.1.scss, PHPStorm2019.1.js.
Now I changed the Default REG_SZ of PHPStorm2019.1.scss to SCSS File and PHPStorm2019.1.js to JavaScript file.
Mapped .scss and .js to PHPStorm2019.1.scss and PHPStorm2019.1.js respectively.

When should I use a ellipsis in a Menu Item

When should I put ... at the end of a menu item? I seem to remember reading some rules but can't for the life of me find them.
For context - I'm adding a properties option to a right click menu and am wondering if it is appropriate to add them.
As I understand it it indicates that the option will ask you something else before actually doing anything. The 3 dots are actually called an ellipsis, and if you check out the English use it kind of makes sense:
http://en.wikipedia.org/wiki/Ellipsis
BTW I've noticed OpenOffice breaks this convention sometimes!
When the option will send the user to some sort of dialog where the user has to do something before a real change is made. Options without the ellipse take effect immediately.
For example, 'Save' doesn't have an ellipsis, while 'Save As...' does because the user has to input the new name/location of the file.
One exception to the first two answers: if the whole point of the menu command is to open a window or dialog, then you don't need an ellipsis. For example, a "Get Info" or "Properties" command shouldn't have it, even though it's opening a window which lets you edit things.
It's only when the menu command's purpose is to do something else, but it needs a dialog or confirmation in order to do it.
It means that there will be another dialog box after you select that option, it won't actually 'do' anything. There will be another prompt.
To be exact, the rule is that if more information is required from the user to complete an action, then include an ellipsis. In the MS Vista User Experience Guidelines, getting a confirmation qualifies as "more information" (see http://msdn.microsoft.com/en-us/library/aa511502.aspx). Commands to show Properties, About, Help, Options do not get ellipsis because no further information is needed to execute the command, which is "Show Properties" or "Show Documentation" or "Show Options." The File Open command gets an ellipsis because additional information is needed to open the file, namely the file name.
If the menu is an action that the user will be doing, but the action won't be completed until we get more information from the user, you show an ellipsis, e.g.:
Format Hard Drive… (we need to know which one, and the file system type)
Save As… (we need to know what filename and type to save as)
Print… (we need to know what printer and quality settings)
Find… (we show a text box asking for the text to search for, and where)
Rename… (rename to what)
As opposed to actions that will happen the moment you click the menu item, e.g.:
Save
Undo
Redo
Select All
Ellipses don't just indicate that a dialog will appear. i.e. if it's not an "action", then there's no ellipses, e.g.:
About Gizmo
Page Setup
Print Preview
Options
File Properties
And asking the user if they want to do something does not count as "getting more information from the user", e.g.:
Delete File
Recycle File
New Text Document
Whenever selecting that item results in another dialog box appearing. For actions that happen immediately (think Save vs. Save As), no ellipsis.
Originally, it meant:
An ellipsis (...) after a menu item means that after the item is chosen, the user will be asked for more information before the operation is carried out. Usually, the user must fill in a dialog box and click and OK button or its equivalent. Don't use the ellipsis when the dialog box that will appear is merely a confirmation or warning (for example, 'Save changes before quitting?').
(Apple Human Interface Guidelines, page 69)
Note that it did not mean "show a dialog box", even though that was often the consequence of this. For example, on Mac OS (not X), the "Options" button in the Page Setup window had no ellipsis, even though it showed a modal dialog box. No ellipsis is used because showing the options window is the operation.
(Tog on Interface, pages 46-47)
Of course, these days nobody cares about such things as human interface guidelines, not even Apple, so you can pretty much do what you want and still be more consistent than most any other application out there.
I've usually seen it in places where more input is required from the user before completing an operation. If your properties dialog is allowing the user to change properties, I would include the ellipses. If it's just displaying the information, don't include it.
It generally means that a Dialog will be shown when the item is clicked.
They usually signify that clicking on that entry will open a dialog window.
You should add ellipses to the end of text only if you're truncating the text (this applies anywhere). You should truncate the text if it's too long to reasonably fit where you're putting it.
Edit: interesting, I never noticed that menus in Windows use the ellipses to indicate truncated text, but also use the ellipses on short text to indicate that more information will be collected before the action is taken. This is inconsistent interface design, but since menus are under the control of individual programmers it's unavoidable.
It usually means it'll take your focus away from the current window. Like for example, notepad has a "Find..." which means you're going to focus on another window (ie dialog box) to enter something. But in firefox, it has just "Find" which then focuses on a text input on the same window.

Resources