InfoQ Homepage Markup Languages 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.
-
Why We Don't Use a CSS Framework - Scott Tolinski, Reactive Conf
In a recent ReactiveConf session, Scott Tolinski defended the thesis that developers, due to recent additions to the CSS language, may not need to use a full-fledged CSS framework. Tolinski further demonstrated how developers who do not need to support IE11 can leverage CSS variables to implement a custom design system with characteristically less overhead than a framework.
-
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.
-
Facebook's CSS-in-JS Approach - Frank Yan at React Conf 2019
Frank Yan discussed at React Conf some of the technologies and strategies powering FB5, the new facebook.com, addressing topics such as Facebook’s approach to CSS-in-JS.
-
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.
-
New MDJS Markup Language Adds JavaScript to Markdown for Interactive Documentation
Thomas Allmer, founder of Open Web Components (@OpenWc), released MDJS, a Markdown variant that allows developers to include runnable JavaScript code into their Markdown documents. MDJS can be interpreted as regular Markdown content or be progressively enhanced to produce interactive documentation including web components.
-
Safari 13.1 Released
Safari 13.1 was recently released for macOS Catalina, iPadOS, iOS, and watchOS. Safari 13.1 strives to improve on the WebKit engine, privacy, performance, and web developer experience.
-
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 Writing Modes Now an Official Web Standard
The World Wide Web Consortium (W3C) recently announced that CSS Writing Modes Level 3 is now an official web standard. The new CSS standard enables developers to configure texts to be laid out horizontally or vertically, as well as to set the direction in which lines are stacked. Thanks to CSS Writing Modes, content in a large number of languages can be natively displayed.
-
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.
-
Tailwind CSS 1.2 Release Adds CSS Grid Support
Tailwind CSS, a low-level CSS framework, recently released Tailwind CSS version 1.2, adding support for CSS Grid Layout, CSS Transitions, and CSS Transforms.
-
Tone.js Interactive Music Web Framework
Tone.js leverages the Web Audio API to provide a framework for creating interactive music in the browser.
-
Firefox 72 Released with Better Privacy, User Experience and a Four-Week Release Cycle
The Firefox browser shipped new versions in 2020 which strive to improve privacy, user experience, and JavaScript and WebAPI support. Additionally, Mozilla will now release new Firefox versions on a monthly cycle.