Skip to main content

Compile CSS

CSS is arguably the best means of UI customization.

Consider an example of graphic-editing of UI elements:
https://initialaudio.com/how-to-skin-sektor/

Using CSS, all elements in that project could potentially be done without graphics.

Pros

  • practically all designers now know CSS
  • it's vastly capable

Cons

  • can't really decouple CSS from HTML whereas HTML is the biggest performance bottleneck (we'll solve this using different means)

The Problem

Unfortunately, CSS can get incredibly bulky. So what if we could design using CSS in a way that could feasibly be compiled to a local app?

In general, everything would be styled using CSS, in the same bulky way it exists in browsers. But when compiled, it's no longer bulky.

Benefits

  • we have the full flexibility of CSS for all apps
  • we have the full speed of native apps if needed

Comments

Post a Comment

Popular posts from this blog

Familiarity and workflow

Blender is a 3D design software with a built-in video editor and a powerful compositor, among other relatively hidden gems. The advantage of these tools in a 3D design app might not be obvious to some but it saves from having to learn workflows of multiple apps. Once a user is comfortable with Blender's basic workflow and key commands, it's much easier to learn other parts of the software. Rather than exporting rendered videos to edit in another software, they can use the workflow they're already familiar with to edit within Blender.

To be forthright, Blender has a steep learning curve. It takes time to get acquainted with it. The reward being increased productivity through familiarity with an intuitive and fast workflow. Once that time is taken, the same workflow can be applied to other aspects of design like video editing and compositing.

What we want is a workflow that's far easier to learn than Blender's. Notepad for Windows provides our base experience. Anyone…
Post a Comment
Read more

Everything Text

Pixel and vectors, video and text. What if we built one editor that could handle all these cases and more? One editor using one human-readable text format for files. If we use Markdown, we can use code blocks to represent binary data, if needed. Besides being able to store binary data, we could create human-readable data sections using formats like Eno. We could even include executable code.  With the flexibility of Markdown and its respective code blocks, we could store any type of data in a manageable way. So the file format for our all-purpose editor is plain text, Markdown.

We'll build our editor for text processing. But from the start, we must account for all editing needs. We're building a text editor that can do what Photoshop does, and what Premiere does. So first and foremost, everything those editors can do, our editor must be able to do using plain text. From there, we can create intuitive graphic interfaces to facilitate different workflows. Those UIs will basicall…
Post a Comment
Read more