flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Joan Llenas Masó <j...@garnet.io>
Subject Re: Painful story...
Date Fri, 15 Jun 2012 14:00:59 GMT
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)

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.

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