Archive for the ‘HTML’ Category

CSS2UML - generating hierarchy graphs from CSS

Wednesday, May 14th, 2008

One day doing my labour work - related with models transformations. Unexpectantly work results was interesting and not quite but i wanned but, decided share my results with you.

Main work idea was model transformation. But in this case transformation results was unextpected. Was created prototype witch allows generate hierarchy graphs from CSS (Cascading style sheets)

How does it works ?
Generatoriaus veikimo schema

Schema is quite simple (P.s at some schema elements you can do not pay attention) they were left just for simplifying understandability.

Like you see graphs are drawed using graphviz tool. This tool is also used by doxygen doxygen for drawing diagrams. For parsing CSS file is used csstidy, but tools is not quite stable atleast. Talking about graphs results it’s submited in the picture.

Įrankio sugeneruotas grafikas

Also would like to mention that tool does support complete CSS standards like (p + table) and so on. But most regular CSS files it parses “correctly”. One of the interesting result graphs . Also nocited that there are some problems with comments interpretatio. Of course you can play your self.

Talking about practical adoption the only purpose of this tool i see possibility use this tool for better understanding page CSS hierarchy then need quick integrate some enchantments do not breaking whole CSS structure.

Working tool realization can be found here

Javascript marque

Sunday, December 2nd, 2007

Because I did not find good marque, made my own. Demo http://remdex.info/htmlai/marque/
Features

  • Configurable speed (Pixel step and timeout)
  • Configurable direction (From left to right, right to left)
  • Stop on mouseover
  • Mouseover marque delay
  • Separated HTML and javascript

Download marque

PNG ir IE6 daug rašyta bet….

Sunday, December 2nd, 2007

Taigi nors ir rašyta ta dema daug, kad IE nepalaiko ir pnš, bet niekur kaip ir neradau apibendrinimo, bei visų sprendimo būdų vienoj vietoje. Pabandysiu viska gražiai išdelioti. Visu pirma IE6 nepalaiko png formato ir dalinio permatomumo. O jei palaiko tik su directx filter komanda. Bet tada atsiranda kitos problemos, kadangi naudojant šį metodą nebegalima jo valdyti, kaip css background savybės. Vienu žodžiu turėsite problemų. Taigi mano surasti sprendimo būdai…
(more…)

CSS, DIV pixel perfect layout

Sunday, December 2nd, 2007

Taigi pradžiai nemažai laiko užgaišau, kol ¡šmokau kurti lyoutus paremtus CSS ir DIV. Tabless taip vadinamus. Kokia nauda iš to ?

  • Kiek teko skaityti greičau renderinama
  • HTML kodas užima daug mažiau vietos
  • Lengvai keičiamas išdėstymas

Trūkumai:

  • Pats puslapio atvaizdavimas gali žymiai skirtis nuo konkrečios naršyklės.(Ypač tai pasimato padarius visa išdėstyma ant FF ir poto pažiūrėjus kaip atrodo su IE6. 99 % kad puslapis bus atvaizduojamas blogai. Tada jau prasidada visokiu CSS hacku taikymas. Ir pasireiškia visos CSS išmanymas. Tiksliau sakant IE6 bugu. : )

(more…)