CSS preprocessors support

Hi,
I recently started using SASS in my websites. Working on a mac, i had to install a good deal of software via Terminal such as Ruby, NodeJS and Compass to check and handle the preprocessing for me. This process was pretty intimidating for a front-end designer like me. I can imagine incorporating such technology would greatly improve the appeal of Edge Code.
Any chance Edge would support this in the future?

I wanted to give an update on this feature concept, as we know that CSS preprocessor support is a hot topic these days. The team analyzed it and divided the feature into two significant pieces: 1) preprocessor support for code hinting and syntax support 2) direct preprocessor compiling/support from within the tool. We are looking into resolving #1 mid this year, but I don’t have an ETA for #2. We are in current investigation of both task and hope to provide the best solution as soon as possible! On the Brackets side, we have the below tasks that lead into this feature. When these features are completed for Brackets, they get shortly rolled into Edge Code.
Early preprocessor hinting/syntax support: https://trello.com/c/C2vXQ7qU
Full preprocessor hinting/syntax support: https://trello.com/c/EAQrlZv5
Full LESS compiling/tooling in the editor, which would lead quickly into SASS: https://trello.com/c/fwdSCJSK/912-epic-sass-support
Thanks again for using Edge Code!

Similar Messages

What about support for CSS preprocessors?

I love that Adobe is making all of these advancements in areas of HTML / CSS / JS / etc. but CSS preprocessors are becoming the way to "do things" and this is where I cringe when I have to use Dreamweaver and now recently Edge Code. If Adobe is all about the future, why not start including support for CSS preprocessors (most noteably SASS and LESS)?

I think you would want to support both less and sass mainly because there are so many differnt opinions on what works best, I started out using less and then learned about sass and did a little research and decided sass had more to offer, but I Know there are sever folks who think less is easier to use,
I think your biggest problem is getting people to open up something new such as Edge Code and decide what will this offer me that I can't get elsewhere, for example before I got creative cloud, I started with dreamweaver way back in the early days, latter on when jquery started getting popular I couldn’t seam to get code hinting to work, and there where a few random folks offering a half-assed plugin that didn't always work and between that and not being able to pay for the updates for dreamweaver and other products I looked around and found Aptana which I still use today because so far It has never been unable to do what I need and its free, now that I have just recently started using CC which is freaking awsome Im thinking about giving dreamweaver another shot, in-fact I was downloading it when I noticed edge code and decided to try it, the first thinks that I thought was how am I going to use sass with this.
So that said I think to me the most annoying part of using sass is the setup which consists of the following steps, copy a folder I made and update on my local machine, which has all the basic structure such as css folder, js folder, an index that has the basic linking to folders and files then rename the folder change some of the basic things such as title and well the obvious things, then open terminal and do a sass —watch then carefully make sure I only point to the css folder I'm working in so I don't have the annoying delay you get if you point to a folder that has several projects in it, and then once its set up if I still have any ambitions to even work anymore I do my thing, so things I think would work great would be thus, and this is keeping in mind Im new to the edge products so some of this may already exist, I haven't spent allot of time in any of the apps,
What if not only could I just drag my preset work folder(s) into Edge Code and get going but maybe have it auto start a sass watch if it detects a .sass file.
I think code hinting and color are obvious needs.
Maybe a button that would create a project folder and include some pre determined files in the folder and link to them.
Maybe a option to work in sass mode.
Link files between the edge apps, really I could go on forever I am more of a visual person so I made a sample of what it might look like if I could create a picture with my words and I'm sure I'm leaving things out, I don't have allot of time to really explore this like I would like, over all I think the edge apps are looking really positive and I can't wait to see where they go, I hope this helps and let me know if I over looked things.
cid:0A2D995B-A35B-45BC-82F6-3E7D1C582E35

CSS Preprocessors?

These questions are for people that want to copy CSS from Parfait.
Do you use CSS Preprocessors in your workflows?
If so, which one do you use most often?
Do you ever use others, and if so, which one(s)?
Would you like Project Parfait to provide you with CSS in the syntax needed for your preprocessor?
Tell us about it!
Thanks,
Bruce

Hi Bruce,
I use LESS a lot in my day to day work flow, but as most people I know using less have semi-build-there-own mixin libraries not sure how easy that would be to integrate in without having to do a lot of restructuring your workflow, one that would be nice would be vendor prefixes as mixins, I think they are one of the few things most people have in their mixin libraries and since the syntax is fairly close to see anyway I would think it might be easier to implement efficiently!
Glad you're thinking of these kinds of things though, ideal situation would be you have a base mixin library and let people add their own on a per-account level? Again not sure how practical this would be to generate, CSSHat have a mixin library that works with their Photoshop extension but I've not actually used it so don't know if it's any good. http://lesshat.madebysource.com/
Danny

HTML 5 and CSS 3 Support In Dreamweaver CS5

I cannot find any information on this web site about whether and how Dreamweaver CS5 supports HTML 5 and CSS 3. There are lots of other fancy high-end whiz-bang technologies highlighted in CS5, but without support for HTML 5 and CSS 3, Adobe has left a great big hole in the middle of the new Dreamweaver. If I'm going to have to code these by hand, then there's little incentive for me to upgrade from CS4. Adobe may, by this oversight, intend to extend the useful life of Flash, but if this is so it's penny wise and pound foolish. There is much to like about Flash - and much to dislike about how it works on the user side. Leaving these problems unresolved hurts Flash, and leaving HTML 5 and CSS 3 support out of Dreamweaver hurts Dreamweaver. In other words, this is a lose-lose strategy.

Hi Scott
Sorry for the delay in replying, but I turn my internet connection off when working, otherwise I have found I tend to do more research than work.
Media-Queries:
I had viewed the video on the possible implementation of media-queries when it was first released, and in most respects the implementation is as I would expect, but it would be helpful if it was, (in a future development of the use) possible to show a list of 'common' smartphone/handheld devices, (makes/models) within the dreamweaver interface that would be usable with the screen size being used, (possibly as an import from the 'device central' device list as a drop-down list). My reason for asking for this feature is primarily as a time saving feature for the css layouts via media-queries as it would then show the targeted/usable devices in a list, and possibly alleviate the requirement of developing layouts that are not really required.
Video:
At the moment I am using the video feature as you have indicated where possible, and am doing so with the use of IECC's for IE as a fall-back for that browser. I have tried targeting versions if Firefox and Safari that support the video element by testing for it with JavaScript, but I have found this unreliable, possibly when the standard is finalized this may be the better method.
SVG:
I personally have decided to go with svg in preference to canvas. I have seen a few 'wow' factor demo's produced using canvas but as they use cross-compiled java to javascript code they are in reality showing nothing that has not been done before, (If we had 4Ghz processors with multi-core in 1999 similar trial graphics in vml would have worked just as good then, showing my age here!).
My current work-flow with svg is - Inkscape - Modify the code by hand/preview in a browser - copy/past the code into dreamweaver.
The current in-line implementation of svg's in the IE9 preview is where I see the main future of the svg implementations, as this makes using svg's for graphic elements and basic animations much more viable/easier for the average designer/developer, and lets not forget that as it is a vector it is ideal for resizeable background images in fluid/liquid layouts.
I should say here, that I will for the foreseeable future use flash/swf's for more complex animations, as these are still much better quality than anything that can be achieved with svg or canvas.
I would like to see the possibility of using Fireworks for the creation of svg's, and a work flow similar to that available between fireworks and dreamweaver at the moment.
Cache manifest and database:
As you have rightly grouped these two together, (and I cannot really envision a situation that they would not be used so) the situation with these is for me, (when trying to create the code for use) the necessity of 'remembering' what I must include in the cache and the transfer of the data for the database.
Both are probably better explained with a typical scenario -
A new research/development firm has developed the technology and parts to upgrade an autos internal combustion engine to an hydrogen powered engine. However the products list is specific to the motor manufacturers engine type, and to make matters worse the sales department also wishes an off-line version of the demos and parts list to be available to its sales team and customers, (o/k, maybe this is not a typical scenario, but it does demonstrate the usage).
When developing the 'custom' html 5' enabled page I would require the cache manifest to include all necessary javascript/images/videos that would be required for the particular auto manufacturer to be available off-line, and compiling the list must be done at present by hand making it subject to possible errors.
As for the database, (manufacturer specific) this must also be available off-line and updateable by the sales person and customer, as they are not always on-line and no hard-copys of material will be produced, (except when printed by the mechanic).
My solution for me regarding the cache manifest would possibly be a dialogue in dreamweaver that would show all resources associated with the auto manufacturers model type used in the html site. I have used namespaces, (or some form of identifier) for general and model specific javascript, and a model identifying code for images and videos. The dialogue would then allow me to filter the resources required using the namespaces and identifier and include them in the list as required, possibly in much the same way that items are moved from a general list to a more specific list when creating the 'favourites' toolbar in dreamweaver.
The database is on first appearance much simpler, as I would simply download the database using the motor_id as a filter, (yes Scott, you can see where I am going with this ) for those who cannot this would be wrong. You have correctly seen the problem with doing this, but I will explain for those who have not. The sales person and the customer would not see any of the images or videos that have references stored in the database, as these are just references and not the actual images/videos, yes one could use 'BLOB' for storing the items but this is not in my experience a reliable method. What is required is some form of method that would also download these items and place them into the required file position for off-line viewing, (which is what the cache manifest would do).
So I would also require the possibility to add dynamically to the cache manifest from an sql database at the same time as the 'save for off-line' option is generated, (I have experimented with doing this in a similar manner that xml is created from an sql database).
That's it for the html 5.
Accessibility:
For checking I use the firefox accessibility extension and total validator extension first, then the WAVE evaluation tool.
But for Dreamweaver I would like to see the inclusion of the ARIA options as standard, especially when developing 'rich-internet-applications' particularly the aria-live and role options. I often find it interesting in discussions about html 5 where it is seen by many as a 'new' mark-up' language for the web, but rarely seen in the context of helping in accessibility when used correctly. Even the html 5 spec contains a section on using the new mark-up as part of accessibility and how the ARIA roles should be applied, (see - http://www.whatwg.org/specs/web-apps/current-work/multipage/content-models.html#annotation s-for-assistive-technology-products-%28aria%29).
The inclusion of an extra live-view option in dreamweaver that render the page in 'screen reader' mode would also be a possible accessibility checking help. This could be done by simply turning off the background-images 'on-mass' and rendering any items as they would be seen by a screen reader. As most screen readers do now parse JavaScript and css, it would illustrate the problems of using such techniques as light-boxes without using the aria-live role to tell users that the light-box in now the focus of the page.
For anyone who has stayed with this post, my sincere thanks, and any comments on the content would be welcome.
Paula Z

Will Dreamweaver be incorporating the LESS CSS preprocessor?

Will Dreamweaver be incorporating the LESS CSS preprocessor? A lot of us developers prefer LESSCSS as the preprocessor of choice. It would be great if there was an add on or integration of this in Dreamweaver.
Any answer and suggestions are greatly ppreciated.
Thanks.
Peter Marino
HTML5 Web Designer
Sheffield Media Group, Inc.

Hi,
The first thing that we need to do is to tell Dreamweaver that it’s okay to open a .scss or .less file – something that Dreamweaver by default doesn’t understand. You’ll first need to take a peak in your personal Dreamweaver configuration folder – on a Mac, that’s located in ~username/Library/Application
html5 mobile development

Css 3 support

I started playing with the @font for css 3 after reading an article from google. The style works with the google fonts, but I can't get it to work with any others.
Does FF ver 3.6.8 support css 3? And if yes where can I find out how to use it with web based fonts?

This article might help: https://developer.mozilla.org/index.php?title=en/css/%40font-face
Also, this forum focuses on end-user support. You can find more web development help on the [http://forums.mozillazine.org/viewforum.php?f=25 mozillaZine Web Development board]. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting.

CSS 11500 - Support IPV6

Does the 11500 series support IPV6? If so, what code level was it first introduced in? If not, when will it be supported? Thank you!

not supported and will never be on the CSS.
A new device will be created and it will come with many new features including ipv6 support in hardware.
Gilles.

Custom CSS Cursor support in Safari/Webkit

I know the documentation says that custom cursors are not supported, but somehow CursorMania has figured out how to do it.
(The following link is to an ad portal, but this post is not spam)
http://cursormania.smileycentral.com/download/index.jhtml?spu=true&partner=ZCxdm 238&mtid=1&acid=1057619801
Any clue how they did this? I've looked through their code, but don't see anything obvious.

Custom cursors won't work, despite what's implied by that link. It's only a web page using JavaScript to display custom cursors depending on where you place your mouse. They don't work on Mac OS X.
Mulder

CSS Not supported in JavaFX 2 beta

Hello I've been testing on javafx 2 beta release deeply.
I was wondering of using custom css file in javafx. But it is not happening.
My first try of using css:
Scene scene = new Scene(panel, 300, 250);
scene.getStylesheets().add("file:/c:/main.css");
//main.css
.scene{
    -fx-font-size: 16pt;
    -fx-font-family: "Courier New";
    -fx-base: rgb(132, 145, 47);
    -fx-background: rgb(225, 228, 203);
}The above code compiles fine but no any changes happened.
After all I try with this:
Button b =new Button("Test");
b.setStyle("-fx-text-fill: white; -fx-background-color:gray; -fx-border-color:blue;");It worked for me.
Finally I have predicted that beta released have bug of using custom css file. But I'm not sure so please comment for solution if you have!
Thanks.
Narayan

Hi,
css works for me. I have put main.css in same package as Main class
and if i add it to scene with this line :
scene.getStylesheets().add("/jfx2betatest/main.css"); it works, but if i use to add it like before with this :
scene.getStylesheets().add(getClass().getResource("main.css").toExternalForm());it just does not work, even if i make error in css it wont recognize error while first one recognizes errors in css.
Here is one tip when i change something i css and i dont see changes on scene just try clean and build project cuz often it does not copy css to build dir.
My main.css
.button:focused {
    -fx-background-color: -fx-accent, #464646, #505050;
    -fx-background-insets: -0.4,1,2;
    -fx-background-radius: 6.4,5,4;
.button:hover {
    -fx-background-color: #616161, white, -fx-accent;
.button:pressed {
    -fx-background-color: #616161, white, #303030;
}Hope i helped.
Edited by: 862124 on May 28, 2011 5:49 PM
Edited by: 862124 on May 28, 2011 5:50 PM

CSS 2.1 support in Java

Hi
Can anyone please tell that does java provide CSS 2.1 support. if yes can anybody specify how to use it. and if no are there any plans of sun/java to make it available in near future?.
Regards
Kaleem

paulcw wrote:
JEditorPane and Java are not the same thing. Asking if Java supports CSS is like asking if France has a wooden leg. Yes, some guys in France have wooden legs. France itself does not have a wooden leg. Poor analogy. Take all the wooden legs out of France, and it's still France. The CSS support of Swing, however, is a specified part of Java SE.
Java itself doesn't have a socket timeout, but we wouldn't all act confused and pretend the OP was talking nonsense if he asked "how do I set socket timeouts in Java?".
If the OP meant the HTML displaying stuff in Swing, JEditorPane in particular, he should have said. His question as stated did not make sense, and could have meant anything.Yeh he definitely could have asked the question better. As soon as you asked "in what way does a language support CSS?" the correct answer to that would've shed light on it. But given that, by a not unreasonable definition of the term, CSS is supported by core Java, it's not exactly fair that the OP was accused of not having a clue what he's on about (I realise it wasn't you saying that)

Adobe recommends: Enhanced support for CSS3 in Dreamweaver CS5.5

Over the past week, we publicized some high-value content from adobe.com and other community sites. Hopefully you enjoyed these posts and found the resources useful. Today is our last day of the "Adobe Recommends" series.
Continuing our trip along the CSS highway, we now move to CSS3 with our next recommendation, by Preran Kurnool:
Enhanced support for CSS3 in Dreamweaver CS5.5
This blog post takes you through using box shadow, text shadow, border radius, and border image properties in Dreamweaver CS5.5.
Give it a spin and let us know what you think!
Previous recommendation threads:
Use Dreamweaver CS 5.5 to package your web application for iOS and Android devices
Customizing a Spry Menu Bar widget
Spry Menu Bar resources
Layout 101
CSS page layout basics
New CSS features in Dreamweaver CS5
Automatically attaching style sheets to new documents

Aegis Kleais wrote:
Sorry, Al, but I couldn't disagree more. Where I respect the fact that, as coders, we're rather ingrained with our workflow processes and, at times, hesitant to change, I've found LESS' benefits to be very worthwhile.
No need to apologize. Preprocessing is a topic on which there are differing opinions. You have one. I have one. There are advocates:
http://blog.urbaninsight.com/2012/04/12/ten-reasons-you-should-be-using-css-preprocessor
There are those who are not sold:
http://blog.millermedeiros.com/the-problem-with-css-pre-processors/
http://www.skybondsor.com/blog/css-preprocessors
There are those mostly sold:
http://css-tricks.com/musings-on-preprocessing/
There are even those who have been converted (but who might reverse at some later point):
http://cognition.happycog.com/article/preprocess-this
Heck, even I might be converted someday - or not
Bottom line for me, right now? I know I can write CSS that is better than most, more efficient than most, and easier to follow than most, and a preprocessor would add unwanted complexity. But that's for me. For someone not able to be organized intutively, or for a large - but carefully coordinated - team, a preprocessor could be a positive.
But not for me.
There are evolving trends - popular aspects of the technology that may and should find themselves being adapted into CSS. But I've been around this business as long as CSS has. I've seen buzzwords and trends and I've historically been spot-on in predicting the one that will stick. I think preprocessing will stick - but only insofar as it will be a catalyst for features in future versions of CSS. As a separate technology it makes no sense - to me

CrystalReport problem with CSS in VS 2010

Hi,
Please help me with following issue:
I have an ASP.NET project and it contains a lot of reports (.rpt, CrystalReports).
All worked fine untill I updated my CrystalReports to version 13. (were VS2008, .NET 3.5, now VS2010, .NET 4.0, CR13.0 )
All my reports have lost css-styles.
The styles were set according to this msdn link and worked fine:
http://msdn.microsoft.com/en-us/library/aa288418%28v=vs.71%29.aspx
I've investigated this problem and found out the reason:
for now the report itself is rendered inside its inner IFrame and obviously all css-styles specified for parent page are not applied.
But could you tell me is css-styling supposed to work in CR 13?
Or at least whom I should address this question to?

CSS is supported in CRVS2010, but there are issues. See [this|Is property CSS styling supported in Crystal Reports; thread.
Unfortunately, I have not had time to take a closer look at this yet. I'll try this week.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

Photoshop Webkit Rendering not supporting box-shadow

Hi there,
I've created a panel with an HTML Widget. Inside I have some embeded html with some CSS3 styles applied to an element. All CSS3 properties are working fine except -webkit-box-shadow or box-shadow.
Does Photoshop's Webkit rendering not support these properties? border-radius and background gradients work just fine.
Thanks

It's not on the list of webkit CSS properties supported in
AIR:
http://livedocs.adobe.com/air/1/devappshtml/AboutHTMLEnvironment_3.html

Syntax Highlighting for LESS CSS in Dreamweaver CS5.5

This article describes how to add the .less extension to Dreamweaver so that it views it as CSS and thus performs proper syntax highlighting.
I'm using Dreamweaver CS5.5 and following those steps still doesn't work for me. It works perfectly fine in CS5 and earlier versions but not CS5.5.
Do you have any ideas? I'm modifying the following file as the above link suggests:
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5.5\configuration\DocumentTypes\MMDocumentTypes.xml

Aegis Kleais wrote:
Sorry, Al, but I couldn't disagree more. Where I respect the fact that, as coders, we're rather ingrained with our workflow processes and, at times, hesitant to change, I've found LESS' benefits to be very worthwhile.
No need to apologize. Preprocessing is a topic on which there are differing opinions. You have one. I have one. There are advocates:
http://blog.urbaninsight.com/2012/04/12/ten-reasons-you-should-be-using-css-preprocessor
There are those who are not sold:
http://blog.millermedeiros.com/the-problem-with-css-pre-processors/
http://www.skybondsor.com/blog/css-preprocessors
There are those mostly sold:
http://css-tricks.com/musings-on-preprocessing/
There are even those who have been converted (but who might reverse at some later point):
http://cognition.happycog.com/article/preprocess-this
Heck, even I might be converted someday - or not
Bottom line for me, right now? I know I can write CSS that is better than most, more efficient than most, and easier to follow than most, and a preprocessor would add unwanted complexity. But that's for me. For someone not able to be organized intutively, or for a large - but carefully coordinated - team, a preprocessor could be a positive.
But not for me.
There are evolving trends - popular aspects of the technology that may and should find themselves being adapted into CSS. But I've been around this business as long as CSS has. I've seen buzzwords and trends and I've historically been spot-on in predicting the one that will stick. I think preprocessing will stick - but only insofar as it will be a catalyst for features in future versions of CSS. As a separate technology it makes no sense - to me

MaxDB/liveCache Forum: target audience and relevant support

Dear Community,
this thread was created to clear up any confusion that might have arisen in several threads in the MaxDB/liveCache forum, mainly regarding product support issues for SAP customers using SAP solutions and MaxDB.
SAP customers running SAP solutions should use the forum for:
- how-to questions
- general questions on MaxDB
- feedback
but not for product issues.
Attention:
Product problems must be reported via OSS/CSS, SAP support/development will point this out to the users and will thus not process those issues on the forum. Anybody from the (outside) community is of course free to assist in the matter.
SAP customers running non-SAP solutions utilizing MaxDB & others running non-SAP solutions utilizing MaxDB may use the forum for all kind of questions, incl.:
- how-to
- general
- product problems
- feedback
Regards,
The MaxDB/liveCache Team

For your bookmarks, the MaxDB wiki starting page is at:
<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/sdn/wiki?path=/display/home/maxdb">https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/sdn/wiki?path=/display/home/maxdb</a>
Henrik

CSS preprocessors support

Similar Messages

Maybe you are looking for