Creating an hybrid app in minutes with Ionic Framework
Creating hybrid apps is really easy using Ionic Framework, AngularJS and Cordova. This presentation is a showcase of what you can expect from these technologies.
Web
44 articles
AngularJS memory stats
If you are familiar with AngularJS development, you know that memory consumption is one of the highest challenge you must face using it. angular-memory-stats is a module that helps you with this very problematic!
AngularJs 1.x Open Source projects to follow in 2015
2015 is a pivotal year for AngularJs 1.x, here is the list of Open Source projects that you should follow in order to remain at the forefront of AngularJs 1.x technology.
D3.js Responsive Word Cloud
There are few examples of word cloud using D3js, the best known is the one from Jason Davies but the code is difficult to understand as it is coupled with the cloud form (angle, number of words etc) and has many functions.
AngularJs, Browserify Polymer and Sass boilerplate
Source available on Github : https://github.com/shprink/angularjs-browserify-polymer-boilerplate
Two way data biding
Using Polymer and AngularJs at the same time is a bit problematic. The two way data biding (AngularJs feature) cannot natively work with Polimer web components. Some project are emerging though:
Those projects are not mature enought to use, so I decided to directly use AngularJs's resources within Polymer elements.
Using AngularJs's services within Polymer
var userService = angular.injector(['boilerplate']).get('UserService');
Polymer('user-list', {
ready: function() {
this.list = userService.getList();
},
tapAction: function(e) {
console.log('tap', e);
}
});Using AngularJs's scope within Polymer
Polymer('boilerplate-login', {
ready: function() {
this.angularScope = angular.element(this).scope();
},
sendForm: function(){
this.angularScope.goToHome();
}
});How to use Git submodules to facilitate your development routine
I have been using git submodules for a while now and I was sometimes lost on how to use it correctly and efficiently. This post will guide you through the needs and usage of a Git submodule.
Introduction to Gulp.js with practical examples
Gulp.js is what we call a JavaScript Task Runner, it is Open Source and available on GitHub. It helps you automate repetitive tasks such as minification, compilation, unit testing, linting, etc. Gulp.js does not revolutionize automation but simplifies it tremendously.
Ionic Framework features you may have missed
Ionic Framework is one of the best framework for developing hybrid mobile apps with HTML5. Based on AngularJS the set of available features is tremendous. This post presents, with examples, some of the best hidden features provided.
Leading the SVN to Git migration
Once upon a time I started a new challenge within a new company. This company grew up so fast that the development processes and tools were not suitable anymore. Most projects started with only one developer and, at the time the company chose Subversion (SVN) as the main Concurrent Versions System (CVS) and a classic Waterfall process (linear) to manage projects. This choices froze things for years..
Coming from a large team (10 members) in a totally Agile environment the gap I faced was kind of huge. The lack of productivity that the company faced resulted from those ancient choices. A colleague and I decided to change things by introducing several development tools such as Git , Gitlab (GitHub alike), Jenkins (Continuous Integration), Composer (Dependency Manager for PHP) and Scrum (Agile development framework).
Web page performance: How to optimize image loading?
Nowadays with the device (mobile, tablet, desktop etc.) and connectivity diversity (3G, 4G etc.) that we know, serving an optimized information to specific environments is paramount (thought not that easy). Many techniques exist to answer performance issues, especially when it comes to images.