Skip to main content
mcclymont.co

Main navigation

  • work
  • lab
  • learn
  • About

mcclymont.learn

Tutorials and articles on tech, find more on YouTube and CodePen

YouTube Channel
youtube.com/thedigitalam

CodePen
codepen.io/amcc

Using the Google Calendar API with node.js

learn |
February 24th, 2019

Using node.js with Google Calendar API is very straight forward, this shows how quick it is. You'll need to use a command line interface (Terminal on a Mac), a text browser (i'm using Atom) and will need to download and install Node.js and NPM.

Get node.js here: https://nodejs.org/en/

Get started with the Google Calendar API here.

Perlin noise

learn |
February 16th, 2019

Using perlin noise is a really interesting way to create wonderful natural effects. p5.js has plenty of examples of this, such as here:

https://p5js.org/examples/math-noise-wave.html

I'd also really recommend Daniel Shiffman's tutorials on the subject:

https://www.youtube.com/watch?v=Qf4dIN99e2w

 

Read more…

Fixing the "exceeds GitHub's file size limit" error

learn |
February 13th, 2019

This is easily done, you've zipped up your site to upload to a server and pushed to GitHub, you then get an error message like this:

remote: error: File Archive.zip is 214.15 MB; this exceeds GitHub's file size limit of 100.00 MB

...

 ! [remote rejected] master -> master (pre-receive hook declined)

error: failed to push some refs to ...

This helpful page from github has a solution. The steps are also below:

https://help.github.com

 

Open Terminal.

Change the current working directory to your local Read more…

Rendering from After Effects and Premiere with Adobe Media Encoder and some other tools

learn |
December 12th, 2018

Adobe Media Encoder is a great way to render from After Effects and Premiere. The H.264 codec is used to render the video using presets.

Using Google Vision with node.js

learn |
November 19th, 2018

A quick tutorial on integrating Google Cloud Vision with nodejs

See the links below for Google Cloud vision and the GitHub page for the nodejs api: https://cloud.google.com/vision/
https://github.com/googleapis/nodejs-vision

Its worth mentioning that the authentication done with the json file in the video is not probably not the most secure way of doing this, you need to keep that json file safe as it gives access to your google account.

Introduction to p5.js - learning how to start and what online/web editor to use

learn |
March 9th, 2018

p5.js is a great tool for artists and designers to create with JavaScript.

 

Check out these resource to start learning:

p5.js website: https://p5js.org/

The Coding Train - one of the best channels on p5.js: https://www.youtube.com/channel/UCvjg...

A great book and website to learn p5: http://www.generative-gestaltung.de/2/

General reference for JavaScript and the web: https://www.w3schools.com/js/default.asp

Template/Boilerplate to start with p5 in codepen: https://codepen.io/boilerplate/pen/pL...

Motion tracking in after effects

learn |
March 2nd, 2018

You'll learn how to motion track objects in your footage. Both automatic tracking and manual tracking are covered.

The Adobe guide page is here:

https://helpx.adobe.com/uk/after-effects/using/tracking-stabilizing-motion-cs5.html

put non-drupal folders within your installation

learn |
January 22nd, 2018

When you want a folder to contain other bits and bobs within Drupal (6,7,8 whatever) you can put a .htaccess file into that folder to both allow access and prevent the standard 404 error.

Here’s what you need in the .htaccess file: 

Options +Indexes DirectoryIndex index.html index.htm

How I like to set MAMP up

learn |
June 6th, 2017

MAMP is a very handy server environment for web stuff, here’s what i do to set it up:

use my ‘Sites’ folder as document root - basically keep it out of the MAMP application so when i upgrade mamp or migrate my user folder it keeps my stuff

 

Change the apache port to 80 - that way my urls look normal and don’t have the colon/port number after them

read more about all that here:

https://www.mamp.info/en/documentation/

 

I like to make virtual hosts for all my development websites. I call them sitename.dev, rather than Read more…

Getting Sass and Chrome to play together, using scout (other compilers will do)

learn |
March 3rd, 2017

Here’s a great guide to using Sass with Chrome in your project. It also details how to install sass in the terminal, i’ve worked like this for a long time, but have just started using Scout (http://scout-app.io/). While the terminal works fine, Scout is a free, open-source app that works well and gives you some very easy ways of moving between development and production modes, plus handles multiple sites very easily.

You can easily set up chrome to enable discovering/editing your sass using developer tools, here’s a fantastic article on the subject:

https://robots. Read more…

MCCLYMONT.CO

MCCLYMONT.CO contains commercial, experimental and academic WORK by Alistair McClymont. Experimentation happens in the LAB and tutorials in the LEARN section. Alistair McClymont is an artist and has a dedicated art website at alistairmcclymont.com.


Twitter: @mcclymont

Instagram: @alistairmcclymont