balupton

DocPad: Minify your assets with Grunt

The following will minify your assets with grunt each time a generation write completes.

Installation

1. Install Dependencies

dwayne

Problem: What does a Modern Front-End Development Workflow Look Like?

I want to start writing libraries and large applications using the JavaScript language. However, I don't know how to setup the project and which build tools to use. What I do know is that the JavaScript community has moved way beyond using browser developer tool plugins and strategically-placed console.log() statements to debug, test, and build code.

I need help.

Below, I will keep track of articles, tutorials and tools I come across as I search for a way to bring my front-end development chops up-to-date.

The Ultimate Resource

balupton

Linux

Setup

# If inside vmware install vmware tools (these are just as good as the commercial ones)
sudo apt-get install open-vm-tools open-vm-tools-desktop

# Install git
sudo apt-get install git

sjl

var empty_list = function(selector) {
    return selector(undefined, undefined, true);
};

var prepend = function(el, list) {
    return function(selector) {
        return selector(el, list, false);
    };
};
var head = function(list) {

oooooglllllleoooooooooooooo

#Introduction If you're a php developer on ubuntu, there comes the time where you have to install/reinstall your system. I did it already a few times and i decided to write down the steps for a typical web developer stack with php. This is for a developer machine and not for live environment!

I hope it's a help also for you!

#Installation stack

• General Environment
• git / github

WebReflection

var typeOf = (function(Object, RegExp){
  // WTFPL License - http://en.wikipedia.org/wiki/WTFPL
  // thanks to @jdalton and @ljharb
  var toString = Object.prototype.toString,
      cache = (Object.create || Object)(null);
  return function typeOf(Unknown) {
    var asString = typeof Unknown;
    return asString == 'object' ? (
      Unknown === null ? 'null' : (
        cache[asString = toString.call(Unknown)] || (

williamespindola

#Designer To Do List Fist of all, the Designer need read some documentation or understand the project structure, this will help to understand what will be needed to create, avoiding the creation of unnecessary features and services.

The creation:

• Creates the layout in real size, preferably some grid system for that;
• Use a font resources like google web fonts;
• When use icons or thumbs find by libs like GLYPHICONS;

kaiquewdev

// Promessas podem resolver a sua vida.
// Mas se o Javascript foi pensado desta forma, com a possibilidade
// de funções dentro de funções, então existiria algum recurso para resolver este problema?

// Bom, não tem um recurso especifico que vai fazer a sua vida mudar, mas com algum conhecimento
// sobre a linguagem, você acaba descobrindo que isso pode acontecer.

// Primeiro exemplo - #1

function sayHello () {

rwaldron

/*!
 * jQuery JavaScript Library v2.1.1pre
 * http://jquery.com/
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 *
 * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
 * Released under the MIT license
 * http://jquery.org/license

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---