December 2014 – Knowledgebase

Do not use console.log without polyfill, when you are living in 2011 (IE9) or before

18 December, 2014 Roel van Lisdonk 0 Comments 1 category

If you have to support <= IE9, you should not use console.log without a polyfill. If you don’t use a polyfill, console.log will throw an error. Console.log will only be available if the developertools are

How to show html embeded inside JSON to the user with AngularJS and ngSanitize.

16 December, 2014 Roel van Lisdonk 0 Comments 1 category

I want to show HTML to the user, that was stored in a SQL Server Database. The data was queried from the SQL Server Database by using Entity Framework, then the C# model

Simpel fixed header and footer with CSS in IE8.

12 December, 2014 Roel van Lisdonk 0 Comments 1 category

Code can be found here: http://plnkr.co/edit/HkhYo9KVUvzuhvPNDZHA?p=preview

F12 developer tools in IE 11 v11.0.15 just got better

12 December, 2014 Roel van Lisdonk 0 Comments 1 category

In windows 10 preview I noticed the F12 developer tools changed. I think the new F12 developer tools in IE are a really good update from the previous version. I did not like the buttons

Dynamic loading of views as directives in an AngularJS wizard.

5 December, 2014 Roel van Lisdonk 0 Comments 1 category

Demo and Code can be found at: http://plnkr.co/edit/Ht4ud6kyJUzDTQdS9MI2?p=preview Just for the fun, I added a D3.js chart: A simple AngularJS wizard that dynamically loads pages (views). In the plunker each page

Nice infinite scroll library in JavaScript (15kb)

4 December, 2014 Roel van Lisdonk 0 Comments 1 category

Infinite scroll library in JavaScript (15kb) http://darsa.in/sly/examples/infinite.html With pages: http://darsa.in/sly/examples/vertical.html

Creating a vertical linear gradient border with solid border as fallback for older browsers.

3 December, 2014 Roel van Lisdonk 0 Comments 1 category

Code can be found here: http://plnkr.co/edit/EgLVcgyPcbu7AngvnnOy?p=preview <!DOCTYPE html> <html> <head> <title>Vanilla javascript spike page.</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <style> html, body { height: 100%; } body, div, p, ul,

AngularJS tip, quote your css classnames in ng-class

3 December, 2014 Roel van Lisdonk 0 Comments 1 category

It is a common practice to use spinalcase in CSS, like the css class “.ada-wizard-marker”. If you want to use this class in a ng-class directive, where the input is an object, use single quotes,

Using css animation with angular, to show and hide a massive angular tooltip in a responsive layout.

1 December, 2014 Roel van Lisdonk 0 Comments 1 category

Code can be found at: http://plnkr.co/edit/xarxPAKTXrEIDKUHmapg?p=preview I was asked to show a tooltip with AngularJS in a responsive layout, so I created a Plunker, that will form the base of my code. Note: resize

Month: December 2014