Tag: css

我可以通过npm分发非javascript文件吗?

Npm是一个惊人的工具,如果你使用打字稿或JavaScript。 但据我所知,看起来可以通过node / npm分发任何types的项目或语言。 例如,假设我创build了一个包含一些库的php phar文件。 我可以使用npm作为一个包分发吗? 或者想象一下,我有一个包含视觉样式库的css文件。 是否会被接受通过npm分发所有这些css文件,知道没有JavaScript代码会出现在包中? 主要问题是:是否允许通过npm分发非javascript项目? 谢谢

columm计数不适用于PDF中的CSS

我会用column-count: 2; 和columns:2; 在HTML和HTML格式转换成PDF格式。 我可以使用下面的npm包 npm install -g html-pdf 在pdf column-count: 2; 不工作 我也可以试试这个 @media print{ .newspaper { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } 但不工作 我的要求是第一柱柱开始第二柱柱这是我的主要要求。 谢谢

Webpack从节点模块自动导入css

TL; DR:有没有什么办法可以从我们的node_modules文件夹中自动扫描或自动导入我们的networking包使用的所有样式表? 我正在使用angularJS作为其MVC框架的项目,我们正在进行迁移到使用webpack的过程。 我目前写了以下configuration: const path = require('path'); const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const bbProperties = require('./webpack.properties'); const appRoot = __dirname + "/../../.."; console.log('__dirname:', __dirname); module.exports = { entry: { app: appRoot + bbProperties.app.entryScript, login: appRoot + bbProperties.login.entryScript }, output: { path: appRoot + bbProperties.distFolder, publicPath: "dist", filename: "js/[name].bundle.js", }, module: { […]

将CaptureVisibleTab图像保存到临时文件以通过Node.js服务器发送

我试图捕获一个可见的选项卡使用铬扩展名。 我已经设法让图像显示在另一个标签检查其工作。 但我实际上想要拍摄的图像,保存为用户计算机上的临时文件中的PNG。 然后最终被发送到服务器,但这是一个不同的问题。 道歉,如果格式不好,我正在学习。 var id = 100; chrome.browserAction.onClicked.addListener(function() { chrome.tabs.captureVisibleTab(function(screenshotUrl) { var viewTabUrl = chrome.extension.getURL('../HTML/InfoPullHTML.html?id=' + id++) var targetId = null; chrome.tabs.onUpdated.addListener(function listener(tabId, changedProps) { if (tabId != targetId || changedProps.status != "complete") return; // alert('test2'); chrome.tabs.onUpdated.removeListener(listener); // alert('test3'); var views = chrome.extension.getViews(); // alert('test4'); for (var i = 0; i < views.length; […]

节点sass不导入

我正在用nodejs,electron和node-sass构build一个sass编译器。 将有一个configuration文件,将描述许多项目的一些“sass编译器”,用户将有能力通过GUI来激活和停用它们。 我用“电子”来pipe理界面,并使用电子“ipcmain”来按需启动编译器。 为了初始化编译器,我生成了一个包含整个编译器的subprocess。 编译完成以下代码: var result = this.sass.renderSync({ file: 'C:\\Users\\George\\Desktop\\css_compiler_tests\\test3\\scss\\style.scss', outFile: 'C:\\Users\\George\\Desktop\\css_compiler_tests\\test3\\css\\style.css', includePaths:[ 'C:\\Users\\George\\Desktop\\css_compiler_tests\\test3\\scss\\', 'C:\\Users\\George\\Desktop\\css_compiler_tests\\test3\\scss\\foundation\\components\\' ] }); 我使用绝对path执行编译,但文件是相对path。 我运行我的程序/ gui,并激活编译器,我有一个CSS文件。 问题是一些import缺less。 我的根文件夹位于'C:\ Users \ George \ Desktop \ css_compiler_tests \ test3 \'。 我尝试编译导入'scss_inculded-files.scss'的'scss \ style.scss'。 文件'scss_inculded-files'导入'scss \ foundation.scss',它导入'scss \ foundation \ components'格式。 这里是一个例子: /*scss\style.scss*/ @import "included-files"; /*scss\_inculded-files.scss*/ @import "includes/fonts", "includes/custom-colors", "includes/foundation-custom-settings", "foundation/settings", "foundation"; /*scss\foundation.scss*/ […]

很less – 两个首发问题(编译选项和CSS的组合)

我想开始使用LESS而不是普通的CSS。 我一直在阅读关于它的最后几个小时,这看起来不错,但我仍然不确定如何运行/使用它。 这就是为什么我有一些问题: 我读过使用less.js在客户端编译是不好的。 这似乎是有道理的。 我也读过你可以使用node.js在服务器端进行编译。 Node.js需要Python,但由于我只有一个托pipe帐户(而不是自己的服务器),所以Python不可用。 于是我看了一下Less.app,它把.less文件编译成.css文件。 使用less-files进行开发,然后将其编译成`.css并上传到在线服务器(当然链接到该文件)有什么不好的地方? less文件不需要使用该方法在线,对不对? 我使用Wordpress裸体模板作为起点。 这个模板创build时没有LESS。 这意味着我有一个.css文件,例如包括一个CSS重置。 我应该只是复制这些“正常的CSS”行到.less文件?

IE9,歌剧和旧的Safari试图下载我的Node.js服务器托pipe的网站作为一个文件?

我…我完全难住了。 这对我来说绝对没有意义。 现在,我是HTML5,CSS和Javascript的新手,但是我觉得我已经用Node.js制作了一个体面的(未完成的)网站devise和一个不错的,简单的(未完成的)服务器程序。 事情是…虽然它不会在IE9,Opera或Safari 5.0.6或其他许多浏览器的旧版本中呈现, 而只是试图下载网站作为一个没有扩展名的文件。 然而,它适用于Chrome,Firefox和Safari 5.1.7。 (我还没有testing过其他浏览器。) 我甚至不知道从哪里开始进行故障排除,我希望这里有人能帮助我。 希望它有一些与我的服务器configuration或代码和我的错误。 来源 – 服务器: http : //pastebin.com/vzGnWfgr HTML: http : //pastebin.com/CvPBhmPa CSS(如有必要): http : //pastebin.com/WSAKxqxD 我现在也有这个网站在我的服务器上: http : //test.kdude63.com/ 另外,如果它有什么不同,我在我的服务器上运行Ubuntu服务器12.04 LTS。

Grunt指南针和sass / css目录

我更新了最新版本的grunt(0.4.1)并安装了指南针软件包(grunt-contrib-compass)。 这里我使用的configuration: compass: { dist: { options: { sassDir : "src/theme/sass", cssDir : "src/theme/css", imagesDir: "src/theme/img", javascriptsDir : "src/js", fontsDir : "src/theme/fonts", environment : "production" } } } 每次在sass目录中发生更改时,将执行指南针任务,并创buildcss目录(使用生产css文件)。 一切都很好,但css文件,config.rb文件和sasscaching也重新在sass目录中。 有人遇到同样的问题?

Node.js当#zoom:1时编译器parsing错误较less; 用过的

每当.less文件在某些​​情况下使用“#”主题标签时,我会得到一个节点less的编译器错误。 这似乎是好的颜色hex值,如颜色:#FFFFFF; 但你采取像#zoom:1; 并且对于无法识别的input而言,它会产生parseError。 我无法find任何与#使用直接相关的其他post,并跳过了编译器,所以这让我想知道为什么没有人遇到这个问题。 下面是从Dojo SDK文件dijit.css中获取的一个类的实际示例较less的文件定义。 我将扩展名更改为.less,以便将其和其他较less的文件合并到一个.css文件中: .dijitInline { /* To inline block elements. Similar to InlineBox below, but this has fewer side-effects in Moz. Also, apparently works on a DIV as well as a FIELDSET. */ display:inline-block; /* webkit and FF3 */ #zoom: 1; /* set hasLayout:true to mimic inline-block */ #display:inline; /* […]

正在为所有请求返回索引文件

我对web开发相对较新。 我正在使用节点(与快递)和angularJS。 虽然解决scheme可能很简单,但我无法确定为什么每个请求的文件(css / javascript / html)的内容都与我的index.html文件的内容一起返回。 Chrome检查器的以下截图说明了这个问题: controller.js文件的内容实际上是index.html文件的内容。 您可以从屏幕截图中的索引文件中查看相关内容。 以下是节点服务器代码: /** * Module dependencies. */ var express = require('express'), routes = require('./routes'), api = require('./routes/api'); var app = module.exports = express(); // Configuration app.configure(function() { app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(express.static(__dirname + '/public')); app.use(app.router); }); app.configure('development', function(){ app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); }); app.configure('production', function(){ app.use(express.errorHandler()); […]