nekitk

CodePen Collection

Page Layout

1. Simple page layout
2. Animating grid (FireFox only)
3. Using instead of Bootstrap grid

Items list variations

4. Basic items list
5. Using explicit and implicit properties together

ihorzenich

Install ffmpeg with ALL includes

brew install ffmpeg $(brew options ffmpeg | grep -vE '\s' | grep -- '--with-' | tr '\n' ' ')

Cut video from 00:00:43 sec to 00:00:58 sec (15 sec duration).
Resize it to 720p.
Max quality options, but small size.

MP4

With audio:

wilsonsilva

# https://stackoverflow.com/a/44672195/3013522
git reset --soft HEAD~1

akella

var touchstartX = 0;
var touchstartY = 0;
var touchendX = 0;
var touchendY = 0;

var swipeme = document.getElementById('swipeme');

swipeme.addEventListener('touchstart', function(event) {
    touchstartX = event.changedTouches[0].screenX;
    touchstartY = event.changedTouches[0].screenY;

VinnyFonseca

['change', 'keyup', 'paste', 'input', 'propertychange', 'every_other_event_you_want'].forEach(eventType => {
  [...document.querySelectorAll('SELECTOR')].forEach(element => {
    element.addEventListener(eventType, (event) => {
      console.log(event);
      
      // Your callback here
    }, false);
  });
});

Bhavdip

###Sketch trial non stop

Open hosts files:

$ open /private/etc/hosts

Edit the file adding:

127.0.0.1 backend.bohemiancoding.com

127.0.0.1 bohemiancoding.sketch.analytics.s3-website-us-east-1.amazonaws.com

DianaEromosele

$ git remote rm origin
$ git remote add origin [email protected]:aplikacjainfo/proj1.git
$ git config master.remote origin
$ git config master.merge refs/heads/master

drewbolles

// Require Gulp
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var prefix = require('gulp-autoprefixer');
var watch = require('gulp-watch');
var critical = require('critical');

// Gulp Sass Task 
gulp.task('sass', function() {

benedfit

$critical-css-only:true !default;
@mixin critical($critical-only:true){
  @if (($critical-css-only and $critical-only) or (not $critical-css-only and not $critical-only)){
    @content;
  }
}

akella

<snippet>
	<content><![CDATA[
<!-- begin $1 -->
<div class="$1">
	$2
</div>
<!-- end $1 -->
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>di</tabTrigger>