Skip to content

Instantly share code, notes, and snippets.

💭
coding away

Jérôme Coupé jeromecoupe

💭
coding away
Block or report user

Report or block jeromecoupe

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@jeromecoupe
jeromecoupe / cases.js
Last active Nov 18, 2019
Sort post by categories with 11ty data files
View cases.js
const cases = [
{
id: "123456",
title: "This is a case red blue",
categories: [
{ id: "1", slug: "red" },
{ id: "2", slug: "blue" }
]
},
{
View hamburger.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jeromecoupe
jeromecoupe / bitbucket-pipelines.yml
Last active Aug 2, 2019
Minimal Bitbucket Pipelines
View bitbucket-pipelines.yml
# Only use spaces to indent your .yml configuration.
# $SSH_USER $ROOT_PATH $SSH_IP:$SSH_PATH are environment variables
# image
image: node:latest
# pipelines
pipelines:
default:
- step:
@jeromecoupe
jeromecoupe / webstoemp-gulpfile.js
Last active Dec 6, 2019
Gulp 4 sample gulpfile.js. For a full explanation, have a look at https://www.webstoemp.com/blog/switching-to-gulp4/
View webstoemp-gulpfile.js
"use strict";
// Load plugins
const autoprefixer = require("autoprefixer");
const browsersync = require("browser-sync").create();
const cp = require("child_process");
const cssnano = require("cssnano");
const del = require("del");
const eslint = require("gulp-eslint");
const gulp = require("gulp");
@jeromecoupe
jeromecoupe / craft.md
Created Nov 22, 2017
Craft: information architecture, routing, templating
View craft.md

1. Architecture d'information

  • Homepage
  • Blog
    • Blogposts
  • Contact

2. Data structure Craft

Section Homepage [single: champs, URL (routing), template à charger]

@jeromecoupe
jeromecoupe / gulpfile.js
Last active Jul 24, 2019
responsive image pipeline in Gulp
View gulpfile.js
"use strict";
// ---------------------------------------
// packages
// ---------------------------------------
const del = require("del");
const deleteEmpty = require("delete-empty");
const globby = require("globby");
const gulp = require("gulp");
@jeromecoupe
jeromecoupe / craft_matrix_events_lowblocks.twig
Last active Jun 1, 2016
Implement an event calendar with Matrix: all event occurrences are stored as matrix blocks / fields
View craft_matrix_events_lowblocks.twig
{% extends "_layouts/default" %}
{% block content %}
{#
Events just have a Matrix fields with multiple dates.
The goal is to get all dates within a certain date range, ordered by date asc
All event details should be repeated when an event occurs at multiple dates
Events are presented in a calendar view and should only appear for a given day if they have
a corresponding occurence on that day.
@jeromecoupe
jeromecoupe / test_dates_matrix_native.twig
Last active May 26, 2016
Discontinuous events with multiple dates: native method with date fields and matrix
View test_dates_matrix_native.twig
{% extends "_layouts/default" %}
{% block content %}
{#
Tackling discontinuous events without duplication
- Each event has a 'startDate' and an 'endDate' (those are just a date interval, the first date corresponds the the first occurrence of the event and the mast one corresponds to the last occurence of the events). This matching is done manually but we could also use the preparse plugin.
- Each event has got a matrix field 'timetable' with just a block 'mxBlockDate' and date field 'mxDate' for each occurence of the event
@jeromecoupe
jeromecoupe / test_dates_matrix.twig
Last active May 26, 2016
Handling discontinuous events with just Matrix dates (plugins)
View test_dates_matrix.twig
{% extends "_layouts/default" %}
{% block content %}
{#
I have to build an event heavy website
1. Events can have one or more dates
Duplicating events for multiple dates makes no sense
@jeromecoupe
jeromecoupe / base_creative_meeting_plan.md
Last active May 10, 2016
Outline for the Creative Meeting introduction @ Base Design - May 11, 2016
View base_creative_meeting_plan.md

Communicating design in a digital environment

Before getting into the matter, I wanted to set the stage. We are essentially going to talk about three things today.

  1. The context of digital design
  2. Problematic static design deliverables
  3. Design deliverables and the current digital workflow

The context: dealing with unknown unknowns

You can’t perform that action at this time.