background preloader

The web's scaffolding tool for modern webapps

The web's scaffolding tool for modern webapps
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, Ember and over 400 other projects. Read the Yeoman Monthly Digest for our latest picks. One-line install using npm: Why use Yeoman? With so many great tools available to front-end web developers these days it can sometimes be difficult to understand how they all fit together.

http://yeoman.io/

Related:  A classer

7 awesome browser features New APIs for the web seem to be released every week. It would be cool to be able to use them, but if you need to make sites for the average user, you won’t be able to implement them for years – right? Wrong. fb With facebook-node-sdk you can now easily write the same code and share between your server (nodejs) and the client (Facebook Javascript SDK). This SDK will report usage of which AppID is using it directly to Facebook. Author: Thuzi License: Apache v2 npm install fb Separating JavaScript download and execution Not too long ago, I wrote a post entitled, Thoughts on script loaders[1], in which I discussed my thoughts on the continuing introduction of script loaders such as LABjs and ControlJS. In that post I also mentioned what I thought was the main problem that led to existence of these libraries. That problem is the inability of the developer to control the download of JavaScript files as separate from its execution. After a conversation with Steve Souders about ControlJS, I put together a proposal for a delayed script execution model in browsers[2].

Crazy Egg - Visualize where your visitors click Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire. A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process. At a fraction of the price. With no hardware. Almost no IT involvement. Getting To Know The Android Platform: Building, Testing And Distributing Apps When iOS started to gain momentum, soon after the first iPhone launched, many businesses started to pay attention to apps. The number of apps for iOS grew exponentially, and every company, big and small, rushed to create their own app to support their business. For some time, iOS was the only platform you really had to care about. The audience was there.

A Baseline for Front-End Developers 12 Apr 2012 edit I wrote a README the other day for a project that I'm hoping other developers will look at and learn from, and as I was writing it, I realized that it was the sort of thing that might have intimidated the hell out of me a couple of years ago, what with its casual mentions of Node, npm, Homebrew, git, tests, and development and production builds. Once upon a time, editing files, testing them locally (as best as we could, anyway), and then FTPing them to the server was the essential workflow of a front-end dev. Services and Dependency Injection As you've seen in Controllers and $scope (Please note: this chapter has not yet been released) AngularJS makes heavy use of Dependency Injection (DI) to retrieve references to components. In this chapter, we'll show you how AngularJS uses DI and how you can inject your own objects into controllers and services for your applications. A 30 Second Intro to Dependency Injection DI is a pattern which is often used in infrastructure components and which ensures that one particular component does not directly create references to other components. Instead of direct instantiation, every component will receive references to required other components like helpers, services, etc. as parameters to their constructor.

Thinking Async Here's the rub: when you load JavaScript from a third party you should do it asynchronously. You might want to load your own scripts asynchronously too, but for this article let's focus on third parties. There are two reasons for this: Juicer - a CSS and JavaScript packaging tool / Ruby - cjohansen.no For best performance, CSS and JavaScript should be served up using as few requests and bytes as possible. Juicer is a new command line tool that helps by resolving dependencies, merging and minifying files. It can even check your syntax, add cache busters to and cycle asset hosts on URLs in CSS files and more. VirtualBox VMs for Developers Learning your way around a new software stack is challenging enough without having to spend multiple cycles on the install process. Instead, we have packaged such stacks into pre-built Oracle VM VirtualBox appliances that you can download, install, and experience as a single unit. Just downloaded/assemble the files, import into VirtualBox (available for free), import, and go (but not for production use or redistribution)! Some of these VMs are designed to support Developer Day workshops, and have specific hands on labs embedded in them, but they're available to all.)

Best Web Development Trends For 2017! - Usersnap Technology changes constantly, so to be at the top of your game as a web developer, it’s vital you’re keeping up. It can be confusing and discerning when so many updates and developments are being released every few weeks. With 2017 just getting started, we’ve put together some information about the anticipated trends for this upcoming year and some advice about what areas of development you should be focusing on. Discussing new frameworks, techniques, and tools which are all working to enhance UX, consider this blog your one-stop-shop for all things 2017! We at Usersnap put together all our thoughts in this article. If you like this article, give it some sharing

The Wonderful Duo — Using Meteor and AngularJS Together Now, we talk about their conflicts Here is a list of things that I found Meteor and AngularJS don’t like each other about or don’t agree on: Script load order (namely, when angular.js is loaded)Bootstrapping of ngAppLoading of Angular template files, and template delimiter {{…}}Declaration and usage of Meteor collectionsCode minification Before walking through each of this list together, I want to also briefly list my solutions to the problems (and you can skip the rest if you don’t care for technical details): Follow a runlevel-like convention of organizing files.Instead of using ng-app on <html> or <body>, use it on a page container <div>.Change Angular template delimiter to something else, organize template files under Meteor’s convention, and load all templates from Meteor’s Template at start.Declare Meteor collections at global scope, create a wrapping function around Meteor’s Deps.autorun for data binding.Follow Angular’s dependency injection convention on EVERY occasion.

Related:  codingInternet relatedWeb DevelopmentWeb Development