How to precisely test if CSS final computed values have changed anywhere on a page? - css

I have a situation where I need to merge several classes manually. They contain a huge amount of overrides within an 18,000 line CSS file.
I started making some changes to the huge CSS file and I realize that CSS loads the last case of a property so I did this all very carefully. For the most part things worked well. But, I did find one icon that was wrong and one text link that was the wrong font. So I thought, is there a way that I can compare the before and after state of this work precisely. I don't mean visually. But instead like two full text output files of the results of the computed CSS for the entire current page so I can run a compare on them in notepad++
Sorry if this is an ignorant question as I am a self taught web novice.

You can use notepad ++ to compare two files. You will need a compare plugin to be installed in notepad ++. Please follow the steps below:
Install the Compare Plugin
1. Launch Notepad++.
Click the “Plugins” menu, select “Plugin Manager” and click “Show Plugin Manager.” A list of currently available plugins populates the plugin manager screen.
Check the box next to “Compare.”
Click the “Install” button at the bottom of the screen. The Compare plugin will download and install. If an administrator authentication dialog appears, click the “Allow” button.
Using the Notepad++ Compare Plugin
1. Launch Notepad++ and open the two files you wish to run a comparison check on.
Click the “Plugins” menu, select “Compare” and click “Compare.” The plugin will run a comparison check and display the two files side by side, with any differences in the text highlighted.
Reset to the original window configuration and appearance by clicking the “Plugins” menu, selecting “Compare” and clicking “Clear Results.”
For reference click here

Related

modelsim prompt wildcard suggestions/autocomplete disappeared

Normally when I type a command in modelsim, if I have a star * in the command, it lists the available files that match that wildcard. The most common one I do is
>do *.do
And then a window pops up showing all the files with the extension *.do, and I can use the arrow keys to select the file I want to perform the command on.
While this suggestions window was open, I accidentally clicked the X and it closed. Now, I can't figure out how to get that suggestion window to reappear. Even after restarting modelsim, I just get nothing at all when I type the same command. I did do a sanity check and make sure I actually have *.do files in the same directory...
How do I get that autocomplete/wildcard window back? I can't seem to locate it in the toolbar windows.
I found an answer on the Google Forums:
Go to Tools > Edit Preferences. Then select the By Name tab and expand Main. Scroll down to EnableCommandHelp and set it's value to 1.
Google Forms post

Atom - unable to click on some files on the left panel

I have a problem. I don't know if I click some keybinding by any accident but I can't open most of the files by clicking on a project file tree in the left panel. Only 2 files are 'active' that I can click on them. Whichever other file I click on, the highlight selector goes back to one of those 2 files. Any idea what I'm doing? Quick googling suggested that it might have something to do with working sets in nuclide but I can't seem to be able to switch it off. so no sure if it's related to that.
The problem only started a few days ago.
Thanks

Can't re-open project files sidebar anymore in Atom Editor

Sorry if this is the wrong place to answer but I found no other community which could help me with this. I accidentally closed the left-sidebar that shows the currently open project and it's files. Not sure what it's called, maybe navigation, folder view, either way, I tried pressing nearly every key combination to no results. I tried searching in the command palette for something that looked like "open project sidebar" but nothing. Now I'm stuck having no idea how to restore my primary navigation means when working with Atom. I tried opening multiple projects but I just get a black screen without the project sidebar, like it was hidden.
Any ideas?
I'm talking about this sidebar:
It is called "Tree-View".
You should be able to enable it via command pallete or ctrl + ,
It depends on your OS. On Mac OS X, it's CMD-\ (Command-Backslash) to toggle it. The option located on the View menu, called Toggle Tree View (the last menu option).

Use of variables like %{buildDir} in QtCreator kit settings in Qt5

In this documentation (under section "Specifying a Custom Executable to Run") I noticed that there is mention of what looks like a variable %{buildDir} in the field "Working directory".
I have struggled for a while now to find documentation for this feature. I would like to know first of all is there documentation for this somewhere?.
Secondary questions:
What other variables are available?
In which fields can they be used?
Can I access variables that I created in my project's .pro file?
Are there any other eval features or is this mechanism limited to variables?
Thanks!
As mentioned in the comments there is a "variables" button... supposedly for use all over the qt environment. However I have only found it available in obscure places that are not very useful!
However, you can at least get the list of vars from these places and use them where you actually need them. To find this, navigate to:
Tools (menu) --> Options --> Environment (tab) --> External Tools
Click "Update Translations..."
Click inside "Working Directory.." and you should see a "AB->" icon in colour to the right.
Click the icon for your list of vars.
You will notice that the style is a little different then %{BuildDir} but I believe the equivalent is %{CurrentProject:BuildPath} - You can see on the second screen shot I have right clicked and it asks you what you want to insert (the variable, or the value of the variable).
Annoyingly I could not figure out how to copy / paste the whole list as it is single line click only... maybe someone more clever can figure that out and we can stick that list in some Qt wiki :o
Here are the screen shots... Notice in screen shot 1 the little icon at the right side of "Working Directory" text-edit box.
In text edit widgets within Qt Creator (v5.14.0 and possibly earlier), there is an icon at the right end. Click on it, and a dialog of all the possibilities comes up. Make sure that the caret is at the proper position in the text edit widget.

How to display full URL in address tab of Dreamweaver CS5?

In the address bar of the browser navigation tab, it shows the absolute path of the file, but it is so long that it gets truncated and I can't read the exact file that I'm working on! Is there any way to fix this?
Yeah, I got it... just hover your mouse over the truncated field for a couple seconds and a tooltip will pop up with the full address. I was just frantically clicking on it like an impatient moron and it was canceling the scheduled tooltip display.
I'm not sure what a "browser navigation tab" is. In Dreamweaver CS5 on Windows, the full url is displayed in the title bar of the document. When documents are maximized a tab will display the file name, and the full file url will display in the title bar on the right hand side. This full url gets truncated when there are too many documents open. The truncation is done from the left so you may lose some of the folders, but you should still see the file name. If this is the case, then a quick solution is to close some documents. Or Perhaps don't nest your files so deeply, or don't have really long file/folder names.
Another option is an extension that I wrote a while ago called Document Path Toolbar: http://communitymx.com/abstract.cfm?cid=A01CEAEA3CA40B36 The extension adds a toolbar that has a text field that displays the full url to the local file. It has an option that allows you to updated the width of the text field if you have longer file paths (I think that such modifications requires a restart of Dreamweaver). It is commercial but not much. As I no longer contribute to CommunityMX, I won't receive anything for a purchase should you decide it is something that you could benefit from.

Resources