css
From twext
|
css means cascading style sheets.. we can (and do) use css to format bifocal bitext and get text twext.. other options to format twext for sharing online may be flex.. [edit] tutorialcss is easy, easier than html and more powerful.. if you're a beginner, like me, here are some references:
[edit] without floatThere are many CSS layouts out there. Some rely on AP (Absolutely Positioned) elements, others use FLOATs. The former method is considered bad practice for its lack of flexibility while the latter is a powerful solution in building robust layouts. Unfortunately, like most powerful tools, FLOATs can be a dangerous method to employ or at least very frustrating. First of all, the FLOAT concept itself is not easy to properly understand, and second of all, FLOATs are a source of many browser bugs (mainly IE bugs) which make FLOAT constructs difficult to master across browsers... and easy to break. This article demonstrates an original solution that addresses semantics, construct, and design issues to deliver robust layouts.
(here's the first test of real world wixi learning.. the problem is pretty simple.. if you know css, you can add a simple solution) [edit] problemhtml neither formats nor styles twext too well:
it could look a lot better, like this: but instead of being just an image, the solution should be real text that is:
[edit] solution[edit] stylesmaybe css can identify 2 text styles:
then, instead changing html markup, back and forth, over and over to switch between the styles, we could just put:
to get: Image:TXTtwx.jpg or something like that..
[edit] tableone way to format twext is with explicit tables.. it works with html, more or less, but not so hot..
how would css work best using tables? must we even use tables? there is a problem with tables.. tables constrict larger chunks of translation:
[edit] no tablemaybe css can format twext without tables: then we could fit more translation betwixt text.. each chunk of translation would still be centered directly under each chunk of text, but we might
http://meyerweb.com/eric/css/edge/ shows some powerful uses of css without tables.. maybe we can find a solution that works on most browsers..
[edit] twexter css crash coursea big picture solution to the css problem may be a little crash course in css focused on the real world example of getting text twext.. lesson #1: find/make a diagram to explain how css, webpages, programs, data and users work together.. [edit] why css?why use cascading style sheets? [edit] user friendlyreal world example: many don't like real twext because it's too hard to read: css lets users override default styling with personalized preferences, like semi twext: [edit] modularhtml isn't too flexible or modular.. css is.. one different css page can change the look and feel of a webpage.. or even a whole website: see the css zen garden [edit] bilingualcascading style sheets seem like they offer powerful ways to make web pages both
 [edit] creativeapparently, there's lots of room for creative presentations of twext text using CSS.. lots of room to play :) [edit] ideas[edit] twext line breakwhen a user resizes the width of a web page, more or fewer tables will fit on a single line of twext.. ideally, twext will be just as flexible as text.. see twext line break [edit] fading twextif a chunk of text has the same translation, and both are repeated in a presentation, then the repeats might learn to fade away.. (maybe more of a spec than a css trick)
[edit] mutmarked up twext might tag chunks of text with meaningful information which can be communicated with graphical styles.. for example: not yet.. meanwhile, imaging color-coded twext parsed by grammar or slang, etc.. [edit] real world learningthe basic twext idea is pretty simple: faint style text inbetween normal style text.. a css noob could spend days parsing through tutorials, while a css master can probably whip out working solutions in no time.. an apprentice student might explain the solution, with ample reference to underlying systems.. a noob might then create simple images to even better understand how css works.. and thus, a meaningful learning system might grow.. [edit] reverse learningreverse learning might be like "reverse-engineering".. start with a working solution, then work backwards to find out (and teach) how it really works.. |
|
