Julia Ogris juliaogris

On innovation and disruption

In my initial weeks of my career in the financial and banking industry my ability to give in-depth feedback on a vendor project of the size and complexity of the current Architecture Simplification is limited. I'll therefore take a step back and focus on a high level view of what I believe the banking industry is going to experience in the near future and how it ties in with the strategy behind Architecture Simplification .

Musing on the fate of big banks

In my opinion big banks are going to be majorly disrupted in the next decade. An argument can be made that different industries have been disrupted along a line of increasing regulatory hurdles and risk to consumers.

Smooth scroll to top of page

If you need a plain JavaScript function to add a smooth scrolling back to the top of the page, you can use this script.

Add an id of "top" to the body
Add the onclick function to the link
Include the JavaScript function in your HTML file, preferrably at the bottom before the closing </body> tag if possible. Since this script is not part of the UI it can load last and will not negatively affect the user experience or usability of the page.

Author: Marco Del Corno - http://thewebthought.blogspot.com/2012/06/javascript-smooth-scroll-to-top-of-page.html

Many markers: Google Maps and Leaflet

Google Maps JavaScript API v3 and D3js cloned and extended from mbostock.

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Simple nav</title>
	<link rel=stylesheet href="styles.css" />
	<script type="text/javascript" src="script.js" async defer></script>
	</head>
	<body>

	/**
	* @param {!Array<!TileFactory>} factories
	* @constructor
	* @struct
	* @final
	* @implements {TileFactory}
	*/
	FallbackTileFactory = function(compositeFacotry, fallbackFactory, fallbackBounds) {
	/** @override */
	this.createTile = function(coord, zoom, size, div, opt_options) {

	<!DOCTYPE html>
	<html>
	<body>
	<div id="map" style="position: absolute; width: 100%; height: 100%"></div>
	<script type="text/javascript">
	function init(){
	var map = new google.maps.Map(document.getElementById('map'), {
	center: new google.maps.LatLng(37, -95),
	zoom: 5
	});

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<meta charset="utf-8">
	<title>Simple Polylines</title>
	<style>
	html, body, #map-canvas {
	height: 100%;
	margin: 0px;

	<?xml version="1.0" encoding="UTF-8"?>
	<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
	<GroundOverlay>
	<name>panel1</name>
	<Icon>
	<href>panel1.png</href>
	<viewBoundScale>0.75</viewBoundScale>
	</Icon>
	<LatLonBox>
	<north>37.5422476694301</north>