Wednesday 7th November, 2018
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:
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
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.
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?
Available as a JavaScript plugin, a React component and a Node module.
A personal project by Etch :)
Cassie Evans
https://codepen.io/cassie-codes/
twitter @ cassiecodes
I'll be showing off some of my codepens.
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'}));
For anyone that's interested, i've now turned what I spoke about at the show 'n' tell into a library! 😃
Alasdair McLeay. @penx. Why we built govuk-react. https://npmjs.org/package/govuk-react
https://ukhomeoffice.github.io/govuk-react/