I'm looking for a VS2008 Plugin or other tool that allows me to edit CSS and preview the changes in IE and Firefox.
I'm not full time web designer, so free or open source is a plus.
Visual Studio integration is a big plus
Reviewed so far:
CSSVista
Pros:
Free
Nice previews
Cons:
Editor is not powerful
No save to local file
No intellisense
Firebug
Pros:
Free
Intellisense
Cons:
No save to local file
Only firefox
Homesite
Pros:
Intellisense
Saves to localfile
Cons:
Not free
skybound stylizer seems to be the app for you. allows for live editing, much like cssvista, but with way more powerful tools for editing.
What I use to get that functionality is through the Web Developer Addon for Firefox, you can edit CSS in real time. I don't know of a functionality like that for VS.
Not quite the answer you'r looking for realy but Firebug for Firefox has css-edit-preview.
For Ie-----there is one tool Iedeveloper tool
For Firefox----Firebug is enough..........Using these two,,,u can edit css and u can see the preview
Related
I never noticed this before, but IE's dev tools completely strip out CSS comments in the CSS tab. I'm working with a large front-end framework and need to wade through the dev version of the CSS -- mainly to cross-reference the documentation/comments. Am I missing a setting/flag/whatever, or am I out of luck?
Whilst not ideal I would have to suggest using firebug lite.
https://getfirebug.com/firebuglite
It will at least give you half decent tools to view these kind of things.
My web applications are designed in IE6 compatibility mode. Now I need to migrate to IE8, but most of my web pages are not in good allignment in IE8 browser. First I tried the compatibility view in IE8(the button near the address bar), but of no use. Then as per somebodies suggestion I have added the meta tag '' in the section of every html pages, but still it is not working. I am using Windows XP professional OS version 2002 with service pack3 and IIS version 5.1. I am not sure I can migrate to IE8 with this system configuration. Moreover I am a beginner in this session. Could somebody please explain how can I acheive this?
Thanks in advance,
Lakshmi.
A good place to start would be to open up the pages in a tool like visual studio and look at the list of violations listed. Go down the list and start fixing things that are deprecated or wrong. Notepad++ has an "HTML Tidy" feature that will reformat and correct some common mistakes. However, many of the problems that you are going to encounter are not trivial - as in the entire paradigm followed is probably wrong. Converting a site is, unfortunately not the type of thing that we can do by running the pages through a wizard. I would start by creating a new MasterPage (or global template for whatever framework) that uses CSS for formatting and layout. Then you can migrate blocks of text into the new "skeleton". Some of the CSS template sites offer really nice free templates. Hope this helps.
If this helps you, the new IE 9 has developer tools (F12) which allow you to use either the IE7, IE8 or IE9 rendering engines to view any page.
As a best practise, when making any content for the web you should be checking compatibility on at least the 3 main browsers (IE, Chrome, Firefox), and probably some of the others (Safari). There are Visual Studio add-ins that can help with this kind of thing, by choosing which browser(s) are used for debug mode.
Some of the developer tool suites also allow you to edit content in the browser which can be a big time saver. This lets you tweak CSS and HTML and see the results in real-time, you then just have to apply your changes to the original code. Chrome, FireFox and IE (newer versions) all have tools for this kind of thing, and/or free plug-ins.
You will find in IE8 that the behaviour is better than IE7 and IE6 but still far from perfect, but should notice that the behaviour across Firefox, Chrome, Safari etc is fairly consistent.
Hallo all.
I need a tool similar to firebug with ie6 to edit css live.
I tried to use ie developer toolbar but in ie6 seems not to let you edit the DOM as wanted.
Is there any tool around?
Kind regards
Massimo Ugues
There's one but it's pretty buggy.
It's called cssVista.
I am using version 0.1.5.3.
I've not checked to see if you can change or edit CSS live in it, but I've used Firebug Lite in Internet Explorer in the past. You might want to check it out.
I've heard great things about Adobe Dreamweaver CS 5, it has this feature. I also here that where other software has failed (things like Drupal with a bazillion nested CSS files), Dreamweaver CS 5 handles well.
So I'm supposed to be a .Net Developer but have found myself getting stuck with allot of css and html stuff lately. I would now consider myself to be very strong in css and all it's intricacies. With that said I still see any use it any of the Visual Studio support for it outside of the intellisense (when it works).
I want to ask if anyone developers that view themselves strong in css are using any of the Visual Studio 2008 css support features and if so what they are and why they use them over say firebug?
Thanks,
Denis
Hand coded all the way for me.
Firebug is really good for getting to the bottom of wierd browser issues, but generally I have IE, Chrome and Firefox open when I'm coding html & CSS, and I just make sure I hit the refresh button often enough in all three of them to make sure I don't get any nasty suprises after writing a pile of css.
Typically I turn off all of the Visual Studio CSS stuff. It's not exactly well made. Instead I've been using MS Expression to build master pages and manage CSS files. It is light years ahead of VS.
That said, I see firebug as a complimentary product, not really a replacement. I use FireBug and the equivalents in safari, chrome, and IE 8 to see what's going on with the internals of a particular element on a page. I use Expression to edit and maintain the css.
I would like to make a browser toolbar like google toolbar for my website. It should be compatible with all popular browsers.
Which language should I use to make it? Is there any examples/guides I could use?
For Firefox, start here: https://developer.mozilla.org/en/Extensions
Internet Explorer, here: http://msdn.microsoft.com/en-us/library/bb250489%28VS.85%29.aspx
You can use Javascript and Xml (XUL) to write Firefox extensions and any language that can generate a COM component implementing the IObjectWithSite interface (VB, C++, C#...) for IE.
IE Examples:
https://web.archive.org/web/1/http://articles.techrepublic%2ecom%2ecom/5100-22_11-5078098.html (VB)
http://www.codeproject.com/kb/cs/attach_bho_with_c_.aspx (C#)
Firefox:
http://www.rietta.com/firefox/Tutorial/overview.html
http://kb.mozillazine.org/Getting_started_with_extension_development
You CANT make a single toolbar that is compatible with both IE and Firefox. You need to create two toolbars.
For IE you need to create a Deskband (http://www.codeproject.com/KB/shell/ietoolbartutorial.aspx), a kind of plugin that interfaces with IE via COM. You need to know C++ and COM to do this.
For Firefox, you need to create a Firefox Extension. https://developer.mozilla.org/en/Extensions is a good place to start. You need to know JavaScript and XUL (XML User Interface Language, what Mozilla uses to create user interfaces)
Browser toolbars are not compatible with other browsers. Some toolbars give you a different download link based on your browser, while others install plugins for each browser they recognize and detect.
But regardless, you will be writing one for each browser you want to support, unless they share a plugin model.
See Corbin's answer for ie and firefox, for safari, get started at:
http://developer.apple.com/documentation/InternetWeb/Conceptual/WebKit_PluginProgTopic/Tasks/WebKitPlugins.html
Have you tried http://www.Conduit.com/ ? It's completely free of charge! I love it. Even the big guys use it.
With regards to your game... Is it available online? Can I play it?