Simple AngularJS Animations
Using the AngularJS framework we can easily create new animations. We just need to add the ng-animate attribute to the HTML element we want to animate and make sure the CSS that applies on our web page includes the required styling for the animation we want to get. The www.nganimate.org website overviews the possibilities. The […]
Creating Filters in AngularJS PRO
The AngularJS allows us to create new filters and use them in our code for filtering data we hold in arrays. The following code sample shows how to create a simple filter. The sample includes three files. The following is the HTML file that includes a SCRIPT element for using the AngularJS library, a LINK […]
Simple Navigation Menu in AngularJS PRO
The AngularJS allows us to create navigation menus in one page web applications in a very simple way. The following code sample shows that. The following is the HTML file that includes a script element that refers the AngularJS library on Google servers. <!DOCTYPE html> <html> <head> <script src=”http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js”></script> <link rel=”stylesheet” href=”design.css” type=”text/css” /> <title>simple […]
MooTools Cookie Object PRO
MooTools provides us with Cookie, a global object that provides us with a clean and simple access to the cookies on our web browser. The following code sample shows how simple it is to create a new cookie and how simple it is to read the value of a cookie that already exists. <!DOCTYPE html> […]
Creating Custom Icons in jQueryMobile PRO
Using jQueryMobile we can create our own custom icons. We just need to create a PNG-8 transparent file in the 18×18 pixels size and define a new CSS class that refers it. The following video clip explains how to do it. The following is the code sample explained in this video clip. You can find […]
Barousel.js Jump Start PRO
Barousel.js is an intuitive, sleek and simple framework for creating charts. Unlike many other similar frameworks this one is available with a bit more flexible open source license. The following video clip goes over the Barousel showcase you can find in Barousel official website. The following video clip goes through the very first steps you […]
Creating HTML Elements in Dart PRO
Dart allows you to create new HTML elements and add them to the web page. There are two ways for doing it. The following code sample shows how to do it. The code sample includes two files. The first is the HTML file. The second is the Dart file. Once the web browser loads the […]
Address Book Code Sample in AngularJS PRO
AngularJS supports data binding. The view is updated whenever the model changes and vice versa. Thanks to AngularJS support for data binding we can avoid writing code in JavaScript that manipulates the DOM. The behavior behind the DOM elements is modeled into controllers. AngularJS allows us to express this behavior in a clean readable form […]
Hello World in AngularJS PRO
AngularJS is a JavaScript library that provides us with a clear separation of our code into views and controllers. The development of AngularJS is promoted by Google. The following code sample is kind of a simple Hello World. Browsing this code sample we will see two text fields we can consider as models binded with […]
Simple Zend Framework Jump Start PRO
I have recently created a simple demo for using the PHP Zend Framework. The simple demo was prepared in order to assist my students doing their first steps using this framework. The demo includes few controllers and it basically shows a list of books and a list of reviews for each one of them. In […]