Several valid CSS properties are shown in red.

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
User avatar
pmk65
Posts: 678
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Several valid CSS properties are shown in red.

Post by pmk65 »

I created a dummy stylesheet with *all* CSS properties.
Can be downloaded here: https://dl.dropboxusercontent.com/u/224 ... l-css3.css

Loading the stylesheet into Webuilder 2015, shows several valid CSS properties displayed in red color.
So it looks like the "cssdefs" needs to be updated.

Tested in WeBuilder 2015 v13.2.0.164
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
kfury77
Posts: 97
Joined: Mon Jun 13, 2005 11:55 pm
Location: Osaka, Japan
Contact:

Re: Several valid CSS properties are shown in red.

Post by kfury77 »

The majority of the CSS properties in red are either no longer supported or not needed. Browsers are moving away from vendor prefixes and the majority of the ones in red (that are useful) have long since been un-prefixed.
For example; moz-border-radius hasn't been needed since Firefox 3.6 (firefox is on version 35 now), moz-opacity was never needed in a shipping release of Firefox, it was only used in a beta version, a lot of the Flexbox ones mentioned are not using that syntax anymore so it's better that they are not included.

From what I can see the only useful CSS properties in use today that are not currently included in WeBuilder's 'cssdefs' are:
clip-path:
user-select:
zoom:
-webkit-font-smoothing:
-moz-osx-font-smoothing:
-ms-touch-action:
-webkit-text-size-adjust:
-ms-text-size-adjust:

Are there any others that you actually use not included?

The stylesheet you created doesn't include some useful new properties like Flexbox.
Here's a great, very up-to-date list of all CSS properties:
http://tympanus.net/codrops/css_referen ... s-property
User avatar
pmk65
Posts: 678
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Re: Several valid CSS properties are shown in red.

Post by pmk65 »

kfury77 wrote:The majority of the CSS properties in red are either no longer supported or not needed. Browsers are moving away from vendor prefixes and the majority of the ones in red (that are useful) have long since been un-prefixed.
I know and i rarely use them as I use SASS :)
But I tried to include as many as possible, both new and obsolete ones.
kfury77 wrote: From what I can see the only useful CSS properties in use today that are not currently included in WeBuilder's 'cssdefs' are:
....
Are there any others that you actually use not included?
filter: I use quite a bit.
kfury77 wrote: The stylesheet you created doesn't include some useful new properties like Flexbox.
I know there's bound to be some missing, but feel free to update it if you spot something missing or wrong.
It might be a good reference for when Blumentals updates the WeBuilder's 'cssdefs' ;)
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
Aivars
Blumentals Software Developer
Posts: 2462
Joined: Thu Aug 22, 2002 1:40 pm
Location: Latvia

Re: Several valid CSS properties are shown in red.

Post by Aivars »

We try not to include those that are still in drafts (not standard yet) unless they are widely used and supported by all browsers. There have been multiple instances when properties disappear or get changed before reaching standard so using them is production probably not a very good idea. Don't take only my word for it, read what Mozilla says: https://developer.mozilla.org/en-US/docs/Web/CSS/filter (the yellow box), e.g. the "filter" property is still in WD and not supported by IE.
Blumentals Software Programmer
User avatar
pmk65
Posts: 678
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Re: Several valid CSS properties are shown in red.

Post by pmk65 »

@Aivars: Thanks for clearing that up.
I'll just add "filter" and others I use, manually to my own setup and wait for it the get into standards :)
There are 10 types of people in the world: Those who understand binary and those who don't.
Post Reply