Keeping the important stuff in reach
In this edition of ByteSize we’re going to be taking a look at creating an animated condensed header using a scroll trigger. …
Combining storage types for maximum performance
In the last tutorial we started putting together a rudimentary link preview component. Starting with the Microlink library, we were able to allow our users to enter a URL address and see an automatically generated OpenGraph preview of the link.
It’s rough though. If we are outside of the caching…
The right tools to handle data at scale.
Working with Python for data engineering is amazing, provided you have the right tools at your disposal. Trying to continuously patch a faulty pipeline though can be like using duct-tape: eventually the cracks are going to show.
Trying to learn Python implementations of Apache platforms such as Airflow, Storm and…
Autogenerating beautiful link previews and embeds
In this Flask + React component tutorial we’re going to dig into building link previews. Link previews are commonly used in social networks as decoration to make conventional URLs more appealing than the typical blue underlined text.
If you wanted to learn how to make more cool components, be sure…
A Template for Zero to Hello World in 5 minutes.
I use Flask and React. A lot.
As I reference setting up an application with them for most of my tutorials, I figured it would be worthwhile to put together a quick instructional for how to get up and running instead of repeating it each time (DRY and all that).
…
It’s time to move on from MERN and JAM
In honour of #nonuancenovember, I wanted to give my take on why you should use Flask and React for your next project. While there are an almost unlimited number of stack combinations, Flask and React provide an incredibly versatile platform to build even the most ambitious web applications.
These are…
Handling user input with an infinite image search component
Over the last few articles we’ve been going through how to create an infinite scroll image grid using Flask, React and the Unsplash API. In this installment, we’re going to be adding the ability to search for photos to our component. …
How you can easily integrate an Unsplash infinite image grid using Material-UI
In our last tutorial, I took a walk through how to set up the back and front end of an infinite scroll component. While functional, there was still a little bit to be desired in terms of styling for the component. This time around, we’ll be integrating the Material-UI library…
Using CSS Grid and Media Queries in the wild.
Great design is art. I spend an inordinate amount of time on Dribbble, Behance and Instagram scrolling through all the amazing concepts that people are creating. If I am feeling particularly inspired, I love to try and recreate them from scratch in fully deployed application. For me it’s a great…
