incubator-flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Richard Ranke <richardra...@gmail.com>
Subject Re: Painful story...
Date Fri, 15 Jun 2012 15:09:40 GMT
Try twitters bootstrap...pretty nice.

http://twitter.github.com/bootstrap
On Jun 15, 2012 10:01 AM, "Joan Llenas Masó" <joan@garnet.io> wrote:

> You are right, HTML layout is painful ( not sure if HTML5 improved the box
> model in any way )
> Onde I needed a consistent grid layout system, nestable up to a few levels
> deep and ended up using blueprintcss  http://blueprintcss.org/ and
> generating a huge CSS for all kinds of combinations.
> It worked but it really wasn't pretty...
>
> Good luck on Monday!
>
>
> --
> Joan Llenas Masó
> CTO Garnet Works SL
> T. 93 848 57 27
> --
> @joangarnet (es)
> @joanllenas (en)
> http://joan.garnet.io
>
>
>
>
>
> On Fri, Jun 15, 2012 at 3:50 PM, James Ong <yanlilei64@gmail.com> wrote:
>
> > Hundreds libraries? Just JQuery and any solid JS framework will do. I
> been
> > using Flex, Scala (Play! or Lift framework) and PHP/Javascript/CSS for
> > years. You will need to understand Flex is not one-size-fit-all
> technology
> > and slowly you should get used to it.
> >
> >
> > On Fri, Jun 15, 2012 at 9:40 PM, sathyamoorthi <
> sathyamoorthi.10@gmail.com
> > > wrote:
> >
> >>  Hi,
> >>
> >>         I don't know where to share my thoughts. As a hard-core flex
> >> developer i just dump my thoughts here.
> >>
> >>         Yesterday, i started to build a web app using HTML. As a first
> >> step i tried to build a layout. I don't have anything special. below is
> my
> >> layout.
> >>
> >>
> >>         After a long struggle i designed and positioned my header
> >> correctly. Then i came to my main page which contains 3 containers. If
> it
> >> is flex, i will code like this,
> >>
> >>         <mx:HGroup id="grp" width="100%" height="100%">
> >>                 <mx:Group id="grp1" width="300px"
> >> height="100%"></mx:Group>
> >>                 <mx:Group id="grp2" width="100%"
> height="100%"></mx:Group>
> >>                 <mx:Group id="grp3" width="300px"
> >> height="100%"></mx:Group>
> >>         <mx:HGroup>
> >>
> >>         Above code will take less than a minute and should work
> perfectly
> >> in all browsers as i think.   But you know guys i am trying above layout
> >> for a day in HTML. still i didn't get it correct.
> >>
> >>         Usually in flex,
> >>
> >>             grp2.width = grp.width - grp1.width - grp3.width.
> >>
> >>         But in HTML,
> >>
> >>             grp2.width = grp.width. How good it is? i don't know. And
> >> another thing, i tried to layout 3 div's inside another div
> horizontally.
> >> That is also really painful.
> >> i tried float, display and lot more options. Nothing helps me to get it
> >> right in all browsers. I know it is easy with Table. but i should do it
> >> with divs.
> >>
> >>             Hundreds of libraries there in JavaScript. But really
> nothing
> >> contains that number of good components and layout features like Flex. I
> >> really hate programming in a day.
> >>
> >>        *     NOTE: Please don't reply with any HTML codes.* I will
> >> continue and succeed on Monday anyway. It is just a story, how a flex
> >> developer struggles to migrate to HTML because
> >> of HTML5 storm.
> >>
> >>             Happy Weekend!!!!!
> >>
> >> -Sathyamoorthi.
> >>
> >>
> >
> >
>

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message