flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Alex Harui <aha...@adobe.com>
Subject Re: [FLEXJS] Layout
Date Mon, 10 Aug 2015 14:28:12 GMT
Another thing to remember about FlexJS is that there doesn’t have to be
one way of doing things.  We are offering different component sets and
different themes/defaults.css files to let folks choose different starting
points based on their needs.

I haven’t checked the licensing, provenance, and browser support for these
reset files.  If you find one you really like that we can use, great, and
folks should be able to opt-in to any that aren’t quite so clean.  Right
now, we aren’t using anything but div and span from that list for the
widgets, but folks can put, in theory, any HTML can be used content for
the text widgets (although AS-side rendering won’t be any good right now)
so maybe that will help there.


On 8/10/15, 6:32 AM, "Kessler CTR Mark J" <mark.kessler.ctr@usmc.mil>

>The HTML resetting basically baselines all the browsers to roughly the
>same default state.  We have used it in the past to give a better
>starting point.  Here is a sample block of it that shows it resetting
>quite a few tags defaults.  The concept is to run the reset.css file
>before you set up anything else.  So instead of putting it in flex JS,
>just put in the inline css load to the generated html doc.
>html, body, div, span, object, iframe,
>h1, h2, h3, h4, h5, h6, p, blockquote, pre,
>abbr, address, cite, code,
>del, dfn, em, img, ins, kbd, q, samp,
>small, strong, sub, sup, var,
>b, i,
>dl, dt, dd, ol, ul, li,
>fieldset, form, label, legend,
>table, caption, tbody, tfoot, thead, tr, th, td,
>article, aside, canvas, details, figcaption, figure,
>footer, header, hgroup, menu, nav, section, summary,
>time, mark, audio, video {
>    margin:0;
>    padding:0;
>    border:0;
>    outline:0;
>    font-size:100%;
>    vertical-align:baseline;
>    background:transparent;
>[1] (older one, but one of the originals)
>[2] http://html5reset.org/
>[3] http://html5doctor.com/html-5-reset-stylesheet/
>-----Original Message-----
>From: Alex Harui [mailto:aharui@adobe.com]
>Sent: Monday, August 10, 2015 9:13 AM
>To: dev@flex.apache.org
>Subject: Re: [FLEXJS] Layout
>On 8/10/15, 5:57 AM, "Kessler CTR Mark J" <mark.kessler.ctr@usmc.mil>
>>Just a side bar question.  Does FlexJS use any type of html5/css reset
>>files for setting up default formatting?
>I had to lookup what that is.  There isn’t such a thing now, but it can
>certainly be added to the html5 library.  I think it would be equivalent
>to a theme.  If you look at at the flat.swc I added recently, it has a
>different implementation of controls and its own defaults.css.
>Remember, there is lots of stuff missing in FlexJS right now, but the
>basic principle is that any patterns you use often should be encapsulated,
>abstracted, and then plugged into the workflow somehow.

View raw message