inliner - Node utility to inline images, CSS and JavaScript for a web page - useful for mobile sites

  •        17

Turns your web page to a single HTML file with everything inlined - perfect for appcache manifests on mobile devices that you want to reduce those http requests.Once you've inlined the crap out of the page, you can optionally configure a service worker to add advanced caching and offline functionality.

http://github.com/remy/inliner

Dependencies:

ansi-escapes : ^1.4.0
ansi-styles : ^2.2.1
chalk : ^1.1.3
charset : ^1.0.0
cheerio : ^0.19.0
debug : ^2.2.0
es6-promise : ^2.3.0
iconv-lite : ^0.4.11
jschardet : ^1.3.0
lodash.assign : ^3.2.0
lodash.defaults : ^3.1.2
lodash.foreach : ^3.0.3
mime : ^1.3.4
minimist : ^1.1.3
request : ^2.74.0
svgo : ^0.6.6
then-fs : ^2.0.0
uglify-js : ^2.8.0
update-notifier : ^0.5.0

Tags
Implementation
License
Platform

   




Related Projects

inliner - Node utility to inline images, CSS and JavaScript for a web page - useful for mobile sites

  •    Javascript

Node utility to inline images, CSS and JavaScript for a web page - useful for mobile sites

laravel-mail-css-inliner - Inline the CSS of your HTML emails using Laravel

  •    PHP

Most email clients won't render CSS (on a <link> or a <style>). The solution is inline your CSS directly on the HTML. Doing this by hand easily turns into unmantainable templates. The goal of this package is to automate the process of inlining that CSS before sending the emails. Using a wonderful CSS inliner package wrapped in a SwiftMailer plugin and served as a Service Provider it just works without any configuration.

pure - A set of small, responsive CSS modules that you can use in every web project.

  •    HTML

Now, all Pure CSS files should be built into the `pure/build/` directory. Allfiles that are in this build directory are also available on the CDN. The namingconventions of the files in the `build/` directory follow these rules:* `[module]-core.css`: The minimal set of styles, ususally structural, that provide the base on which the rest of the module's styles build.* `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` + `[module]-[feature].css` from the `src/[module]/` dir. This i

Midgard - Content Management Framework

  •    PHP

Midgard is a persistent storage framework built for the replicated world. It enables developers build applications that have their data in sync between the desktop, mobile devices and web services. It also allows for easy sharing of data between users. Midgard does this all by building on top of technologies like GLib, libgda and D-Bus. It provides developers with object-oriented programming interfaces for C, PHP and Python.

framework7 - Full featured HTML framework for building iOS & Android apps

  •    CSS

Framework7 uses gulp and rollup to build a development (build) and production versions. First you need to have gulp-cli which you should install globally.


feathers - User interface components for Starling Framework and Adobe AIR

  •    ActionScript

Warning: This is a pre-release version of Feathers UI. It may contain bugs or unfinished features. It is not recommended for production apps because it is considered potentially unstable. Use at your own risk. To download a stable build, visit the Feathers website. Say hello to Feathers UI, a library of light-weight, skinnable, and extensible UI controls for mobile and desktop. The components run on Starling Framework and Adobe AIR — offering blazing fast GPU powered graphics to create a smooth and responsive experience. Build completely standalone, native applications on iOS, Android, Windows, and macOS, or target Adobe Flash Player in desktop browsers. Created by Josh Tynjala from Bowler Hat LLC, Feathers UI is free and open source.

react-inline - Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e

  •    Javascript

Note: Thanks to the new possibilities of Babel v6+, there's also my babel-plugin-css-in-js project, which works exactly the same but doesn't require a separate CLI/API. If you're using Babel for code transpilation, just put babel-plugin-css-in-js in your build pipeline. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the className prop of React elements.

Backbone-Require-Boilerplate - A Rad Backbone.js and Require.js Boilerplate Project.

  •    Javascript

A Backbone.js and Require.js Boilerplate that promotes decoupling your JavaScript into modules, separating business logic from application logic using Collections/Models and Views, reusing your JavaScript between Desktop and Mobile Web versions while using a mobile framework (jQuery Mobile), including non-AMD Compatible Third Party Scripts in your project, optimizing all of your JavaScript (minify, concatenate, etc), and unit testing your JavaScript. Uses a large portion of the HTML5 Boilerplate HTML and CSS.

Marionette-Require-Boilerplate - Marionette-Require-Boilerplate

  •    Javascript

A Marionette.js and Require.js Boilerplate that promotes decoupling your JavaScript into modules, separating business logic from application logic using Collections/Models, Regions and Views, reusing your JavaScript between Desktop and Mobile Web versions while using a mobile framework (jQuery Mobile), including non-AMD Compatible Third Party Scripts in your project, optimizing your JavaScript and CSS files (minify, concatenate, etc), and unit testing your JavaScript. Part of the BoilerplateMVC suite. Uses a large portion of the HTML5 Boilerplate HTML and CSS.

React Native - A framework for building native apps with React.

  •    Javascript

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps.

babel-plugin-transform-react-remove-prop-types - Remove unnecessary React propTypes from the production build

  •    Javascript

Remove unnecessary React propTypes from the production build. Remove React propTypes from the production build, as they are only used in development. You can save bandwidth by removing them.

glamor - inline css for react et al

  •    Javascript

This expands on ideas from @vjeux's 2014 css-in-js talk. We introduce an api to annotate arbitrary dom nodes with style definitions ("rules") for, um, the greater good. as a compromise, we enable the former 'speedy' mode NODE_ENV=production, and disable it otherwise. You can manually toggle this with the speedy() function.

gulp-imagemin - Minify PNG, JPEG, GIF and SVG images

  •    Javascript

Issues with the output should be reported on the imagemin issue tracker.🦄 Support my open-source work by buying this awesome video course: Learn to build apps and APIs with Node.js by Wes Bos Try his free JavaScript 30 course for a taste of what to expect & check out his ES6, React, Sublime courses.

npm-build-boilerplate - A collection of packages that build a website using npm scripts.

  •    Javascript

A collection of packages that build a website using npm scripts. autoprefixer, browser-sync, eslint, imagemin-cli, node-sass, onchange, npm-run-all, postcss-cli, svgo, svg-sprite-generator, uglify-js.

Ionic - HTML5 Mobile Framework for building cross-platform hybrid native apps and mobile websites

  •    Javascript

Ionic is the open source HTML5 Mobile Framework for building amazing, cross-platform hybrid native apps and mobile websites with HTML, JavaScript, and CSS. If you know how to build or design websites, you will be able to build a real mobile app with Ionic.

h5Validate

  •    Javascript

An HTML5 form validation plugin for jQuery. Works on all major browsers, both new and old. Implements inline, realtime validation best practices (based on surveys and usability studies). Developed for production use in e-commerce. Currently in production with millions of users on Zumba.com

dilvie-h5Validate

  •    Javascript

An HTML5 form validation plugin for jQuery. Works on all major browsers, both new and old. Implements inline, realtime validation best practices (based on surveys and usability studies). Developed for production use in e-commerce. Currently in production with millions of users on Zumba.com

build-a-saas-app-with-flask - Learn how to build a production ready web app with Flask and Docker.

  •    HTML

Learn how to build a production ready web app with Flask and Docker. Level up and win that dream software developer job. In the course we build up a 4,000+ line Flask application in 15 stages while I'm at your side explaining my thought process along the way.

postgrest-starter-kit - Starter Kit and tooling for authoring REST API backends with PostgREST

  •    PLpgSQL

Base project and tooling for authoring REST API backends with PostgREST. PostgREST enables a different way of building data driven API backends. It does "one thing well" and that is to provide you with a REST api over your database, however to build a complex production system that does things like talk to 3rd party systems, sends emails, implements real time updates for browsers, write integration tests, implement authentication, you need additional components. For this reason, some developers either submit feature requests that are not the scope of PostgREST or think of it just as a prototyping utility and not a powerful/flexible production component with excellent performance. This repository aims to be a starting point for all PostgREST based projects and bring all components together under a well defined structure. We also provide tooling that will aid you with iterating on your project and tools/scripts to enable a build pipeline to push everything to production. There are quite a few components in the stack but you can safely comment out pg_amqp_bridge/rabbitmq (or even openresty) instances in docker-compose.yml if you don't need the features/functionality they provide.

babel-minify-webpack-plugin - Babel Minify Webpack Plugin

  •    Javascript

minifyOpts are passed on to babel-preset-minify. You can find a list of all available options in the package directory.