OpenWGA Blog

Author

Powered By

  • OpenWGA Blogs 2.3.1 Build 127
    Running on:
    OpenWGA Server 6.0 Release (Build 472)
    www.openwga.com
Archive August 2011:

Maintenance releases 5.4.1 and 5.0.14 of OpenWGA server available

The first maintenance release of OpenWGA 5.4 is available, along with another one for our base version. Get them from our downloads section or via the debian PPA repository.

See the Issue Tracker for addressed issues:

OpenWGA Enterprise Blogs 2.3: Customizable by design

This week we released version 2.3 of our OpenWGA Enterprise Blog plugin, retrievable via the Download Page or - preferrably - the OpenWGA 5.4 Plugin Store that is integrated to the admin client. This version has quite a number of exciting features including the ability to import Wordpress blogs, a dedicated content module to display blog postings in other applications and support for Gravatar Images on Comments.

The most important part of it however is that it is our first OpenWGA application that is customizable by design, using a new OpenWGA 5.4 feature called "design overlays". Lets have a look at what this means and how this makes it easy for you to develop your own flavor of blog design while still using our predefined functionalities.

Use JSON Objects to style your website

CSS is Designed for Browsers - not for Programmers.

Typical CSS files are totally unstructured and hard to maintain. Styles are seldom fully qualified leading to hard to debug conflicts between style definitions. Changes to one value often needs changes to other definitions (f. e. width and paddings).

OpenWGA 5.4.1 now supports "JavaScript Styles" (JSS).

JSS let you define the styles of your site using structures JSON objects that are "compiled" to CSS readable by the browser.

JSS brings you

  • nested style definitions
  • automatically full qualified selectors
  • value calculations
  • cross browser properties and values
  • utility functions

Sample JSS code:

"#header": {


height: 75,


position: "absolute",
"top,left,right": 0,


h1: {
padding_left: 20,
font_size: "200%",
a: {
color: "inherit",
text_decoration: "none",
"&:hover": {
text_shadow: "0 0 10px white"
}
}
}

}

Read more about JSS on jss-lang.org.


Entry 1 to 3 of 3