Brett DeWoody's Picture

Brett DeWoody

Hi, I'm Brett DeWoody, a slow nomad, code craftsman, part-time bike explorer, music addict, mountain jogger, Frontend Developer at Citrusbyte and Frontend Student Mentor at Thinkful.

41 posts

Using Chrome's Cubic Bezier Editor

Did you know Chrome Dev Tools has a cubic-bezier editor? Me neither. In case 'cubic-bezier' is a new term to you - cubic-bezier is one of possible keywords you can use when defining a CSS transition or animation timing function. For example: transition-timing-function: linear; transition-timing-function: ease-in; transition-timing-function: cubic-bezier(n,n,n,n); animation-timing-function: linear; animation-timing-function: ease-in; animation-timing-function: cubic-bezier(n,n,n,n); Each of the values above (linear, ease-in, and cubic-bezier()) control the timing of the transition or animation. The first, linear results in a constant transition/animation speed from start to finish. The second, ease-in results in a transition/animation speed that starts slow and speeds up as it finishes. And the third, cubic-bezier, accepts 4 parameters allowing complete control of the timing function to

Read more

My Podcast Playlist: Coding Edition

I'm a relatively late adopter to podcasts. Prior to this year I'd listen to one-offs but I was never a weekly, or even monthly, listener. But recently I find myself listening to podcasts while coding. Mostly code and web podcasts, and occasionally other topics. Can't say I listen intently, but I do pickup on various topics, libraries, and ideas, and look into them. Here's my current playlist of JavaScript and web development podcasts, in no particular order: Codepen Radio JavaScript Jabber ShopTalk Show The Stack Overflow Podcast 5 Minutes of React NodeUp The Big Web Show The Web Ahead CTRL+CLICK Cast

Read more

How We Slow Travel

Five weeks ago my wife Sylvie and I sold all our furniture (and some clothes, appliances, and other stuff) put the majority of our remaining belongings into storage and moved out of our flat in southeast London. On each of our backs (and fronts) were a duffle and carry-on. Our only confirmed reservation was an Airbnb in eastern France for 5 weeks but our tentative plans called for being on the road much, much longer. As a result, our bags contained a mix of clothes for a trip to unknown destinations with an unknown timeline. The carry-ons contained the more important gear - 2 MacBooks, 2 iPads, 2 mobiles and a kit of chargers, cables, wifi router, hotspot device, and other gadgets. One of the only

Read more

Optimizing Ghost theme CSS files

I recently updated this site to Ghost v1.5.2 and took the chance to update the theme. The site now uses the Blacklist theme. Out of the box it's a pretty speedy theme with Google Pagespeed ranking it a 91 on Desktop and 74 on Mobile. The main issue for both tests is the optimization of the CSS files. That is, the themes loads 4-6 CSS/font files instead of bundling them into a single optimized CSS file. Since bundling files is dead simple these days I decided to spend a few minutes to make this optimization. Here's how. Let's Bundle First, navigate to your theme directory, located at: /ghost/content/themes/[theme-name] Then we need a tool to do the heavy lifting for us.

Read more

Turing Fest 2017 Summary - Day 2

The Road to Microservices and Beyond by Adrian Mouat @adrianmouat The 2-pizza rule - Development teams should be able to be fed by 2 pizzas. So no teams larger than 6-8 people. Any larger and communication becomes an issue. Trend is local hardware to cloud servers, monolithic architecture to micro services, and serverless Minor Bug Fixes by Rob Gill @rob_gill_ Nobody reads release notes for app updates because they're hidden behind a View More link as a result companies don't write informative release notes even large companies like Facebook Some companies do a great job - 1Password, Slack they include a TLDR bullet points The Perfect Release Note An introduction TLDR New / Improvements / Fixes A call to action to get feedback Going even further Localized

Read more