background preloader


Facebook Twitter

12 Fun Sharing Button Effects. Danny Markov Everyone loves eye candy and smooth CSS3 animations. This is why today we are sharing our latest experiment with you – a collection of effects for revealing sharing buttons. Install Android, Cordova, and Ionic Framework in Ubuntu. After recognizing that I develop almost entirely on Ubuntu Linux, a subscriber of mine asked me how to properly set up an Ubuntu machine for Ionic Framework Android development.

Install Android, Cordova, and Ionic Framework in Ubuntu

Now there are a ton of options to handle this task, but not many bare bones solutions. Most solutions on the internet explain how to use an IDE, or fail to elaborate a complete installation. If you’re not interested in learning how to accomplish the task of installing NPM, Android, Apache Cordova, and Ionic Framework, you can just download a convenient shell script that I made. If you want to know how this shell script works and would like to get the most out of it, continue reading the article. To install everything using the shell script I provided, download it and do the following: The above will make the script executable and then it will be installed using a privileged account. The installation script will download and configure the following:

Learning JavaScript Design Patterns. Node Webkit powered Dashboard application. In this post, we will be building a full fledged desktop application using node webkit and web technologies.

Node Webkit powered Dashboard application

We are going to build a dashboard app called myDashboard. The app will show the Weather report, Google Map, Flickr images and a Calendar. The final product would look like. Why You Should Never Use MongoDB « Sarah Mei. Disclaimer: I do not build database engines.

Why You Should Never Use MongoDB « Sarah Mei

I build web applications. I run 4-6 different projects every year, so I build a lot of web applications. I see apps with different requirements and different data storage needs. Creating a Simple RESTful Web App with Node.js, Express, and MongoDB. A Simple Website in Node.js with Express, Jade and Stylus. Build a Complete MVC Website With ExpressJS. In this article we'll be building a complete website with a front-facing client side, as well as a control panel for managing the site's content.

Build a Complete MVC Website With ExpressJS

As you may guess, the final working version of the application contains a lot of different files. I wrote this tutorial step by step, following the development process, but I didn't include every single file, as that would make this a very long and boring read. JSman - заметки о Javascript, Node.js. Rob Dodson talks internets. Welcome - Polymer. The Big List of AngularJS Resources. Building a Chat App with node-webkit, Firebase, and AngularJS. Learn Angular by Building a Gmail Clone. AngularJS Tutorial Build a Gmail Clone Introduction Build a simple email application and learn core AngularJS concepts.

Learn Angular by Building a Gmail Clone


Chaise Blog: building a diary with Angular.js, Grunt.js and Cloudant. Angular.js is a client-side JavaScript framework by Google that makes writing sophisticated, interactive Web apps super easy.

Chaise Blog: building a diary with Angular.js, Grunt.js and Cloudant

It makes previously complicated tasks nearly effortless, without the boilerplate Backbone tends to carry. Combined with Cloudant, you can build some really neat stuff right quick. Grunt.js is a task-runner for JavaScript projects. AngularJS, Animate your App!! User Rating: It is not a secret that one of the best UX enhancements within mobile apps is switching from one screen to other sliding left to right, ..for example to show a Menu, or just to go from one step to the next one.

AngularJS, Animate your App!!

We are building an App here so how come we don't use the same method to go from the list of actors to the info of any actor, or to access to the multimedia gallery of the Actor?? Two Fucking Developers - Not just another blog about coding. The Shapes of CSS. HTML5 Canvas Cheat Sheet. 23inShare This cheat sheet summarizes the complete HTML5 Canvas API for the 2D context, based on to the W3C HTML5 Canvas Spec.

HTML5 Canvas Cheat Sheet

It also provides techniques for handling common proceedures. HTML5 Canvas Element Html5 canvas element<canvas id="myCanvas" width="500" height="300"> Html5 canvas element with fallback content<canvas id="myCanvas" width="500" height="300"> your browser doesn't support canvas! A Better Way to Learn AngularJS - Thinkster. Congratulations on taking the plunge!

A Better Way to Learn AngularJS - Thinkster

This AngularJS course is built with the intent of exposing you to the best available resources on each Angular topic. Our desire is to present these topics richly, and from a variety of vantage points, in order to afford you a more complete perspective on them. This course is accompanied by AngularJS Tutorial: Learn to Build Modern Web Apps with MEAN. The learning curve of AngularJS can be described as a hockey stick.

Getting started with apps featuring basic functionality is delightfully easy. With AngularJS, the "Ready, Fire, Aim" learning methodology of duct taping together a handful of tutorials and a cursory glance through the documentation will lead to confusion and frustration. Prerequisites Resources. Ultimate guide to learning AngularJS in one day. One Hungry Mind — all your web application are belong to us. Vertical align anything with just 3 lines of CSS. With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height.

Vertical align anything with just 3 lines of CSS

The CSS property transform is usally used for rotating and scaling elements, but with its translateY function we can now vertically align elements. Usually this must be done with absolute positioning or setting line-heights, but these require you to either know the height of the element or only works on single-line text etc. Thinkful Programming Guides. CSS-паттерны. Возможности управления фонами через CSS в cочетании с градиентами дают совершенно невероятные возможности. Градиентами можно нарисовать почти всё что угодно от простых клеточек, полосочек и кружочков до достаточно сложных узоров.

Bootstrap CDN by MaxCDN. CSS3 Patterns Gallery. Wave (294 B)✖by Paul Salentiny Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. CSS Gradient Generator. CSS3.0 Generator.