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 open: http://stackoverflow.com/questions/5472938/does-ie9-support-console-log-and-is-it-a-real-function/5473193#5473193
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 was converted to JSON, by using JSON.net and send to the browser by the ASP …
Code can be found here: http://plnkr.co/edit/HkhYo9KVUvzuhvPNDZHA?p=preview
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 on the left. With the tabs on top the ui is much cleaner:
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 is a *.html file that is loaded by dynamically setting a viewmodel property “pageTemplateUrl”: ng-include="pageTemplateUrl" …
Infinite scroll library in JavaScript (15kb) http://darsa.in/sly/examples/infinite.html With pages: http://darsa.in/sly/examples/vertical.html
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"> <!– App styles –> <style> html, body { height: 100%; } body, div, p, ul, li { border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: 0; padding: …
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, like: ng-class="{ ‘ada-wizard-marker’: vm.showToolTip }" If you don’t use the single quotes, ng-class will not …
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 the screen to test the responsiveness. Initial state Clicked on Tile 3 HTML …
