| |
browse.develop.com
Browse.develop.com is a community that was established to collect and
organize valuable web information. Our technical staff have selected and
indexed information and courses that they feel will help you stay
current on best practices across the SDLC.
|
54 Articles match "Demo"
See all articles with
"Demo"
| The Latest from Maurice de Bejeir | MORE | | Filtering the data in an #AngularJS ngRepeat element 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in AngularJS Filtering the data in an AngularJS ngRepeat element Showing a list of items like in the previous post is nice but if the list is large most users appreciate the possibility to search in it. Turns out that AngularJS has that already build in so it is really simple to do. We are using exactly the same controller as before, all it contains is a list of people. 1: function DemoCtrl($scope) {. 14: ]; 15: }. The Problem Solver - Monday, May 13, 2013 Using repeating elements in #AngularJS The markup to generate the list in the screenshot is also real simple: 1: 2: 3: 4: AngularJS Demo. 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in #AngularJS In the previous posts I showed how to get started with AngularJS and use some of the basic AngularJS directives to data bind. In these examples I uses a really simple single element to bind to. However in lots of business cases you really need to display a list of repeating elements. 14: ]; 15: }. The Problem Solver - Friday, May 10, 2013 The #AngularJS $scope is not the MVC Model The corrected view is now: 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The #AngularJS $scope is not the MVC Model In the previous post I showed how to create and use an MVC Controller in AngularJS to manage the logic of an application. In this post I showed how to use the $scope variable that is passed into the Controller to share data between the Controller and the View. This may lead you to believe that the $scope is the MVC Model used but you would be completely wrong. Now that sounds awfully like a model but it isn’t. 13: *. The Problem Solver - Monday, April 15, 2013 | | The Best from Maurice de Bejeir | MORE | | HTML5 slides and demo code Below is are the links to the slides and demo code from my HTML 5 presentation I did yesterday evening at the DotNed user group meeting hosted by 4DotNet in Meppel. Slides (Dutch language) Code The slides are also on SlideShare here. HTML5 (Dutch) View more presentations from Maurice Beijer Enjoy! www.TheProblemSolver.nl www.dotnetevents.nl.NET ASP.NET Futures DotNed dotnetmag HTML5 The Problem Solver - Friday, October 28, 2011 HTML5 Presentatie slides en demo De PowerPoint slides en de demo code van mijn HTML5 presentatie van gisteravond zijn nu beschikbaar. Voor de liefhebbers ook online via SlideShare. HTML5 Overview View more presentations from Maurice Beijer Met dank aan 4DotNet die de sponsor was van deze bijeenkomst. Enjoy! TheProblemSolver DotNetEvents. DotNed dotnetmag HTML5 Modernizr WebSockets WebWorkers ChromeFrame Video The Problem Solver - Friday, January 6, 2012 jQuery UI and Windows 8 and Internet Explorer 10 touch screens have enhanced my small demo page here. I recently did a blog post describing how to enable the jQuery UI drag effects. In this post I showed how to get the draggable effect to work on an iPad. While that works just fine it isn’t the end of the story. Microsoft has shipped Windows 8 and Internet Explorer 10 and the jQuery UI draggable effect doesn’t work there as is. The solution Fortunately the solution is a lot simpler and doesn’t require an additional plug-in. It turns out that Internet Explorer 10 has quite a good support for pointer and gesture events. 1: $( "#draggable" ).css( The Problem Solver - Wednesday, October 24, 2012 | - jQuery UI and touch screens
For example take a look at the Draggable demo on an iPad. Try for yourself I have created a small demo page here. I really like using jQuery UI in my web applications. But even though jQuery UI is very well tested there are some potential issues to keep in mind. One of those is using the jQuery UI controls on touch devices like the iPad. With these touch enabled devices becoming more and more popular support is quite important if you don’t know you exact client configuration. The problem The reason jQuery UI doesn’t always work out of the box is because they use the mouse events. The Problem Solver - Monday, September 17, 2012 - HTML 5 and file Drag & Drop
1: 2: 3: 4: HTML 5 Drag & Drop demo. There is a lot of new goodness in HTML 5 and one of these features is being able to drag a file from the Windows explorer into the browser and handling the drop event using JavaScript. If you are a GMail user you are probably familiar with this as GMail allows users to attach files to emails using this Drag&Drop style. Of course as always not every browser supports the new feature. This works just fine with the current versions of Chrome or FireFox though. The HTML page I am using is real simple and looks like this. 1: $( function () {. Enjoy! The Problem Solver - Thursday, October 13, 2011 - Using SignalR for real time data updates
If you want to try this I have a live demo on my site where you can test this SignalR style page. In a previous post I showed how easy it is to create a simple chat application using SignalR. And chatting on the internet might be popular but as it turns out there are rather a lot of applications that need to do more than just chat. As it is there are a lot more CRUD style applications, where users edit data usually stored in a database for some purpose, than chat applications. Updates would be done in a similar fashion with some JavaScript. And that will remain so until reloads the data. The Problem Solver - Wednesday, July 25, 2012 - Creating an #AngularJS Controller
1: 2: 3: 4: AngularJS Demo. 'In the previous blog post I showed how to get started with a really minimal AngularJS application. Even though the app could multiply two numbers it could hardly be called useful and as it turns out that is about as much as I could do with it. Model View Controller AngularJS is an MVC framework. So far we have only seen the View part as the HTML used was the view used to render the page to the user. As the name suggest there should be more in the form of a Controller and a Model. It also responds to events to do things. 1: function DemoCtrl($scope) {. 13: *. The Problem Solver - Wednesday, April 10, 2013 - HTML5 Video
If you create a page like this: HTML5 Video demo. HTML5 Video demo. Video has always been a difficult thing on the web. With HTML5 supporting the element that should become a lot easier right? After all you just add a video element, set the source and you are good to go right? video. {. height: 200px; width: 400px; }. < video poster ="[link]. src ="[link]. controls. autoplay > HTML5 Video element not supported. And run it in Google Chrome its start playing just like this: Simple enough right? So what gives? The solution. video. {. height: 200px; width: 400px; }. The Problem Solver - Tuesday, December 13, 2011 - Demos and slides from my HTML5 and REST presentation in Belgium last week
HTML5 & rest services View more PowerPoint from Maurice Beijer You can download the ASP.NET WebAPI demo here and the SignalR demo here. Enjoy! TheProblemSolver DotNetEvents. ASP.NET REST HTML5 WebAPI SignalR The Problem Solver - Tuesday, April 3, 2012 - Using repeating elements in #AngularJS
The markup to generate the list in the screenshot is also real simple: 1: 2: 3: 4: AngularJS Demo. 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in #AngularJS In the previous posts I showed how to get started with AngularJS and use some of the basic AngularJS directives to data bind. In these examples I uses a really simple single element to bind to. However in lots of business cases you really need to display a list of repeating elements. 14: ]; 15: }. The Problem Solver - Friday, May 10, 2013 %>
149 Articles match "Demo"
See all articles with
"Demo"
| The Latest from DevelopMentor | MORE | | Filtering the data in an #AngularJS ngRepeat element 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in AngularJS Filtering the data in an AngularJS ngRepeat element Showing a list of items like in the previous post is nice but if the list is large most users appreciate the possibility to search in it. Turns out that AngularJS has that already build in so it is really simple to do. We are using exactly the same controller as before, all it contains is a list of people. 1: function DemoCtrl($scope) {. 14: ]; 15: }. The Problem Solver - Monday, May 13, 2013 Using repeating elements in #AngularJS The markup to generate the list in the screenshot is also real simple: 1: 2: 3: 4: AngularJS Demo. 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The AngularJS $scope is not the MVC Model Using repeating elements in #AngularJS In the previous posts I showed how to get started with AngularJS and use some of the basic AngularJS directives to data bind. In these examples I uses a really simple single element to bind to. However in lots of business cases you really need to display a list of repeating elements. 14: ]; 15: }. The Problem Solver - Friday, May 10, 2013 The #AngularJS $scope is not the MVC Model The corrected view is now: 1: 2: 3: 4: AngularJS Demo. 'Index: Getting started with AngularJS Creating an AngularJS Controller The #AngularJS $scope is not the MVC Model In the previous post I showed how to create and use an MVC Controller in AngularJS to manage the logic of an application. In this post I showed how to use the $scope variable that is passed into the Controller to share data between the Controller and the View. This may lead you to believe that the $scope is the MVC Model used but you would be completely wrong. Now that sounds awfully like a model but it isn’t. 13: *. The Problem Solver - Monday, April 15, 2013 | -
| The Best from DevelopMentor | MORE | - HTML5 slides and demo code
Below is are the links to the slides and demo code from my HTML 5 presentation I did yesterday evening at the DotNed user group meeting hosted by 4DotNet in Meppel. Slides (Dutch language) Code The slides are also on SlideShare here. HTML5 (Dutch) View more presentations from Maurice Beijer Enjoy! www.TheProblemSolver.nl www.dotnetevents.nl.NET ASP.NET Futures DotNed dotnetmag HTML5 The Problem Solver - Friday, October 28, 2011 - HTML5 Presentatie slides en demo
De PowerPoint slides en de demo code van mijn HTML5 presentatie van gisteravond zijn nu beschikbaar. Voor de liefhebbers ook online via SlideShare. HTML5 Overview View more presentations from Maurice Beijer Met dank aan 4DotNet die de sponsor was van deze bijeenkomst. Enjoy! TheProblemSolver DotNetEvents. DotNed dotnetmag HTML5 Modernizr WebSockets WebWorkers ChromeFrame Video The Problem Solver - Friday, January 6, 2012 - How to build a Development/Test/Demo CA
They usually expire on the very day where you have to do an important demo. I often need X509 certificates - but I never really became friendly with makecert. So I ended up running Windows Cerificate Services which proved to be an easy to use, robust solution. You can have one at home or carry it around in a VM. Perfect. There are some gotchas you can run into and I refined my configuration over the years. just had to rebuild my Test CA (on Hyper-V) so I thought I'll document the important steps (for self-reference and whoever might be interested). Basic Installation. Backup the CA cert. www.leastprivilege.com - Thursday, August 14, 2008 - Slides and demos from DevWeek 2013
Watch this space for the demo code as well. I had a great time discussing these topics with everyone at DevWeek 2013. Thanks to all who attended my sessions. Here are the slides: Getting Serious About The Cloud For Developers. 18 Ways Your Brand-New MVC Web Application Can Be Better. Building Rich Forms in ASP.NET MVC. Applied NoSQL in.NET. won’t be able to upload them until I get better internet access back in the US (couple of days). Cheers, @mkennedy. Speaking.NET ASP.NET Cloud Conferences DevelopMentor jQuery LearningLine tips web - Demos from TechEd EMEA
The demos from DEV 326 – my talk on WCF 4.5 at TechEd EMEA are available here. The session was also recorded and the video is now on Channel9 here.NET;WCF DevelopMentor Courses - Monday, July 2, 2012 %>
| |   |
