I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German


BLOG FILTER



FavIconX allows you to use your favicon as progress indicator.

FavIconX @ Github

readmore

Cylon.js is a JavaScript framework for robotics, physical computing, and the Internet of Things. It makes it incredibly easy to command robots and devices.

  • ARDrone
  • Arduino
  • Arduino YUN
  • Audio
  • Beaglebone Black
  • Bebop
  • BLE
  • Crazyflie
  • Digispark
  • Imp
  • Intel Galileo
  • Intel Edison
  • Intel IoT Analytics
  • Joystick
  • Keyboard
  • Leap Motion
  • M2X
  • MiP
  • MQTT
  • Nest
  • Neurosky
  • OpenCV
  • Particle
  • Pebble
  • Philips Hue
  • Pinoccio
  • PowerUp
  • Rapiro
  • Raspberry Pi
  • Salesforce
  • Skynet
  • Speech
  • Sphero
  • Sphero BLE
  • Tessel
  • WICED Sense

Cylon.js @ GitHub

readmore

IoT is the current buzz word and I will be doing some more tinkering with current solutions this year. I have done projects with ArduinoRaspberry Pi and looking into relayr / Wunderbar right now.

relayr provides a tech stack with Wunderbar, that easily connects included sensors with the cloud. They provide a wide range of API endpoints to collect data and even integrate hardware solutions like Arduino orRaspberry Pi.

“The WunderBar is built for software developers. It is a powerful rapid prototyping and product development tool that enables developers to immediately start creating products and solutions that utilise the Internet of Things, without any prior hardware knowledge. No soldering or electronic engineering experience is needed. Just choose what sensors you need for your project and start coding.”

relayrWunderbar

Starterkit should arrive next week …

Enjoy coding …

 

readmore

A repository of over 1000 quality jQuery plugins in categories like UI, Forms, Media, Navigation …

All nice, as long as those plugins are being updated. We had respositories of jQuery plugins before, that had many outdated or broken solutions.

jQuery Cards

readmore

Shepherd is a javascript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps.

We should always try to make our apps as self-explaining as possible, but sometimes features need to be showcased or explained. This helps you to do a quick first-start guide for new users.

Shepherd @ Github

readmore

“The picture element, srcset and sizes attributes, and associated features allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill enables support for the picture element and associated features in browsers that do not yet support them, so you can start using them today!”

Picturefill @ Github

 

readmore
16. December 2015

Angular 2.0 Beta goes live

Angular reaches BETA status. Time to start playing with it … Perfect for the holidays :)

With NativeScript und React Native you will be able to build native Android- und iOS-Apps as well.

Tutorial / GitHub

Enjoy coding …

readmore
20. November 2015

My Javascript Stack

Some time ago I said: “My perfect framework, is a set of solid singular solutions that have proven themselves over the years. Working solo or together in harmony”.

Here is a list of some of my core components, that I use in combination or standalone.

CORE

LAYOUT

TEMPLATING

OBSERVABLES

ROUTER

STORAGE

DEPENDENCY MANAGER

  • RequireJS  – requirejs.org

    jQuery Tweak: If you have already loaded jQuery before RequireJS, you can not use define([“jquery”], …) in your module defines. Add this to your main RequireJS config before doing anything else …

    NOW you can live happily ever after :)

  • OR
  • Loadrunner – github.com/danwrong/loadrunner

This is basically the core stack that I use to build out ideas :) While Angular is always an option, the above satisfies most of all needs and is often far slimmer. The rest depends on how you organize your code yourself, but at least you are not forced into fixed structures ;)

readmore

MVC offers architectural benefits over standard JavaScript.

The MVC pattern brings modularity to your applications and it enables:

  1. Reusable and extendable codebase.
  2. Separation of view from business logic.
  3. Simultaneous work on different components  ( UI layer and core logic).
  4. Maintenance becomes easier.

MVC is composed of three components:

MODEL

Model is where the application’s data objects are stored. The model doesn’t know anything about views and controllers. When a model changes, typically it will notify its observers that a change has occurred.

VIEW

View is what’s presented to the users and how users interact with the app. The view is made with HTML, CSS, JavaScript and often templates.

CONTROLLER

The controller is the decision maker and the glue between the model and view. The controller updates the view when the model changes. It also adds event listeners to the view and updates the model when the user manipulates the view.

 

Enjoy coding …

readmore