Home

Welcome to my learning steps!

A place to post links to examples of and disussions about web and app.

Entries from 2018

Build systems

Found on this reddit thread on bazel

• this comment on bazel and the tool infrastructure at google and the reply
• An explanation why the build system has to handle the delta detection and parallelization.
• A writeup on build-systems.

CMS Links

• 21 java based content management systems

On CSS

• Adam Detrick Write less css talks at Coding Techt about using utility classes to reduce the amount of css. He mentions the css-specifity calculator, I. Grigorik deciphering the critical rendering path from 2012, recommends to read Content & Display Patterns with Expressive CSS by John Polacek (2016-03) and Bridging the gap between developers and designers from Kaelig Deloumeau-Prigent@dotcss 2014, mentions style dictionary a css build tool to document from source

Links on Dart and code

Flutter & Web - Unite your code and your teams (DartConf 2018)

• Hey let us unite Web + Android + iOS about the switch to dart for web and mobile (flutter)
• http://apptree.cloud/blog/ more on their company blog
• http://misko.hevery.com/2008/11/11/clean-code-talks-dependency-injection/

Five API Usability Lessons from Flutter (DartConf 2018) For a good UX using an API you have 3 ingredients: the api, the tooling and the documentation

• Reduce context switching: provide information inside the IDE (source code with examples)
• Speak your user language: use names that have meaning: ListView instead of Block
• Help build mental model: for example visualize the conceptual model (Animation-Api illustrated with recorder-buttons and a graph)
• Enable programming by example
• Promote recognition rather than recall: Colors c = Colors.green[400] requires recall, using Colors c = Colors.green.shade400 is easier to recognize and enables autocomplete, an IDE can augment this with a preview of the color.

Nomnom-App: Let's live code in Flutter (DartConf 2018)

• Code of the tinder for restaurant app that was demoed in the video: nomnom app on github

Entries from 2012

• Splitbutton-Example by using medialize context menu. For some background see the related discussion
• Knockout examples
• Knockout Shopping cart
• Knockout dynamic templates and link to others examples
• Knockout setting css
• Bootstrap dropdown as splitbutton and form tag inside menu
• Adding and removing a textarea on click - not 100% working you have to click two times on the second last paragraph.

Links

• iwantaneff.in has lots of nice plugins and demos
• Using Combobox from Telerik Kendo and custom template
• Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly
• [http://www.toptensoftware.com/markdowndeep/implementation](Markdowndeep - WinForms with unit test to handle markdown)

Misc links to read

• Dapper and other Stackoverflow open source projects
• Service Stack Examples
• Service Stack Performance, Performance Table and a second Json serialization test, Service Stack Architecutre
• Secure Asp.Net (outdated entry)
• SQL Connection encrypted
• SQL Server 2012 Encryption
• network-security-protocols-ipsec-vs-tlsssl
• Pet Store 2.0 Introduction and download Pet Store 2.0

WebGL / 3d demo

• 3d viewer
• 3d demo from Company 3d viewer

HTML Notes

Accessibility

1. button: just use button because tabindex, disabled, focus, synthetic click (space, enter), inert polyfill