Open Source JavaScript Web Development Software

Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less.js, the JavaScript tool that converts your Less styles to CSS styles. Because Less looks just like CSS, learning it is a breeze. Less only makes a few convenient additions to the CSS language, which is one of the reasons it can be learned so quickly. Less gives you the ability to use nesting instead of, or in combination with cascading. Arithmetical operations can operate on any number, color or variable. If it is possible, mathematical operations take units into account and convert numbers before adding, subtracting or comparing them. The result has leftmost explicitly stated unit type. If the conversion is impossible or not meaningful, units are ignored. With Less you can transform colors, manipulate strings and do maths.

Developed for design, turretcss is a styles and browser behavior normalization framework for the rapid development of responsive and accessible websites. Newly added features include: increasing the size scale, adding sizes for display title and lead, generic group styles, and box-shadow utility classes. Added utility classes for the cursor property. A generic group behavior to align and space between like items within lists. Globally set box shadows with size variants to set on any element easily with utility classes. PostCSS with postcss-preset-env to write tomorrow's CSS spec today with the polyfills you need. Designed for speed turretcss is designed to make responsive, accessible, and scalable CSS development simple, and predictable. Write clean, simple, and modern HTML & CSS with intuitive size and style utilities with PostCSS and postcss-preset-env.

Schema Form was built to be extended and its easy to create your own form field types that suit your specific requirement. Much of the new development is being done in Assimilate, a standardized validator for JSON Schema to help ensure changing validators is never as painful as escaping tv4 is, as well as a new core library to allow for a more predictable upgrade from AngularJS to Angular. Schema Form is a set of AngularJS directives (and a couple of services). It can do two things to make life easier. Create a form directly from a JSON schema. Validate form fields against that same JSON schema. Schema Form uses convention over configuration, so it comes packaged with some sensible defaults. But you can always customize it by changing the order and types of form fields. Schema Form is inspired by the nice JSON Form library and aims to be roughly compatible with it, especially its form definition.

tagged template string virtual dom builder. This module is similar to JSX, but provided as a standards-compliant ES6 tagged template string function. hyperx works with virtual-dom, react, hyperscript, or any DOM builder with a hyperscript-style API: h(tagName, attrs, children). You might also want to check out the hyperxify browserify transform to statically compile hyperx into javascript expressions to save sending the hyperx parser down the wire. Template strings are available in: node 4+, chrome 41, firefox 34, edge, opera 28, safari 9.

The critical path is the path to render a web page, what's needed before that can happen. CSS Stylesheets block rendering. Until the browser has requested, received, downloaded, and parsed your stylesheets, the page will remain blank. By reducing the amount of CSS the browser has to go through, and by inlining it on the page (removing the HTTP request), we can get the page to render much, much faster. You should minify the critical CSS, then inline it on your page (wrapped in <style> tags). It should be placed in the header, replacing the full CSS link(s). The full CSS, and JS script tags (which also block rendering), should be moved out of the HEAD, to the end of the page, just before the closing body tag. You need to generate critical CSS for each page individually. Make sure to only move down the full CSS to the bottom of the page for pages where you have inlined critical path CSS in the header.

OpenBEXI is a WYSIWYG HTML builder using the magic of HTML5 and CSS3 . By resizing, dragging and dropping various HTML widgets it is easy to build a web page. All texts using the DOJO editor, pictures, charts, chart-flows, Dygraphs, timelines, lists and DOJO widgets edited on your browser look like the HTML page you are going to publish to your web site. OpenBEXI provides a powerful CSS and JavaScript editor to change on the fly the presentation and the behavior of your web pages. Tools allow you to create, manage and publish web projects and HTML pages for Internet.

This is an online html form generator written in PHP that can be used for creating forms online. You can add and modify html element attributes. On the left is a tree for the order, in the middle a preview, on the right fields for modifying elements