Skip to content

Instantly share code, notes, and snippets.

View laustdeleuran's full-sized avatar

Laust Deleuran laustdeleuran

View GitHub Profile
@laustdeleuran
laustdeleuran / .gitconfig
Last active March 17, 2021 20:39
.gitconfig
[alias]
co = checkout
ec = config --global -e
up = !git pull --rebase --prune $@ && git submodule update --init --recursive
cob = checkout -b
cm = commit
save = !git add -A && git commit -m 'chore: savepoint'
wip = !git add -u && git commit -m 'chore: wip'
undo = reset HEAD~1 --mixed
amend = commit -a --amend
@laustdeleuran
laustdeleuran / .bash_profile
Last active August 5, 2019 17:01
Development configuration files
# Aliases
alias c='code .'
# GIT dirty state
source /usr/local/etc/bash_completion.d/git-prompt.sh
GIT_PS1_SHOWDIRTYSTATE=true
export PS1='\u@mbp \w$(__git_ps1) \$ '
export NVM_DIR="$HOME/.nvm"
@laustdeleuran
laustdeleuran / sine_wave_bounce_v1.pde
Created October 19, 2016 03:33
Bouncing sine wave in Processing
/**
* @overview Bouncing sine wave
* @author ljd
* @source http://codepen.io/laustdeleuran/pen/GjBwKm
*/
/**
* @class Sine
*/
class Sine {
@laustdeleuran
laustdeleuran / grid.scss
Last active August 29, 2015 14:08
Super tiny grid system
/**
* Grid helpers
*
* Basic home-rolled grid created by @ljd.
*
* @section Framework
* @author ljd
*/
$grid-gutter: 30px !default;
$grid-columns: 8 !default;
@laustdeleuran
laustdeleuran / app.js
Last active August 29, 2015 14:07
AngularJS + Browserify - Example of index files and alias
/** @module app/app */
'use strict';
// Modernizr (https://www.npmjs.org/package/browsernizr, https://github.com/jnordberg/browsernizr)
require('browsernizr/lib/html5shiv');
require('browsernizr/lib/addTest');
require('browsernizr/test/svg');
var Modernizr = require('browsernizr');
// Detect mobile - yay

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

  • Originally published: 23/12/2008
  • Revised date: 15/12/2013
  • Original post

@laustdeleuran
laustdeleuran / _grid.scss
Last active August 29, 2015 14:06
Simple SASS @mixin-based grid system
/**
* Grid helpers
*
* @section Framework
* @author ljd
*/
$grid-columns: 16;
$grid-gutter-width: $base-line-height;
$grid-col-width: percentage(1/$grid-columns);
@laustdeleuran
laustdeleuran / frontend-developer-manifesto.md
Last active August 29, 2015 14:03
Front-end developer manifesto

Front-end developer manifesto

We're front-end developers. We take wireframes, sketches, mockups and fully fledged designs and bring them to life. That's our job and our responsibility.

More often than not, we're the last people to see, touch and tinker with a design before a project is released to the users. So, remember that:

  • The design is your friend. Make sure that it shines.
  • The UI Designer is your friend. Show them your work regularly, talk about changes and challenges. Tell them if they're using a gazillion different font-sizes and you'd like to change it. Bring them a croissant.
  • The UX Designer is your friend. Show them your work regularly, get their thoughts about transitions and animations, feel and responsiveness. Show them your nifty CSS transitions and let them know, when it only works in Webkit. Have a coffee with them.
  • The Project Manager is your friend. Help them understand what makes your work easy, and what doesn't. Give them updates on your progress. Sometimes they bring
@laustdeleuran
laustdeleuran / resume.md
Last active December 14, 2015 06:19
Basic resume in Markdown

Resume: Laust Johan Deleuran

Source: My LinkedIn profile

Summary

I've dabbled in web development and design since my early teens, and created my first professional website when I was 17. I love working with and creating for the web. The constant development of the medium forces you to be on the frontlines in order to deliver the greatest work. I find that clash of emerging technologies and the need to provide value for our customers and create high quality work to be just the place where I want to be.

Specialties: HTML(5), CSS(3), JavaScript, Photoshop, UX and interaction design

Experience

@laustdeleuran
laustdeleuran / resize-repaint-pattern.js
Created September 11, 2012 13:51
Resize repaint pattern
(function(){
var $content = $site.find('.site-content'),
lastSeenHeight = -1,
lastSeenWidth = -1,
lastSeenContentHeight = -1,
$win = $(window);
$win.smartresize(function(){
var winHeight = $win.height(),
winWidth = $win.width();