Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

CSSFX: become productive with JavaFX CSS editing

DZone's Guide to

CSSFX: become productive with JavaFX CSS editing

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

Like me, you love develop using JavaFX.

Like me, you find CSS in JavaFX a very good thing.

Optionally like me, you use an efficient JavaFX CSS editor (check latest 1.1.0 version of e(fx)clipse).

If you answered yes to at least the first two sentences, you're not so far in being productive with JavaFX and its CSS features.

But you could be a little bit more... if you were using  CSSFX (http://www.fxmisc.org/cssfx).

What's that beast?

CSSFX is a new project which goal is to provide CSS hot reloading capabilities on already running JavaFX applications. When activated, you just have to do CSS changes in your source files, hit save button and magically your running application takes into account the CSS changes.
See it in action in the following video.


It's damn simple to use CSSFX ; version 1.0.0 just requires one line of code to activate CSSFX features
CSSFX.start()
 Next version, will even be simpler and will attach directly to JavaFX running application.
Current release is available via maven on central:
<dependency>
  <groupId>org.fxmisc.cssfx</groupId>
  <artifactId>cssfx</artifactId>
  <version>1.0.0</version>
</dependency>
For more information, do not hesitate to visit project at http://www.fxmisc.org/cssfx.

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}