Atelierbram – Open Source Projects on Github by Atelierbram alias Bram de Haan

  • Screenshot of ColrVars webapp

    ColorVars

    Scales of Color-Variables in Sass Maps. Create your own project specific colorscheme with the help of these predefined ranges of color-sets from a master palette.

    on Github

  • Screenshot of TrendColors webapp

    TrendColors

    Colors from Pantone’s biannual fashion color report converted into colorschemes - for designers to play with and customise. Create your own colorscheme from a decade of trend colors.

    on Github

  • Screenshot of javascript lazy loading code in text-editor

    Lazy Loading Logos

    Lazy load images with javascript by replacing a small inline SVG data URI – with embedded text on the src-tag – with the url of the full sized image stored in a data-attribute on that same image.

    on Github

  • Screenshot of Vim with Base2Tone Desert Dark theme

    Base2Tone

    Base2Tone colorschemes for syntax highlighting are created from two base hues, into (32) values with different saturation and lightness levels.

    on Github

  • placeholder image

    SVG – portraits

    SVG-Portraits generated with D3.js JavaScript library from small image.

    on Github

  • screenshot of c-Tiles16, colorscheming with variables

    c-Tiles16 Colorschemer

    This colorscheming test playground, is maybe trying to do too much ;). It was assembled to have the best colorscheming tools alongside each other on one webpage. But do create your own colorscheme, with variables!

    on Github

  • Screenshot of modules with border-images

    Frame Patterns

    Repeating patterns as border-image.

    on Github

  • Screenshot of Accordion module

    Accordion Module

    Accordion Ui Module with native (vanilla) javascript.

    on Github

  • Atelier Schemes, syntax highlighting colorschemes, design Atelier Bram de Haan

    Atelier Schemes

    For the construction of these colorschemes, Solarized colorscheme stood as a model, and Base16 Builder was a building tool. Like in Solarized, the colorschemes come in a light – and in a dark background version.

    on Github

  • Syntax Highlighting - syntax highlighting colorschemes

    Syntax Highlighting

    Collection of syntax highlighting colorschemes.

    on Github

  • Typeface Tester beeldlogo · design Atelier Bram de Haan

    TypeFace Tester

    This Typeface tester is meant to be used on an iOS-device, like an iPad, iPod or iPhone, by e-book editors, web-designers, and everyone else who enjoys typefaces.

    on Github

  • screenshot executable bash file

    Houtje Touwtje

    Minimal DIY Static Site Generator that outputs PHP to static html-pages.

    on Github

  • Colour Scheme Blending tool screenshot · design Atelier Bram de Haan

    Colour Scheme Blending

    Intuitive tool for quick finding and testing (harmonious) colour blends with selected colours from a colour scheme.

    on Github

  • Animated box frame with embedded SVG-files, on Codepen.io

    Experiments

    Showcase of webdesign experiments and test playgrounds on Codepen. Also a place for tooling helping people on forums with questions on HTML, CSS an javaScript

    on Codepen

  • Made by Atelier Bram de Haan
  • blog
  • Github
  • Twitter