In today's episode, we talk about JavaScript's animation in transition libraries which we shortened down to interactions....or libraries Tools and Libraries Mentioned React Animation React Transition Group AnimeJs chenglou/react-motion third party React Motion demos Reacto Overdrive Popmotion Popmotion Pose npm react collapse animejs.com React Spring Surge Articles Flip Your Animations Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams ...
May 01, 2018•26 min•Ep. 70
This episode features the great Jason Lengstorf and we're talking about Gatsby! Links to things Mentioned Today: GatsbyJS Plugins Gatsby Starters Gatsby Image Toolsday GraphQL episode Shannon Soper Jason on the Web Twitter Website Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services. Check them out today at Datadog.com/toolsday to start your 14 day free trial and don't forget yo...
Apr 17, 2018•26 min•Ep. 69
This episode features Una getting overly hyped about Houdini: the future of writing CSS via web worklets. Resources Houdini: Maybe The Most Exciting Development In CSS You've Never Heard Of Say Hello to Houdini and the CSS Paint API Houdini Drafts [official] Is Houdini Ready Yet? Demos iamvdo's CSS Houdini Experiments Google Chrome Houdini Samples Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their system...
Apr 03, 2018•25 min•Ep. 68
This week we talk about the in-progress JavaScript and CSS features we can't wait to see supported! Things Mentioned JS: Mutation Observer CSS: Text Decoration CSS: Subgrids & display: contents CSS: Media Queries Level 4 CSS: font-display CSS: Variable Fonts Axis Praxis Variable Fonts Variable Font Demo by Microsoft JS: Interseciton Observer CSS: Houdini JS: Pipeline Operator Thanks to Today's Sponsor: Kobiton Stop using mobile test labs that overcharge & underwhelm! Kobiton is your one ...
Mar 20, 2018•32 min•Ep. 67
Today we're learning about Netlify and joining us is the incredible Phil Hawksworth to share his tips and tricks around it all. A few links from Phil Netlify 10 Netlify features to surprise and delight - An article I wrote on Medium Netlify blog and examples - lots of resources here Static site generators galore! - Netlify can build using pretty much any static site generator Headless CMS resources - A great companion for static or JAMstack sites JAMStack - What is JAMstack and resources for bui...
Mar 06, 2018•36 min•Ep. 66
Resources Creating a Vue.js Serverless Checkout Form Stdlib Build a “Serverless” Stripe Store in 5 Minutes with Node.js and StdLib Serverless Microsoft Azure Functions IBM Cloud Functions Amazon Lambda Sponsors Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services. Check them out today at Datadog.com/toolsday to start your 14 day free trial and don't forget your T-shirt!...
Feb 20, 2018•24 min•Ep. 65
This week we explore the pros and cons of Stylus: the hipster CSS preprocessor written to work smoothly with JavaScript. Resources Stylus Try Stylus stylus-loader...
Feb 06, 2018•32 min•Ep. 64
It's time to wrap up the year and welcome 2018. So in this episode, Chris and Una go over their favorite tools and apps from 2017! Resources Visual Studio Code Workspaces Downshift CSS Grid Stylus Coinbase Robinhood Wealthfront Bullet Journaling Panobook Rhodia Pads Nuuna Notebook GoCD Egghead.io Advanced React Patterns Bubble Level Joule - ChefSteps Prettier Bracket Pair Colorizer Sponsors Webflow...
Jan 02, 2018•30 min•Ep. 63
CUBS is back with an episode on the Preact CLI! Chris and Una try it out for their own projects and discuss. Resources PreactJS Preact CLI PRPL Preact Router Differences between Preact and React People to follow Jason Miller Sponsors Webflow...
Dec 12, 2017•31 min•Ep. 62
We take a quick look through the different graphing and svg libraries you can use to build your own data visualizations Libraries D3 Svg.js Snap.js Chartist Victory Learning Resources D3 with Frontend Masters and Shirley Wu Bl.ocks - codepen for data viz Legacy Libraries Paper.js Raphael.js Sponsors Webflow...
Nov 08, 2017•25 min•Ep. 61
This week, Chris and Una take on the challenge of extending Slack (the messaging system) with their own bots! General Resources Slack API Slack Events API Slack Slash Commands API Slackbots NPM module Slack client module Slack Dev Kit for Node.js Slack App Directory What We Made ASL Bot Tutorials BotWiki on Slackbots Build a Chuck Norris Slackbot Slackbot in 40 Lines of Code Sponsors EmpireConf Webflow...
Sep 27, 2017•24 min•Ep. 60
Electron.js lets you build desktop apps using web technologies. It’s pretty rad! In the first episode of our new CUBS series, we explore Electron ourselves! Resources Base electron tutorial Electron Builder Awesome Electron Create React App with Electron Egghead.io Electron Course Sponsors Manifold Webflow...
Sep 20, 2017•25 min•Ep. 59
This week we have Rachel Nabors teaching us all about the future of the Web Animations API! Rachel Nabors Home Twitter Codepen Courses Resources Rachel Nabors Web Animation Kickstart Web Animation API Web Animation Demos Promos Promo Code: TOOLSDAY Animation at Work Sponsors Webflow...
Aug 29, 2017•28 min•Ep. 58
This week, we’re wrapping our heads around Headless Chrome with Tim Holman! Our Guest: Tim Holman Twitter Home GitHub CodePen Resources Getting Started with Headless Chrome Puppeteer Chrome Remote Interface Serverless Chrome Chromeless Headless Firefox Sponsors EmpireConf Webflow...
Aug 22, 2017•29 min•Ep. 57
If you’ve ever wondered what its like to live and work around the world, this is the show for you. This week we talk to Nicole Dominguez about running her own business as a digital nomad. Nicole Dominguez Website Twitter Blog Resources Starter Island Startup Bus Nomadlist Meetup Remoteok Trello Hello Bonsai Cushion App Private Internet Access (VPN)...
Aug 15, 2017•33 min•Ep. 56
This week we talk with the awesome Kat Marchán about her new tool NPX and how it can improve your NPM workflow. Our Guest Kat Marchán on Twitter Tools npx Node Package Standard create-choo-app Resources [npx Announcement Post](https://www.npmjs.com/package/npx https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) Awesome npx People Rebecca Turner Kate Miháliková Daijiro Wachi npx modules happy-birthday benny-hill okimdone workin-hard Sponsors EmpireConf Webflow...
Aug 09, 2017•28 min•Ep. 55
This week we talk getting started with RxJS and its data streaming possibilities with David Khourshid. RxJS with David Khourshid Twitter Codepen Resources An Animated Intro to RxJS The introduction to Reactive Programming you've been missing Introduction to Reactive Programming - Egghead Cycle.js RxCSS Material Motion XStream Bacon.js People André Staltz Tracy Lee Ben Lesh Sponsors Shade App Webflow...
Aug 01, 2017•32 min•Ep. 54
This week we discuss writing! An essential tool to get your voice heard and work seen in the dev community. Writing Tools VS Code Light theme VS Code Dark theme iA Writer Scrivener Gitbook Other Una's blog Writing a thesis...
Jul 18, 2017•24 min•Ep. 53
CSS variables are so freaking useful and their fast adoption has us more than excited. In this short episode, we discuss implementation and some use cases. CSS Variables Using CSS Variables Getting Reactive with CSS Why You Should Care CSS Variables Demos David Khourshid CSS Variables Collection Mike Ruthmieler - Using CSS Variables Other Notes Edge supports css grid behind a flag @supports Codesandbox Glitch...
Jul 05, 2017•18 min•Ep. 52
What happens when our shiny design system has its first birthday? Chris and Una discuss lessons learned from their years in the field Related Links Carbon Design System Post on DO Design System First Episode on Design Systems Tools aXe react-a11y React Storybook ESLint Stylelint Prettier...
Jun 28, 2017•31 min•Ep. 51
Tune in this week to hear us ford through unfamiliar waters as we tackle GraphQL! We go through why you should get excited about this new way of dealing with APIs. Resources GraphQL GraphQL Spec GraphQL for Express Awesome GraphQL Star Wars GraphQL API example GitHub GraphQL Writing an API with GraphQL...
May 24, 2017•23 min•Ep. 50
Live from JSConf.EU, we speak with Nadieh Bremer & Shirley Wu about their incredible data sketches project and their experiences with data visualization. Data Sketches Data Sketches @datasketches Shirley Wu Twitter Homepage Every Line in Hamilton Analyzed Nadieh Bremer Twitter Homepage Olympic Feathers Data Visualation Resources D3 Frontend Masters Interactive Data Visualization for the Web DJ in Action...
May 17, 2017•25 min•Ep. 49
We blast through our top four tips, tricks, tools, and things to optimize your website for peak performance. Una's Tools Will-change Property Picture element PictureFill CSSstats CSS Dig ImageOptim Chris' Tools Code Splitting Code split with React Router Offline Plugin Performance Budgets with Webpack CommonsChunk Plugin for Webpack Debounce Event Listeners Event Delegation...
May 03, 2017•27 min•Ep. 48
We talk with Suz Hinton about how to write software interconnected with physical objects. How cool is that wizardry!? Our Guest: Suz Hinton Twitter Twitch AVR Girl Boards Arduino Espruino Tessel Raspberry pi Community nodebots.io international nodebots day platformio.org Other Tessel Router Web Assembly Mosca (MQTT)...
Apr 25, 2017•29 min•Ep. 47
Everyone’s talking about CSS Grid—the latest spec to surface in modern browsers. Listen up on why its so great! Resources Grid By Example Grid minmax Jen Simmons Mondrian Art CSS Tricks Grids Rachel Andrew talk on Grids People to follow Rachel Andrew Jen Simmons...
Mar 28, 2017•23 min•Ep. 46
What's super trendy in tech right now? Virtual Reality. We break it down this week at SXSW. VR Devices Oculus HTC Vive Google Daydream WebVR frameworks A Frame Altspace React VR VR Frameworks Unity Unreal...
Mar 15, 2017•35 min•Ep. 45
We talk to Jason Ormand about gifv! The latest in image performance technology. No, but really, it's pretty cool Our Guest: Jason Ormand Twitter Vox Media GIFV Tools Thumbor Additional Information Imgur: What is GIFV? iOS Video Announcement Performance Bankruptcy...
Mar 08, 2017•33 min•Ep. 44
Git is something we use every day—this week we talk about some tools, tips, and tricks to make it better. Our Configs Chris .gitconfig Chris .gitignore Una .gitconfig Una .gitignore Tools Kaleidoscope Git Tower Husky Validate-Commit-Msg Semantic-Release Angular Commit Convention Tutorials Automatic Releases with semantic-release...
Mar 01, 2017•26 min•Ep. 43
What is Windows up to these days? Una and Chris give you the down low of developing on this operating system in 2017! Windows Surface Book Shells Power Shell CMDER HyperTerm Bash for Windows Tools Chocolatey NVM Windows Visual Studio Code Git Tower AquaSnap Remove MAX PATH...
Feb 15, 2017•30 min•Ep. 42
This week we sit down and talk with Sean Larkin about newly released Webpack 2! ES6 modules, tree-shaking, and more fun things in this episode. Sean Larkin Twitter GitHub Medium Webpack 2 GitHub Repo Docs Transition Guide Other Broccoli Rollup...
Feb 02, 2017•25 min•Ep. 41
