Instantly share code, notes, and snippets.

Embed
What would you like to do?

Async's 2018 International Show n' Tell

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

This comment has been minimized.

dvberzon commented Oct 15, 2018

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

This comment has been minimized.

orangespaceman commented Oct 19, 2018

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

@penx

This comment has been minimized.

penx commented Oct 19, 2018

@stevehoneyman

This comment has been minimized.

stevehoneyman commented Oct 26, 2018

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

This comment has been minimized.

AmeliaBR commented Oct 29, 2018

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

This comment has been minimized.

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

This comment has been minimized.

cassieevans commented Nov 6, 2018

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

I'll be showing off some of my codepens.

@JakeSidSmith

This comment has been minimized.

JakeSidSmith commented Nov 7, 2018

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

This comment has been minimized.

JakeSidSmith commented Nov 19, 2018

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