InfoQ Homepage HTML Content on InfoQ
-
Best Practices for Web Developers with Webhint - Rachel Simone Weil at OpenJS World
Rachel Simone Weil, product manager for the new Microsoft Edge’s developer tools, recently gave a talk at OpenJS world addressing how the webhint tool suite supports web developers in implementing best practices.
-
Bootstrap 5 Removes jQuery Dependency
The new Bootstrap 5 removes jQuery and no longer supports Internet Explorer (IE).
-
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.
-
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.
-
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.
-
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.
-
Mozilla Pushes WebXR as New Open Web API for Augmented Reality
After adding support for WebVR to Firefox, Mozilla is now working on a new API, called WebXR, to bring mixed reality to the Web. Initially announced last year, WebXR aims to replace WebVR in time and to offer a smooth transition for developers using WebVR.
-
Microsoft Edge Updates Support for WebVR, Makes Flash Click-to-Run
Microsoft has started 2017 by rolling out Windows 10 build 15002 to end users, giving developers a new UWP architecture for Microsoft Edge’s multi-process model and click-to-run Flash content.
-
ChakraCore Now Works on Linux and Mac OS
Microsoft has demonstrated ChakraCore running on Linux and Mac OS X, and Node.js/ChakraCore on Linux.