Skip to content

Instantly share code, notes, and snippets.

@larister
Created October 14, 2018 19:09
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save larister/ab84a296acf8f6cc51e242ea40dd53ac to your computer and use it in GitHub Desktop.

Wednesday 7th November, 2018

Speakers gist

Would you like to speak on the night? You'll have five minutes to tell us about something: a project, a library, a technique, a story, or anything else about JavaScript, related tech (HTML, CSS, SVG, etc), or the wider world of web.

Please leave a comment below (you can use Markdown if you want) and include:

  • Your name
  • Your main website, if you have one
  • Twitter username, if you have one
  • A sentence or two about your talk
  • Any relevant links
@dvberzon
Copy link

Daniel van Berzon

"Random thoughts - a tale of randomisation in ruby"

Random numbers, probability, client management advice, a bug hunt case study and a magic trick all in the space of five minutes.

@dvberzon

@orangespaceman
Copy link

I've been playing with gyroscope/accelerometer information in mobile browsers, I could try to put something together to showcase that...

@penx
Copy link

penx commented Oct 19, 2018

@stevehoneyman
Copy link

Steve Honeyman

I spoke at Ampersand Conf earlier this year about how I made a bunch of responsive Blue Note album sleeves http://stevehoneyman.co.uk/blue-notes/ and would love to share what I've learned as part of the side-project; specifically how CSS grid was a bit of a game changer, how I incorporated responsive typography, blend modes and a bit of background too - if that would be interesting?

Cheers!

PS. You can find (and DM..) me on Twitter.. https://twitter.com/stevehoneyman

@AmeliaBR
Copy link

Topic: Building graphical games with JS+SVG DOM

I'll run through the source code for a little in-browser game I created as a demo for the book Using SVG with HTML5 and CSS3.
In particular, I'll focus on how SVG's custom DOM methods can simplify your code for this type of graphical game, doing much of the math for you.

Examples (code & live versions) can be accessed from here: https://oreillymedia.github.io/Using_SVG/ch18-interaction-files/#examples
The final version of the game can be played at https://oreillymedia.github.io/Using_SVG/ch19-animation-files/gem-click-game-motion.svg

About me:
Amelia Bellamy-Royds @.AmeliasBrain on Twitter
I work as a freelance web developer but I also write books & articles about SVG/web development. I am one of the editors of the SVG specifications as a W3C Invited Expert. I'm Canadian, but will be passing through Brighton & FFConf at the start of a holiday. I may be rather jetlagged on the day of the meetup, but I'm sure we'll have fun nonetheless.

@gavmck
Copy link

gavmck commented Nov 2, 2018

Gavyn McKenzie
https://etch.co
@etch

Spend all your time in Slack?
Wish it was more public?
Well now it is! With Sender, you can send your slack status direct to your website, live!
Let the world know you're "in a meeting" or "on the phone" and other important updates.
Did I mention it's FREE?

https://sender.etch.co

Available as a JavaScript plugin, a React component and a Node module.

A personal project by Etch :)

@cassieevans
Copy link

cassieevans commented Nov 6, 2018

Cassie Evans
https://codepen.io/cassie-codes/
twitter @ cassiecodes

I'll be showing off some of my codepens.

@JakeSidSmith
Copy link

Jake 'Sid' Smith
Website: http://jakesidsmith.com
GitHub: https://github.com/jakesidsmith
Twitter: @jakesidsmith

Experimental, type safe, functional, immutable, null propagation / existential property access using ES6 proxies. (wow, what a sentence)

Partially inspired by immer.

const value = doing && doing.this && doing.this.sucks && doing.this.sucks !== undefined ? doing.this.sucks : 'defaultValue';

// So what if we could get
const value = get(obj, (proxy) => proxy.this.rocks, 'defaultValue');
// set
const value = set(obj, (proxy) => proxy.this.rocks, 'newValue');
// or update in a functional, immutable, and type safe way
const value = update(obj, (proxy) => proxy.this.rocks, (previousValue) => ({...previousValue, newKey: 'value'}));

@JakeSidSmith
Copy link

For anyone that's interested, i've now turned what I spoke about at the show 'n' tell into a library! 😃

https://github.com/JakeSidSmith/existential-proxy

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment