Mailing-List: contact flex-dev-help@incubator.apache.org; run by ezmlm
Precedence: bulk
Reply-To: flex-dev@incubator.apache.org
Received-SPF: pass (athena.apache.org: domain of joan.llenas.maso@gmail.com
 designates 209.85.212.171 as permitted sender)
MIME-Version: 1.0
Sender: joan.llenas.maso@gmail.com
In-Reply-To: 
 <CANj_=ieYbLQRmQ_diko8i7Q6XJg8NDkVCv=J5xyMwrT4zR6vaA@mail.gmail.com>
References: <4FDB3B41.8000107@gmail.com>
 <CANj_=ieYbLQRmQ_diko8i7Q6XJg8NDkVCv=J5xyMwrT4zR6vaA@mail.gmail.com>
From: =?UTF-8?Q?Joan_Llenas_Mas=C3=B3?= <joan@garnet.io>
Date: Fri, 15 Jun 2012 16:00:59 +0200
Message-ID: 
 <CAK1VXSrpTXSRC4wLqkzy61FvOPJSyyYiPM8hmZdMMCHPt8s9PA@mail.gmail.com>
Subject: Re: Painful story...
To: flex-dev@incubator.apache.org
Content-Type: multipart/alternative; boundary=f46d0442834a32462004c283409f

--f46d0442834a32462004c283409f
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

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=C3=B3
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 bee=
n
> 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 technolog=
y
> and slowly you should get used to it.
>
>
> On Fri, Jun 15, 2012 at 9:40 PM, sathyamoorthi <sathyamoorthi.10@gmail.co=
m
> > 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 i=
t
>> is flex, i will code like this,
>>
>>         <mx:HGroup id=3D"grp" width=3D"100%" height=3D"100%">
>>                 <mx:Group id=3D"grp1" width=3D"300px"
>> height=3D"100%"></mx:Group>
>>                 <mx:Group id=3D"grp2" width=3D"100%" height=3D"100%"></m=
x:Group>
>>                 <mx:Group id=3D"grp3" width=3D"300px"
>> height=3D"100%"></mx:Group>
>>         <mx:HGroup>
>>
>>         Above code will take less than a minute and should work perfectl=
y
>> 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 =3D grp.width - grp1.width - grp3.width.
>>
>>         But in HTML,
>>
>>             grp2.width =3D 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 nothin=
g
>> 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.
>>
>>
>
>

--f46d0442834a32462004c283409f--