How to Use CSS Grid for Sticky Headers and Footers
September 2nd, 2020
CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. One area where it shines is dealing with headers and footers. With a little adjustment…
Ionic + Angular: Powering the App store and the web
August 31st, 2020
Did you know Ionic and Angular power roughly 10% of the apps on iOS and almost 20% of apps on Android? Let’s repeat that: Angular powers a significant chunk of apps in the app stores. Why is it helpful to know this? Well, if you were on the fence about what technology choice you should make…
Ground Rules for Web Animations
August 31st, 2020
Animations can make a site stand out. Or, they can just as easily kill the experience. When working with web animations, there are a few things that could go wrong like adding animations that serve no purpose, setting durations that are too long or too quick, or not using the right type of animation in…
a11y is web accessibility
August 28th, 2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough. I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie? Or the first season of Westworld? Or some new…
A Complete Walkthrough of GraphQL APIs with React and FaunaDB
August 27th, 2020
As a web developer, there is an interesting bit of back and forth that always comes along with setting up a new application. Even using a full-stack web framework like Ruby on Rails can be non-trivial to set up and deploy, especially if it’s your first time doing so in a while. Personally I have…
A Bit on CI/CD
August 26th, 2020
I’d say “website” fits better than “mobile app” but I like this framing from Max Lynch: Every production mobile app ultimately has a set of recurring tasks around integration, testing, deployment, and long term maintenance. These tasks often must be automated across a team of many developers and app projects. Building a process for these…
Angular CLI Strict Mode
August 26th, 2020
In Angular, we strongly believe in consistency and best practices. For example, we adopted TypeScript in its early days because we wanted all developers using the framework to take advantage of compile-time type checking. This way, we enabled an excellent development experience for everyone with better editor support, allowing people to ship apps with fewer issues….
Doom Damage Flash on Scroll
August 25th, 2020
The video game Doom famously would flash the screen red when you were hit. Chris Johnson not only took that idea but incorporated a bunch of the UI from Doom into this tongue-in-cheek JavaScript library called Doom Scroller. Get it? Like, doom scrolling, but like, Doom scrolling. It’s funny, trust me. I extracted bits from…
Updated Candidate Recommendation: WebRTC 1.0: Real-time Communication Between Browsers
August 25th, 2020
The Web Real-Time Communications Working Group invites implementation of an updated Candidate Recommendation of WebRTC 1.0: Real-time Communication Between Browsers. This document defines a set of ECMAScript APIs in WebIDL to allow media to be sent to and received from another browser or device implementing the appropriate set of real-time protocols. This specification is being…
How I contributed to Angular Components
August 24th, 2020
In this post, I want to share my experience and lessons learned contributing to @angular/components and collaborating with the team at Google maintaining it. As an engineer at Infragistics, among other things, I am responsible for developing and maintaining our IgxOverlayService. It allows rendering of an Angular component or an ElementRef overlaying other content in…