dhoko

// Concatenate your partials and append them to index.html
gulp.task('templates', function() {

    var stream = streamqueue({objectMode: true});

    stream.queue(gulp.src([
        './src/layout/header.html',
        './src/layout/body.html'
    ]));
    stream.queue(gulp.src('./src/partials/**/*.html').pipe(partials()));

Victa

No later than a few days ago, at Octave & Octave, I had to make a grid generator in Sass which is fully responsive. Rather than using a fixed grid as I usually do, I decided to create a fluid grid using percentages (calculated with the famous target / context * 100 = result).

Indeed, after finishing the book Response Web Design from A Book Apart where the author proposes to use this type of grid, I must say I was convinced by this flexibility. And I think that I am not alone. Just look at the number of frameworks using this kind of grid (Foundation, Tiny Fluid Grid, Fluid960gs…)

After some hours of development to obtain optimal results based on the guidelines of my agency, I was surprised to notice a very annoying display bug on my Safari.

kaelig

// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----

$guss-rem-baseline: 10px !default;

// Transform a value into rem
// Assuming baseline is set to 10px on :root/html
@function rem($value, $baseline: $guss-rem-baseline) {

Integralist

var gulp    = require('gulp');
var size    = require('gulp-filesize');
var stream  = require('stream');
var util    = require('util');
var styles  = 'Assets/Styles';
var scripts = 'Assets/Scripts';

function aNewWritableStream() {
    stream.Writable.call(this, { objectMode: true }); // make Stream behave like stream of objects instead of a Buffer with a set size

m4dz

This files contains my boilerplates for jQuery plugins.

MoOx

a { font-size: calc(calc(calc(1rem * 0.75) * 1.5) - 1px); }

a { color: color(rebeccapurple a(-10%)); }

a { color: hwb(0, 10%, 20%); }

a { color: color(color(red a(+10%)));}

a { color: color(color(rebeccapurple a(-10%)) a(-10%)); }

cedricdelpoux

import React, {Component, PropTypes} from "react"

import placesLoader from "./placesLoader"
import placesShape from "./placesShape"

import styles from "./GoogleMap.css"
import iconMarker from "./iconMarker.png"
import iconTrash from "./iconTrash.png"

const {arrayOf, func, number, shape, string} = PropTypes

Integralist

module.exports = function (grunt) {

    // Project configuration.
    grunt.initConfig({

        // Store your Package file so you can reference its specific data whenever necessary
        pkg: grunt.file.readJSON('package.json')
        
        // ...tasks...
        

marcgg

{
  "AF": "93",
  "AL": "355",
  "DZ": "213",
  "AD": "376",
  "AO": "244",
  "AQ": "672",
  "AR": "54",
  "AM": "374",
  "AW": "297",

DavidBruant

Problème

Créer des applications partagées pérennes qui peuvent être déployées à grande échelle.

Partagées signifie que différents utilisateurs vont pouvoir interagir et "travailler" ensemble sur l'application

Grande échelle, en 2013, signifie que des dizaines à des millions de personnes peuvent utiliser l'application. Une majorité de plateforme doit être accessibles (ordis de bureaux, portables, tablettes, téléphones mobiles) de préférence à moindre coût et donc sans avoir à tout refaire pour chaque appareil. Vivant dans un monde régit par certaines lois physiques, il sera raisonnable de supposer que le réseau de communication est au pire ouvert. La sécurité de l'application ne devra pas supposer le contrôle du réseau, même dans si l'environnement de déploiement est considéré contrôlé.

Pérennes signifie que l'arrivée de nouveaux appareils sur le marché ne remet pas en cause plus de 1% du temps de développement. Personne ne peut prévoir le futur ; il conviendra de garder un œil ouvert sur les ten