Fer Martin f3r

Moved to Shopify/graphql-design-tutorial

Please star ⭐️ the gist to help! This is a proposal for a ⚡️ talk at Reactive Conference.

Styling Components in React Toolbox 2

I wrote react-toolbox and presented it almost a year ago in lighning talk at Reactive Conf 2015 in Bratislava. At first it was just a proof of concept of a component library styled with CSS Modules and SASS. Now the project has grown quite a bit, and during this year there has been tons of changes and lessons learned.

Theming and customization is one of the most difficult and interesting problems to solve. For the first version we needed a custom Webpack loader to generate themes and doing simple style overrides was very painful. Today I'm working on a new playground that will allow you try CSS Modules live, and to create React Toolbox themes on the f

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

####GoPro Protune correction, timelapse assembling, fisheye removal, slow motion, 4:3 to 16:9 and motion blur in Linux OS - GoPro Studio for Linux - KDEnlive, FFMPEG, ImageMagick, Mencoder and Python!

GoPro Studio has been tremendously useful for GoPro users, but not all GoPro users can enjoy the tool, there is no GoPro Studio for Linux. So some users made their ways to emulate GoPro Studio on Linux.

This guide is more than GoPro Studio, is a must read guide for Linux and GoPro users.

The main features of GoPro Studio are:

Convert and edit Protune footage and apply Protune effect.
Convert 4:3 footage to 16:9
Slow motion

Beautify Your Code in SublimeText3

HTML-CSS-JS Prettify is a SublimeText3 package that will help you automatically indent and format your HTML, CSS, JavaScript and Json files with one click.

Installation

Install node.js
Open Sublime Text 3
Install Sublime Package

Ctrl+Shift+P or Cmd+Shift+P in Linux/Windows/OS X
Type install, select Package Control: Install Package

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "your_email@youremail.com"

	<canvas></canvas>
	<!--
	,--. ,--.
	((O ))--((O ))
	,'_`--'____`--'_`.
	_: ____________ :_
	\| \| \|\|::::::::::\|\| \| \|
	\| \| \|\|::::::::::\|\| \| \|
	\| \| \|\|::::::::::\|\| \| \|
	\|_\| \|/__________\\| \|_\|

	# .../app/assets/javascripts/places_show.js.coffee
	PlaceShow =
	initialize: (opts) ->
	#*******************************************************************************************
	# INITIALIZERS
	#*******************************************************************************************
	isCalendarOpen = false
	@.initializePanoramas()
	@.initializeSlider()
	@.initializeSharePlace(opts.share_title, opts.share_url, opts.share_id)

	group :development do
	# Spring speeds up development by keeping your application running in the background.
	#> https://github.com/rails/spring
	gem 'spring'

	# Better Errors replaces the standard Rails error page with a much better and more useful error page.
	#> https://github.com/charliesome/better_errors
	gem 'better_errors'
	gem 'binding_of_caller' # adding REPL

	#MySQL Client
	ln -s /Applications/MySQLWorkbench.app/Contents/Resources/mysql /usr/bin/mysql
	#MySQL Dump
	ln -s /Applications/MySQLWorkbench.app/Contents/Resources/mysqldump /usr/bin/mysqldump

	#How to fix the "Library not loaded: libmysqlclient.18.dylib (LoadError)" error
	sudo ln -s /usr/local/mysql/lib/libmysqlclient.18.dylib /usr/lib/libmysqlclient.18.dylib