Grimey Sessions: Potential Topics by Tony Grimes https://padlet.com/acidtone/790drqer7xauf7ss Most up-voted/commented topics will be scheduled for future learning sessions with Grimes. en-us 2021-07-06 19:03:07 UTC 2025-11-28 00:00:30 UTC hello@padlet.com Static website generators acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639169769 Useful information for your own personal/professional online presence. Also an option for deploying React, VueJS, etc.

- What is a static website generator?
- GitHub Pages deep dive
- Jekyll overview: natively supported by GitHub Pages
- Static CMS fundamentals: layout templates, scripting, posts vs pages
- Static generators as build tools.
- Jekyll alternative: Eleventy
- GH Pages alternative: Netlify]]> 2021-07-06 19:03:28 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639169769 Vector Images: Deep Dive acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639171524 SVGs and CSS are awesome together.

- Building custom SVGs with Figma
- Optimizing SVGs with
SVGOMG
- Using SVG in HTML: img elements vs inline SVG
- Intro to responsive SVGs
- Styling inline SVGs with CSS]]> 2021-07-06 19:06:03 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639171524 Raster Images: Deep Dive acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639178723 This session is based largely on the video below, plus extra html image tips.

- High frequency (jpg) vs low frequency (png, gif) image formats
- webp: the jpeg/gif/png format replacement
- Optimizing raster images with Squoosh
- Batch processing sm/md/lg image sizes with Photoshop
- Basic (and free) image editing with Pixlr
- Responsive image basics
- Optimizing image performance with lazy loading and the srcset attribute]]> 2021-07-06 19:16:10 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639178723 JS functions revisited acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639203026 You can never cover functions enough.

- Review: declaration, invocation, scope, return values
- First-class functions and callbacks
- Closures
- Default parameters in ES6
- Arrow functions and this
- Better conditional logic with guard clauses
- Arbitrary number of arguments with rest parameters and the spread operator]]> 2021-07-06 19:46:23 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639203026 Adding scroll logic with the Intersection Observer API acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639214839 I haven't used it much but I've been looking for an excuse to play more with it.

- Scroll-activated events
- "Inifinite scrolling"
- Pausing video when out of view
- Scroll metrics (i.e. has the user read this article?)]]> 2021-07-06 20:02:57 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639214839 Stage work: Improving your video streams and presentations acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639717348 For anyone interested in improving their Zoom (or whatever) game. Tips for all budgets (with a slight Mac bias).

- OBS + Zoom == Boom!
- Useful tools
- Mics and audio
- Lighting
- Cameras
- Presenter best practices]]> 2021-07-07 03:16:59 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639717348 Anything CSS acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639848839 Seriously, I could talk about CSS all day. Request topics in the comments.]]> 2021-07-07 04:53:44 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639848839 Workshop: Dark mode toggle acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639858943 A hands-on activity:

- Toggle theory: checkboxes vs buttons
- Styling toggles
- Controlling colour globally with CSS Variables, HSL and data attributes
- Light CSS transitions]]> 2021-07-07 05:00:45 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639858943 SVG filter effects acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639887080 You can extend CSS with Photoshop/Illustrator-level effects using SVG filters!

- Theory: what is SVG and the SVG filter element? What are filter primitives?
- Importing an SVG filter into CSS with url().
- Specific filter examples

]]> 2021-07-07 05:21:59 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639887080 Contracting as a web developer acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639919833 Tips for independent contractors.

- Registering a tradename
- Operating as a sole proprietor vs incorporation
- Invoicing and common payment models
- Client management
- Expensing clients
- Hiring sub-contractors
- Taxes and GST]]> 2021-07-07 05:47:50 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639919833 Finite state machines acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639923880 An architecture I'm currently researching for building games. Fair warning: I'm still a beginner but I can share what I've learned.

- What is a finite state machine?
- Finite state diagrams
- Basic example in vanilla JS
- FSM frameworks: XState vs Robot3
- UI use cases]]> 2021-07-07 05:51:06 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639923880 Requests acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639957301 Post new topic requests in the comments of this card.

- Review sessions?
- More backend sessions?
- Juggling?!?]]> 2021-07-07 06:20:28 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1639957301 Docker acidtone https://padlet.com/acidtone/790drqer7xauf7ss/wish/1641998817 Key goal of Docker: to stop a dev from saying "Well, it works on MY machine..."

- First time install and setup
- Docker images
- Containers
- Shared directories
- Port forwarding
- SSH access
- Common Docker recipies (Node/Mongo, Python/MySQL, etc)
- Example Git workflow for teams]]> 2021-07-08 14:30:19 UTC https://padlet.com/acidtone/790drqer7xauf7ss/wish/1641998817