Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Source code of http://www.sakri.net

Built with Vanilla.js and some html5 Canvas fun.

Also the development grounds of TangleUI.js

  • A library targeted at Single Page Applications which require Responsive Layouts inside the Html5 Canvas
  • Separates basic layout and transition calculations from App and Component logic
  • Centralizes layout/transition definitions and calculations
  • Supports html elements whose position/transitions depend on Canvas contents (Negate repetition in JS/CSS)
  • Contains minimal animation capabilities
  • Expects layout and transition definitions in specified json format
    • layouts are defined as "percent value rectangles" relative to Landscape, Squarish or Vertical screen sizes
  • Is queried for layout Rectangles, Transitions and Animations
    • Apps call setLayoutBounds() at startup or resize, only default definitions are calculated
    • remaining calculations are made per query, results are cached until next resize

I have designed TangleUI for my own needs following years of wrestling with layout in Flash and Canvas. I will move it to a repo (and available via node) once I have completed and tested a minimum set of features.

Take a look : TangleUI

Layout definitions : SakriDotNetLayout

Transitions definitions : SakriDotNetTransitions

You can currently see implementations in SakriDotNetHomeApp.js, SakriDotNetLoader.js and MenuButton.js

If you are interested in TangleUI, or like what you see in general, contact me at sakri.rosenstrom@gmail.com

Thanks for having a look, a good day to you!

Sakri

About

sakri.net website and portfolio

Resources

Releases

No releases published
You can’t perform that action at this time.