kidwm / brackets-response Goto Github PK
View Code? Open in Web Editor NEWResponsive design tool for Brackets
Responsive design tool for Brackets
Improving Image Quality on the Retina Display
Hi,
I'm using php with html code, as i'm working with wordpress and opencart and other platforms, and i couldn't make the live code to work with .php files.
It just shows the code itself. I'm new to brackets so i don't know if i'm doing something wrong, or the extension isn't working with .php files? If not working, do you have plans for updating the extension so it can work with .php? I'm just loving brackets and this features is the best, so i'm really expecting it to work so i can move once and for all to brackets and continue my projects in it.
Thanks guys!
Hey @kidwm .Thank you for you work. I've just try your extension with the latest version of Brackets. Everything works, but after i select the element, and hit quick view (CTRL+E) nothing happen. Any updates if this will work with the latest version?
Thank you so much.
http://www.leebrimelow.com/updated-version-of-response-for-brackets/
I don't quite understand what Lee meant
Hello! I know that you do not develop this extension but as you support it i want to ask. I am very concerned about this issue. Is it possible together with the live css editing to make support and for html code? The problem is that often it is necessary to edit not only css but and html, and it would be great to see the changes as well and for html. In this case, if you change the text in a some div block, change the src image, or remove a piece of code - nothing changes in the top preview page (At first I thought it was like a bug.. =). It is like full live WYSIWYG editor without having to open a chrome browser and live preview function. And as you know on laptops is not much space on screen to keep open several applications, so built-in "WYSIWYG panel aka response" in the Brackets would be a handy thing.
Any ideas?
Sorry for english. Thank you for support this extenstion
Brackets: sprint 7 build 1.7.0-16898
When I am switching to 2 views (in 1st - prewiew, 2nd - it's code) and try change width (if divide screen vertical) or height (if - horizontal) process is stuck or loop. Mouse change cursor to "arrow-lin-line-arrow" (it can be moved still) but can't be reset. I move mouse all over the screen but no reaction. If I click by right mouse button - it's no reaction, if left - then code part of work area is fade-in or fade out.
https://vitaliyat.tinytake.com/sf/ODMwNTA5XzM2NDkwNzk
TinyTake16-07-2016-04-41-11.zip
Since I work with Wordpress in 9 cases out of 10, this tool wont work for me cause I'm working with php mixed with html. Maybe get the URL from the Live Preview mode setting for the project?
Hi,
Thanks for making response for brackets.
Your tool is wonderful with HTML pages but it doesn't work at all with PHP pages.
I am writing php wordpress templates and it would be very useful and so more efficient to use response for brackets to make my pages responsive.
Is there anything I can do to work with php pages?
Any forecasted update about this issue?
Gaétan
hello,
Well done for this fork, it's a great job!
However, the plugin does not work for me most of the time (Windows 8.1 / Brackets 0.43) :
Actually, sometimes it works, and sometimes not :/
You can see a little screencast here : http://goetter.fr/tmp/response.gif
And here is a log :
Did I do something wrong ?
Not work in new version 0.44. Check it, nothing works after update from 0.43
no scrollbars for either the preview or edit view. Also on enable the the responsive mode, the sidebar does not hide automatically.
Also should or does the inspect mode work correctly if the DOM is changed by javascript on document load?
Ruler (css) is always on top, for example, it overlays the extension pane.
I cannot install the extension, i think you should change the version setting into your packet.json to this:
"engines": {
"brackets": ">=0.42.0"
}
Because the extension manager tells me that this extension is not compatible with my Brackets version (44)
This is an exciting extension. However, it would be even greater if it was compatible with SASS. Is it in your plans? :-)
use the built-in style.
when the selected element has no existed styles.
I have an html file open and clicking on the Response for Brackets icon or hitting CMD+2 won't bring up the preview.
Thanks for updating the Brackets version number by the way.
And don't Interfere with intrinsic styles of Brackets.
The 'Responsive/Inspect Mode' menu-items should go before the 'Quit' menu-item.
This brackets-response repository is a copy of the Response-for-brackets repository but instead of creating a fork of the original repository, a brand new repository was created. This has resulted into two code bases with the code deviating from each other and possibly duplicate work being done.
We should merge the code back into the Response-for-brackets and delete this repository.
There are a number of issues that have been addressed on the Response-for-brackets repository now and a new "Response for Brackets - original" extension has been uploaded to the extension manager which is based on the brimelow Response-for-brackets repository with all the fixes found in https://github.com/ikbenben/Response-for-Brackets/tree/all-fixes
Can we discuss how we can achieve this goal? I have time to work on it at the moment
Great work with the extension.
But not able to install in the linux version of brackets.
Shows "Internal Error Occured".
ref: getMatchedCSSRules()
If you use the tool, go back to normal mode and then return to the tool, the media-queries.css file with your previous changes gets wiped.
Hi.
Great work you've done with this plugin.I'm trying it and found that the Quick edit keyboard shortcut is not working on Linux when response mode is open. In standard mode it works as expected, but doesn't show the option to choose between the added breakpoints.
Is there a way to remap this shortcut in response mode? Just checked the preferences file for the key remapper plugin and I can only remap:
"response.launch": {
"commandID": "response.launch",
"key": "Ctrl-2"
},
"response.inspect": {
"commandID": "response.inspect",
"key": "Ctrl-1"
},
I suppose something like response.quickedit would be enough, but don't know how to tweak it myself.
Hope you can help.
Best regards from Chile.
Well sorry that I'm not (currently) too big when it comes to JS so I couldn't help out with a pull request, but from 0.44 some things seem a bit off -- and the dropdown opens only when LClick is held, then doesn't disappear as you can see from the first picture.
To add to that I've found out that quick edit doesn't always work -- in the case when you don't have any rules/styles applied to the selected element.
Also the generated "media-queries.css" file gets wiped on every start of the responsive mode, even if it had queries already present from a previous edit, and it gets created in the root folder. So you might consider looking through the project folders for .css files later on, after you've dealt with the wiping.
Thank you for your time.
Hi there,
I'm not getting live updates to the preview when editing. Running Mac OS 10.9.4. Everything else is perfect, this is just the final thing stopping it being useful!
Many many thanks,
Ted
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.