sakri.net website and portfolio
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
templates
.gitattributes
.gitignore
.htaccess
404.html
Gruntfile.js
README.md
about.html
blog.html
contact.html
faq.html
favicon.ico
imageResizeTest.html
index.html
package-lock.json
package.json
portfolio.html
robots.txt
services.html
sitemap.xml
sitemap_index.xml
spriteSheetTool.html
statsModule.html
workshops.html

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