Category: HTML5

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 »
Cats vs Dogs: Answering the Important Questions

Cats vs Dogs: Answering the Important Questions

SitePen participates in a number of conferences around the world presenting new technology and ideas to engineers and designers. Recently Dylan Schiemann and Tom Dye spoke at the HalfStack Conference in London and Paul Shannon spoke at Phoenix TypeScript meetup. We demonstrated what Dojo and the Web could do by using Web Audio, Web Animations, and a number of other technologies to create a fun application.

Read More »
Web Components in 2018

Web Components in 2018

For many front-end developers, components have become a central concept in their development workflow. Components provide a robust model for architecting and scaling complex applications, allowing for composition from smaller and simpler encapsulated parts. The concept of the component has existed on the web for some time, with frameworks like the Dojo Toolkit championing them in its Dijit widget system early on in the JavaScript ecosystem. Modern frameworks like React, Angular, Vue, and Dojo have further put components at the

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 »
Emerging web standards

Five of our favorite emerging web standards

As we create and improve open source software, and build many applications for our customers, we’re constantly looking for things that will improve the software we create. Part of this is looking at an often dizzying array of proposed and emerging standards, and finding those that feel efficient and ready for use. Here we’ll explore five emerging web standards that we’ve started using or are strongly considering using in future work.

Read More »
State of Modern Component Styling

State of Modern Component Styling

As new user interface component frameworks are created and old frameworks are replaced with emerging technologies, methods for styling those components must change with them. Long gone are the days of creating a simple HTML component and importing a simple CSS file with corresponding class names. Concerns such as style leaking, local DOM manipulation and theming are driving changes to the approaches we take. With developer IDEs and the JavaScript language itself and extensions such as TypeScript becoming more intelligent

Read More »

HalfStack 2016 Recap

This was my second year attending Halfstack and creating, as well as compèring (M.C.ed in American English), the JavaScript Pub Quiz. Who can argue with a conference in a pub? The promise of a single-track conference format and a lineup of great speakers is hard to beat. This year Halfstack delivered yet again.

Read More »