Explaining the correct way to match bound functions in Jest tests.
The truth is — a great developer will work with whatever tools are available to them.
When I got my first job as a software developer 6 years ago, the on-boarding I received consisted of wiki pages, diagrams, keynotes, and many meetings to walk through various architectures and system diagrams.
I thought there had to be a better way, but as a junior developer, I wasn't sure.
There is a better way.
Heavy code commenting is a symptom of bad code.
Most of the time, if you feel like you need to add a comment to explain what a piece of code is doing, your code is probably too complex and should be refactored.
You have a team of talented developers and designers, a beautiful app, selling a beautiful product. Your sketchy competitor with a dated website and a disposable product converts three times better than you. What gives?
UX design process is often preached as the best way to design the think that suits the customer needs best. Which such process might be highly effective in some cases, it cannot be applied as a one-size-fits-all solution. Teams tasked with solving problems quickly and creatively, should bypass formal UX process for sake of delivering into market quickly, failing fast, and learning from the experiments.
Recently I was working on building a DoJo-based widget (DoJo 1.X uses VanillaJS in the background) and I've spent a lot of time trying to figure out why a globally-defined array is getting updated across different instances of that widget.
New this week, Liberty Mutual's responsive policy quoting and bind website (currently available for Renters insurance on mobile devices 9" and smaller) boasts a clean and modern design, heavy reliance on native HTML5 functionality and a streamlined interview process.
Now that this application is public, I've decided to post a short design analysis outlining key new features behind the new application, which has been designed with the customer in mind from the first page, to the last.
The world of CSS just keeps getting better as new specs are introduced and eventually adopted by major browsers. One of those exciting specs is CSS Masking. While not fully supported across the major browser line up, it’s an interesting addition that’s generating a lot of attention. One absolutely outstanding example of what can be achieved with css masking is a project by Bryan James - Species in Pieces that showcases a collection of endangered species, made and animated using clip-path.
Defined in the CSS Masking Module Level 1 spec, CSS masking provides two ways to hide sections of full images or objects: masking and clipping. Masking allows the use of another element to create a luminance or an alpha mask. Clipping simply provides a mechanism to only show a certain section of an object. Think of it as taking scissors and cutting a part of a piece of paper into a shape you want.
In this post, I want to explore specifically the clip-path property and show a quick example of what can be achieved by it.