Author: Dylan Schiemann

Exploring the Network Information API

In 2007, we were invited to speak at the Apple WWDC event. At the time we didn’t know why we were invited. We later learned that because there was initially no native SDK, developers were advised to use JavaScript, HTML, and CSS to create iPhone apps, and were encouraged to attend our session. Obviously the world has changed quite a bit since 2007, but one of the questions we asked the Apple team at the time was: “What APIs would

Read More »

Next Generation Virtual Scrolling

Rendering large data sets in the browser while optimizing for performance and accessibility is a complex problem. The current approach to handling long lists of data is using an infinite scroll pattern to incrementally load and render data just before the data enters the view. This approach comes with trade-offs that we will look at in detail as well as new features and standards that are coming down the pipe that will improve virtual scrolling in the future. Virtual scrolling

Read More »

2019 Esri Developer Summit Recap

Esri provides the excellent ArcGIS for JavaScript API for building geospatial applications. Their approach has grown substantially over the years, from basic two-dimensional maps comparable to early Google Maps implementations to now cover nearly everything I can imagine wanting to do in a 2-D or 3-D map. Underneath the API, Esri still finds significant value leveraging Dojo Toolkit 1.x features though their APIs now include significant TypeScript support and some features from modern Dojo. Their team has also made efforts

Read More »
TC39 Binary AST Proposal to Improve JavaScript Performance

TC39 Binary AST Proposal to Improve JavaScript Performance

WebAssembly has grown in popularity due to its ability to improve application performance and support transpilation of source code in other languages into something that may get leveraged in a web browser. Every time the JavaScript language gets challenged, the community strives to create mechanisms to improve performance bottlenecks, which we have seen over the years with efforts from Mozilla, Google, Apple, and Microsoft.

Read More »
React Already Did That at All Things Open 2018

React Already Did That at All Things Open 2018

All Things Open is a large, community-created open source conference in Raleigh, North Carolina, with nearly 4,000 attendees and 20 concurrent sessions. At this year’s event, I was invited to deliver a talk similar to one I had presented at JSConf titled “React Already Did That.” The session itself is not actually about React, but about several key concepts in how the JavaScript ecosystem evolves. In the early years of JSConf, people would joke whenever someone announced something new that

Read More »
Node+JS Interactive 2018: From Accessibility to JS Interoperability

Node+JS Interactive 2018: From Accessibility to JS Interoperability

The 2018 edition of the Node+JS Interactive conference featured nearly 1,000 JavaScript and Node.js enthusiasts at the first combined event organized by the Node.js Foundation and JS Foundation. The event included nearly 100 sessions, panels, and community events designed to help grow and foster the JavaScript ecosystem. The big announcement this year was the intent of the two groups to merge into one large JavaScript foundation.

Read More »

Exploring the Resize Observer Proposal

Resize Observer allows developers to receive notifications when the size of an element’s content rectangle changes. This helps manage a variety of application layout scenarios including responsive application layout, flexible layouts such as split panes, or dynamic changes in content within an element in a page. This proposal is part of the Web Incubator Community Group Charter (WICG), a lightweight venue for proposing and discussing new web platform features. Analogous in the approach of TC39 for JavaScript, WICG considers proposals

Read More »

Escape the Office: Designing Interfaces for Other Developers

At the recent TSConf, SitePen engineer Sarah Higley delivered a talk titled Escape the Office: Designing Interfaces for Other Developers. The moment you step into any large project or open source venture you must accept that code you write gets used in ways you did not originally intend. Part of creating any good codebase is figuring out how to design it to be both flexible and robust in the face of the unknown. Typescript adds a powerful tool to hint,

Read More »

Don’t forget your keys

At the recent NEJSConf, SitePen engineer Sarah Higley delivered a talk titled Don’t forget your keys. People tend to assume everyone navigates the world in the same way they do: on two legs, responding to visual cues, hearing speech, reading emotion. For developers, this often means web accessibility comes as an afterthought, if at all. But we can do better! Keyboard accessibility affects a broad range of users with vision and mobility impairments, and they still deserve to be able

Read More »
Introduction to WebAssembly

Introduction to WebAssembly

WebAssembly is an emerging standard for a low-level assembly-like language in a compact binary format that runs with near-native performance, and is available as a compilation target for a variety of languages. We’ve heard significant misunderstanding around WebAssembly and what it means for the web and JavaScript.

Read More »