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

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

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.

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.

Topics:

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}