1. Setting electron app icons for Windows from OSX

    When building cross platform apps using GitHub's electron (website), you may run into the same issue I did a few days ago. When you want to automatically build the app Windows and OSX directly from an OSX system using the gulp-atom-electron module. Setting the Windows App Icon didn't work for…

    on electron gulp gulpjs Cross Platform

  2. Angular2 Quicky - Component ViewEncapsulation and WebComponents

    Component is perhaps the most overloaded word when it comes to JavaScript frameworks in these days. Every single framework has it's own definition of what exactly a component is, also Angular2. Components are the building blocks of ng2 apps. By default ng2 embeds components into the DOM. When ng2 renders…

    on ng2 web-components components angular2

  3. Angular2 Quicky - How to structure your projects

    When building large ng2 Apps, you've to care about how to structure your project. John Papa will of course provide a new style guide in the near future :) (no pressure here, we've our own for ng and ng2). But already in those early days you've to care about the project…

    on ng2 structuring apps open discussion

  4. Angular2 Quicky - Elvis is in tha house

    Another Angular2 Quicky for today ;) Angular2 introduces the Elvis operator ?. which can be used within templates. CoffeeScript Developers (Note: I ) may know this as "Existential Operator" which can easily be used to check if a variable has a value. In combination with *ngFor and *ngIf this makes a good toolbelt…

    on ng2 templates

  5. Angular2 Quicky - Local template variables

    Local template variables in angular2 can be used to easily reference HTML elements and use their properties either on sibling or child nodes. It's pretty easy to create and use those local template variables. Let's say you've an input file for dealing the firstname of someone. <input type="text"…

    on ng2 templates

  6. Building an electron app using Angular2 Beta0 in TypeScript

    A couple of weeks ago I created a sample repository for demonstrating the usage of ng2 in electron apps when writing ES2015. Today I've investigated some time in building a electron showcase app which explains how to create desktop apps using angular2 (currently beta0) when relying on TypeScript. Some friends…

    on electron angular ng2 TypeScript SystemJS angular2

  7. Angular2 goes CrossPlatform using electron

    A while ago I've posted a sample on how to write an electron app using Angular 1.x with ES2015 and JSPM. Now having more than 80 stars on github, it seems to be quiet important for the community. That's why I've decided to take this sample to another level.…

    on ng2 electron Cross Platform es2015

  8. Frontend Builds 7: Conditional Build Tasks

    Introduction Getting Started / Angular related tasks Readable and Pluggable gulpfiles Cross Platform Desktop Builds Cross Platform Mobile Builds Build as a Service Make it configurable Conditional Build Tasks (this article) Idea During the last post we made our BaaS configurable so that you can align the build to work with…

    on gulpjs frontend build BaaS

  9. Frontend Builds 6: Make it configurable

    See the other posts from this series Introduction Getting Started / Angular related tasks Readable and Pluggable gulpfiles Cross Platform Desktop Builds Cross Platform Mobile Builds Build as a Service Make it configurable (this article) Idea BaaS is fine so far if you're building your projects on exactly the same structure…

    on gulpjs build frontend BaaS

  10. Frontend Builds 5: Build as a Service (BaaS)

    See the other posts from this series Introduction Getting Started / Angular related tasks Readable and Pluggable gulpfiles Cross Platform Desktop Builds Cross Platform Mobile Builds Build as a Service (this article) The Idea Most developers create frequently new projects, either for work or for just trying something new. This is…

    on gulpjs AngularJS build frontend npm BaaS

  11. Frontend Builds 4: Building Cross Platform Mobile Apps

    See the other posts from this series Introduction Getting Started / Angular related tasks Readable and Pluggable gulpfiles Cross Platform Desktop Builds Cross Platform Mobile Builds The Idea During this post I'll explain how to bring x-note to various mobile platforms using Apache Cordova. x-note has been built using Angular Material,…

    on gulpjs AngularJS cordova build frontend iOS Android

  12. Frontend Builds 3: Cross Platform Desktop Builds

    See the other posts from this series Introduction Getting Started / Angular related tasks Readable and Pluggable gulpfiles Cross Platform Desktop Builds The idea Frontend Apps can esily be built for a various range of platforms. You can use Apache Crodova for building cross platform mobile apps. For building cross platform…

    on gulpjs AngularJS nwjs build frontend

  13. Frontend Builds 2: readable and pluggable gulpfiles

    See the other posts from this series Introduction Getting Started / Angular related tasks Readable and Pluggable gulpfiles The idea Within this post I'll explain the steps I've used to move from the initial gulpfile to a readable and maintainable version of it. But before explaining the technical steps, let's talk…

    on gulpjs AngularJS build frontend

  14. Frontend Builds 1: Getting started

    As described during the introduction, here the link to the sample frontend application. x-note is a small note-taking application which I’ll use for this series of posts. I’ve build the app using AngularJS and angular-material. Go and clone the repo now, all dependencies are managed using bower and…

    on angular AngularJS gulpjs build frontend

  15. Frontend build series introduction

    Here at Thinktecture we’re focusing on Cross-Platform Apps and we’re optimizing our development workflow continuously to push boundaries when it comes to development performance. I found myself again falling in love with creating fast and super awesome build processes. I’d like to use todays lunch time to…

    on gulpjs build frontend