InfoQ Homepage HTML Content on InfoQ
-
Beyond Responsive Design, Responsive Websites - Kilian Valkhof at HalfStack
Kilian Valkhof, creator of the web-developer-focused Polypane browser, presented at the HalfStack conference new ways that web developers and designers can provide better user experience by going a step beyond responsive design. Using recent additions to browsers, developers and designers can also respond to user preferences, the user environment, the network condition, and device capabilities.
-
MDsveX - Adding Interactivity with Svelte Components in Markdown
The mdsvex npm package was recently entirely rewritten to allow Svelte developers to have Markdown content inside a Svelte component and also use Svelte components inside Markdown. Like Gatsby with MDX/React, mdsvex allows developers to mix Markdown and Svelte components to generate interactive content.
-
CSS Containment Now a Web Standard
The CSS Working Group recently published the CSS Containment Module Level 1 as a new web standard. This CSS module specifies the contain property, which can be used to indicate elements whose subtree is independent of the rest of the page in some manner. That independence may then be used by user agents to render web pages faster by skipping subtrees.
-
Electron 8 Releases Introduce Caller Stack Logging, HTTP Parsing Alternative
The recent Electron 8.0, 8.1, and 8.2 releases make significant improvements to their framework for building cross-platform desktop apps with JavaScript, HTML, and CSS. Highlights in these releases include a performance boost in communication between main and renderer processes, better control over call stack, the addition of an HTTP parsing NODE_OPTION in a packaged Electron app, and more.
-
108 Common DOM Tasks in Vanilla JS: the HTML DOM Project
The open-source project HTML DOM provides over 100 snippets of vanilla JavaScript performing common DOM manipulation tasks. The tasks' difficulty range from trivial (get the class of an element) to advanced (create resizable split views). The project may be useful for educational purposes, and for component developers who need to do low-level DOM handling themselves.
-
Introducing the JAMstack
JAMstack is a new architecture for building sites that can be served directly from a CDN that offers many benefits over existing LAMP or MEAN solutions. It stands for JavaScript, APIs, and pre-rendered Markup.
-
Adaptive Loading for a Faster Web
The Google Chrome team recently introduced Adaptive Loading, an exploration for loading and rendering the most suitable version of a component based on network speed, CPU, memory, and other web platform signals.
-
Tone.js Interactive Music Web Framework
Tone.js leverages the Web Audio API to provide a framework for creating interactive music in the browser.
-
CSS Architecture for Component-Based Applications
CSS architecture is a complex subject that is often overlooked by developers as it's now possible to encapsulate the CSS per component and avoid many of the pitfalls. While this 'workaround' can make the lives of developers simpler, it does so at the price of reusability and extendibility.
-
Microsoft Edge 79 to Use the Chromium Browser Engine
With the release of Edge 79, Microsoft will transition from its proprietary EdgeHTML engine to Chromium, the popular open-source engine that powers Chrome.
-
WebExpo 2019: More Than You Ever Wanted to Know About Resource Hints
Harry Roberts, consultant front-end architect at CSS Wizardry, discussed how web pages can be made faster with Resource Hints in a recent talk at WebExpo 2019 in Prague.
-
CSS Grid Level 2 Preview: Adding Subgrid Support for Layout Inheritance
CSS Grid level 2 has gone live on Firefox nightly, providing access to the new subgrid property. The new functionality enables developers who use inner grids to relay on the parent grids column and row definitions, enabling more complex design.
-
High Performance Video Editing for the Mobile Web
Forbes Lindesay, a software developer at Threads Styling, shares his experience of creating Video Renderer, a high-performance video editor that was written for a mobile web application
-
Chrome 74 Natively Supports Lazy Loading
Google recently released Google Chrome 74 with a new experimental flag to enable native lazy loading support for images and iframes. The img and iframe HTML tags get an additional loading attribute to configure the lazy loading behaviour of the corresponding resource. Deferring load of non-visible content may reduce data usage, memory usage, and speed up above-the-fold content.
-
Experimental Trusted Types API to Combat Cross-Site Scripting Vulnerabilities
The Google Chrome team announces an experimental Trusted Types API to help combat DOM Cross-Site Scripting (XSS) security vulnerabilities. Google's Vulnerability Reward Program reports that DOM XSS is the most common XSS security variant.