All Posts

Page 4

Posts

  • Put Down the Javascript – Learn HTML & CSS

    A growing trend in front end development is the idea that you can dive right in to Javascript and succeed. Honestly, for better or worse you probably can, but you’re just building on top of a fragile foundation that will come back to bite you. Why do I need HTML or CSS? The UI frameworks …

  • You Don’t Need CSS-in-JS – Why I Use Stylesheets

    CSS-in-JS is all the rage. But is it really the best option? Solving problems you don't need to solve Don't get me wrong, CSS-in-JS is a great solution, but it's for a problem most people don't have. Maintaining your components in a very siloed approach absolutely helps things like: Unintentional side effects of cascading styles …

  • Destructuring the Fundamentals of React Hooks

    Hooks have become a pretty powerful new feature of React, but they can be intimidating if you’re not really sure what’s going on behind the scenes. The beauty is now being able to manage state in a simple (and reusable) manner within function components. But why not just use a class? Without getting too far …

  • Reliable and Maintainable Google Analytics in Webpack

    One of the messier bits of a new app setup is trying to figure out where to stash your Google Analytics initialization scripts. There are some existing options like React Helmet, to manage the head of your document, or you can simply toss it in your monolithic index.html file. The thing is, those setups never …

  • Stop using custom templates in your Webpack React apps

    Google "webpack react" and you'll notice the top result guides all have one thing in common: they create custom HTML templates for their React applications. See, React apps need a root node that serves as a mounting point when rendering to the DOM, so most times you'll simply see a <div> with an ID of …

  • Easily Maintain HTML Partials in Webpack Based Javascript Applications

    Webpack, even with the HTML Webpack Plugin, doesn’t necessarily give a graceful way of managing simple HTML snippets without putting together ugly custom templates within inline loaders. Moving them to the application itself is sometimes an option, with things like title tags using React Helmet, but that doesn’t necessarily work with requirements such as analytics …

  • How do you find all of those blog posts?

    I'm pretty active on Slack (most active, ahem…). I like to chat, because I believe strong communication is super helpful for teams, but it’s also a lot of fun (gifs, memes, etc). Straddling that line, I post articles I come across in relevant channels that I think others would appreciate or learn from, and typically …

  • Custom Blacklist Contact Form 7

    Easily set up a blacklist for those marketing lists that somehow get around Akismet. Throw the below in your functions.php file and customize the $blacklist array to filter by email address to your liking. function contactFilterBlacklist( $result, $tag ) { $tag = new WPCF7_Shortcode( $tag ); $blacklist = array( 'filterme' ); $yourEmail = isset( $_POST['your-email'] ) ? …

  • Batch PNG Optimization

    Easily create a script to batch optimize PNG files in Photoshop using TinyPng's Photoshop Plugin and Adobe's ExtendScript Toolkit. Jump over to voormedia for the How-To. Compressing Images via voormedia TinyPNG Photoshop Plugin

  • dpkg-scanpackages Stripping Name Field

    dpkg-scanpackages isn't designed to take in some of the user defined fields Cydia repos use. Saurik points out in his How to Host a Cydia Package post how to easily fix this. This is rather easy: simply add "Name", "Author", "Homepage", and "Icon" to the end of the array "fieldpri". Not sure which one the …