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

Start coding today to experience the powerful engine that drives data application’s development, brought to you in partnership with Qlik.

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.

Create data driven applications in Qlik’s free and easy to use coding environment, brought to you in partnership with Qlik.

Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}