Posts tagged: “writing”
Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.
Getting comfortable with Git took me a long time. I thought I'd write a quick guide that assumes no prior knowledge, along with some of my favourite tips and tricks.
React has limitations when it comes to working with persistent stateful media objects. In this article I discuss techniques for working with media elements like canvas, video and third-party libraries in React.
There are some interesting differences between how currentColor and custom properties work. Both are examples of dynamic properties in CSS but how they are resolved differs in some very important ways. I recently came across an example of this that had me scratching my head for a while.
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how to write and structure CSS with custom properties.
Custom Properties have the potential to change how we write and think about CSS.
A solution for transitioning lengths values in CSS through more than one 'bending point'.
Explains the box model, cascade, formatting contexts, positioning, stacking and a lot more about how CSS works. A right of passage, I had to write my version.
Ideas for a more general purpose interpolation function in CSS.
A more personal article on being a developer and having an average mathematical ability.
A bunch of interesting techniques for using SVG to make unique responsive components.
My experience implementing service workers to cache and serve content offline.
A short tutorial on different techniques for manipulating pixel data with the canvas element.
Sharing some experiences trying to get a design system\living style guide working in a corporate environment.
A very tongue-in-cheek article about why jQuery is good for the web.
A little pattern I wanted to share for creating bulletproof icons.
Some practical examples of using calc and viewport units for fluid typography and more.
Details of my CSS workflow and frontend development processes in 2015.
A personal story about dealing with a copy-right troll over a trivial GitHub project.
Creating fluid responsive typography with calc and viewport units.
A technique for loading animations that can be applied to existing elements.
Some early experiments with WebRTC.
A tutorial for Codrops on using HTML5 canvas to crop and resize images on the client side.
A detailed exploration of how the space and size of items are determined when using flexbox.
Learning about merging deep JSON objects. (Really old)
Contrast is a critical factor in web design, it’s important to get right because it has a strong influence on the visual aesthetic, but it’s especially important for readability and accessibility of text on the page. It’s not a revolutionary idea to suggest that we use Less or Sass to help choose an appropriate text color for a particular background. There are plenty of examples of this, but what is the best way?
Experiements detecting transition start "events" in CSS.
Me thinking about component-based architecture for CSS in 2014, before I knew what to call it.