Code Monkey home page Code Monkey logo

styleguide's Introduction

Styleguide Build Status

A tool to make creating and maintaining styleguides easy.

#####v2.0.8

For downloads, how to get started and detailed documentation please refer to the Styleguide Website

Thanks to

Known issues

1 - You should allow unregistered applications to run in order to use the Start.app file. You can do so in Settings > Security & Privacy

2 - The compiled offline version have a smaller issue on Chrome. Chrome have a security policy of not allowing communication with iframes under file:// protocol, so any interaction that needs such communication will be removed (basically the sidebar menu). This is only for the offline compiled version.

3 - If you are a Mac user and after running the Start.app you have this error:

npm ERR! Please try running this command again as root/Administrator.

You have probably installed Node with sudo or root permission. You will need to fix permissions to the .npm folder with the following command:

sudo chown -R $(whoami) ~/.npm
sudo chown -R $(whoami) /usr/local/lib/node_modules

After that, try running the Start.app again.

4 - If you have XCode installed but have not agreed with the License you will get this error:

Agreeing to the Xcode/iOS license requires admin privileges, please re-run as root via sudo.

Open XCode and accept the license, then try running Start.app again.

5 - If you get a 404 - No data received error, you might have a port conflict, there are two ways you can change the port number (default to 9241):

  • Change the PORT variable inside styleguide/structure/_node-files/watch.js

  • Set an environment variable (PORT or STYLEGUIDE_PORT):

    If you are running the Styleguide manually, in the last step you might do:

    PORT=7000 node watch.js
    

    or

    STYLEGUIDE_PORT=7000 node watch.js
    

    The Start.app is self contained, and for security reasons it does not have access to external variables. If you want to change the port for the Start.app it is recommended to change the watch.js file. You can, if you want, add a variable to your .bashrc file and it will be available for the Start.app:

    touch ~/.bashrc
    echo 'export PORT=1234' >> ~/.bashrc
    

    or

    echo 'export STYLEGUIDE_PORT=1234' >> ~/.bashrc
    

styleguide's People

Contributors

caiovaccaro avatar d2s avatar davegomez avatar kevinch avatar kevinchevallier avatar patrikmakrai avatar transient-jonas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

styleguide's Issues

LiveReload Issue

OS: Windows 7
Browser: Google Chrome 44.0.2403.157 m
Error:
GET http://localhost:35729/livereload.js?snipver=1 net::ERR_CONNECTION_REFUSED
(anonymous function) @ (index):1

Description:
Just downloaded & installed project and tried to do any changes.
image

Actually, it doesn't work only if I downlodad project from GitHub. If I'm gettin project from site I have problems with *.scss compiling.

Javascript error on guide loading breaks page functioning.

OS: Windows 7

Browser:

  • Chrome 45.0.2454.85 m
  • Firefox 40.0.3
  • IE 11/10 (Compatibility Mode)

Errors:
Chrome
image

Fox
image

IE
image

How to.

  • Download *.zip for Windows/Linux from here OR
git clone https://github.com/hugeinc/styleguide.git
  • Go to styleguide/structure/_node-files, open console and do npm install
  • Then do node watch.js
  • Wait until "Done! Enjoy!" will be shown.
  • Open http://localhost:9241/
  • Open console and wait until left menu will upear.
  • Done! Enjoy! πŸ‘

Dependencies:
NodeJS were downloaded and installed from official site. Then I did

npm install -g harp

and did all steps from "How to".

Running 'node watch.js' not working on Windows

Using node watch.js doesn't seem to work on Windows. It seems command-exists.js is using the unix 'which' command for the child variable. Replacing this with 'where' doesn't seem to work. So it never finds harp and throws out 'Harp is not installed, please run npm install on styleguide/styleguide/structure/_node-files/'. (definitely have harp installed)

Thanks

Tag 2.0.8 was made, but Travis still shows this build as failing. Safe to use?

Tag 2.0.8 was made, but Travis still shows this build as failing.
Is it still safe to use, or should we go back to build 111 which seems to be the last one that passed?

We are wanting to download the latest stable release and start working on it as soon as possible, so would appreciate if someone could help clarify the state of the builds.

Can't run

Running Start.app (going from the readme) results in

Huge Styleguide. Welcome!
PROGRESS:70

Let's start this thing...

module.js:340
    throw err;
          ^
Error: Cannot find module 'watch'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (/Users/ibartholomew/Downloads/styleguide-master/styleguide/structure/node-files/modules/watcher.js:1:75)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)

running ./start.command from the .source dir results in:

./start.command: line 25: cd: ../../../styleguide/structure/node-files: No such file or directory
npm ERR! install Couldn't read dependencies
npm ERR! Darwin 13.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "install"
npm ERR! node v0.10.35
npm ERR! npm  v2.1.17
npm ERR! path /Users/ibartholomew/package.json
npm ERR! code ENOPACKAGEJSON
npm ERR! errno 34

npm ERR! package.json ENOENT, open '/Users/ibartholomew/package.json'
npm ERR! package.json This is most likely not a problem with npm itself.
npm ERR! package.json npm can't find a package.json file in your current directory.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/ibartholomew/npm-debug.log
touch: .install.lock: Permission denied

Let's start this thing...
./start.command: line 38: cd: ../../../styleguide/structure/node-files: No such file or directory

module.js:340
    throw err;
          ^
Error: Cannot find module '/watch.js'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Function.Module.runMain (module.js:497:10)
    at startup (node.js:119:16)
    at node.js:929:3

Wrong windows-linux download link

On the page http://hugeinc.github.io/styleguide/start.html
the link for downloading the windows / linux version seems wrong.
Link: https://github.com/hugeinc/styleguide/archive/windows-linux.zip

On the page http://hugeinc.github.io/styleguide/download.html it is correct
Correct Link: https://github.com/hugeinc/styleguide/archive/release/windows-linux.zip

There was an issue like this before ( ref #14 ), but you guys missed the Getting Started page.

I would like to fix it, but I'm not finding the code.... 😩

Compile app at "Progress: 0"

This is what Im getting when I try to compile. I have run the Start app and the style guide is working as it should.

"Compiling Styleguide...

PROGRESS:0
Harp wasn't found, please run the Start file."

This happens when the start app is running and the style guide is active. The only option the compiler gives me is to Quit.

Any Ideas?

404 on launch

Hello!

I installed the style guide and initially faced a npm error. I ran the sudo command described in the README.md and was able to get the progress to 100.

Upon Launch it leads me to local host 404

Also Here's the extract from the Start.app upon completion:

Styleguide. Welcome!
PROGRESS:50
/Users/vilavbhatt/Downloads/styleguide-master/Start.app/Contents/Resources/script: line 28: .bashrc: No such file or directory

Checking dependencies...

npm ERR! tar.unpack untar error /Users/vilavbhatt/.npm/harp/0.17.0/package.tgz
npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "install" "harp" "-g"
npm ERR! node v0.12.7
npm ERR! npm v2.11.3
npm ERR! path /usr/local/lib/node_modules/harp
npm ERR! code EACCES
npm ERR! errno -13

npm ERR! Error: EACCES, mkdir '/usr/local/lib/node_modules/harp'
npm ERR! at Error (native)
npm ERR! { [Error: EACCES, mkdir '/usr/local/lib/node_modules/harp']
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! path: '/usr/local/lib/node_modules/harp',
npm ERR! fstream_type: 'Directory',
npm ERR! fstream_path: '/usr/local/lib/node_modules/harp',
npm ERR! fstream_class: 'DirWriter',
npm ERR! fstream_stack:
npm ERR! [ '/usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:35:25',
npm ERR! '/usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:47:53',
npm ERR! 'FSReqWrap.oncomplete (fs.js:95:15)' ] }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/vilavbhatt/Downloads/styleguide-master/Start.app/Contents/Resources/npm-debug.log
npm WARN package.json [email protected] No description
npm WARN package.json [email protected] No repository field.
npm WARN package.json [email protected] No README data
npm WARN package.json Dependency 'livereload' exists in both dependencies and devDependencies, using 'livereload@^0.3.6' from dependencies
npm WARN package.json Dependency 'watch' exists in both dependencies and devDependencies, using 'watch@^0.14.0' from dependencies
PROGRESS:80

Let's start this thing...
Starting Server..
PROGRESS:94

Done! Enjoy!
PROGRESS:100

could you suggest a fix?
Thank you!

Represent variables in styleguide

Is there any way to represent sass variables in the styleguide? In the demo, for example, it shows colors by adding a class to the div which adds a background-color. Could this be done in some way with a color variable?

npm install error

Hey guys, thanks for your work on this. Upon running (sudo) npm install, I'm getting the following error, on what appears to be grunt-contrib-jscs.

Can someone see if they can replicate the issue?
...

320 http 304 https://registry.npmjs.org/grunt-recess
321 silly registry.get cb [ 304,
321 silly registry.get { date: 'Fri, 13 Mar 2015 14:04:38 GMT',
321 silly registry.get server: 'Apache',
321 silly registry.get via: '1.1 varnish',
321 silly registry.get 'last-modified': 'Fri, 13 Mar 2015 14:04:38 GMT',
321 silly registry.get 'cache-control': 'max-age=60',
321 silly registry.get etag: '"E197C5WNUVDQ5UCG3MNC2CMOO"',
321 silly registry.get age: '0',
321 silly registry.get 'x-served-by': 'cache-jfk1024-JFK',
321 silly registry.get 'x-cache': 'HIT',
321 silly registry.get 'x-cache-hits': '1',
321 silly registry.get 'x-timer': 'S1426255478.418379,VS0,VE14',
321 silly registry.get vary: 'Accept',
321 silly registry.get 'content-length': '0',
321 silly registry.get 'keep-alive': 'timeout=10, max=48',
321 silly registry.get connection: 'Keep-Alive' } ]
322 verbose etag grunt-recess from cache
323 http 404 https://registry.npmjs.org/grunt-contrib-jscs
324 silly registry.get cb [ 404,
324 silly registry.get { date: 'Fri, 13 Mar 2015 14:04:38 GMT',
324 silly registry.get server: 'CouchDB/1.5.0 (Erlang OTP/R16B03)',
324 silly registry.get etag: '"EEWVCQ7ZU3V3HOVG8V4UOC6OP"',
324 silly registry.get 'content-type': 'application/json',
324 silly registry.get 'cache-control': 'max-age=0',
324 silly registry.get 'content-length': '822',
324 silly registry.get 'accept-ranges': 'bytes',
324 silly registry.get via: '1.1 varnish',
324 silly registry.get age: '0',
324 silly registry.get 'x-served-by': 'cache-jfk1027-JFK',
324 silly registry.get 'x-cache': 'MISS',
324 silly registry.get 'x-cache-hits': '0',
324 silly registry.get 'x-timer': 'S1426255478.412070,VS0,VE18',
324 silly registry.get vary: 'Accept',
324 silly registry.get 'keep-alive': 'timeout=10, max=48',
324 silly registry.get connection: 'Keep-Alive' } ]
325 silly addNameRange number 2 { name: 'grunt-recess',
325 silly addNameRange range: '>=1.0.0-0 <2.0.0-0',
325 silly addNameRange hasData: true }
326 silly addNameRange versions [ 'grunt-recess',
326 silly addNameRange [ '0.1.0',
326 silly addNameRange '0.1.1',
326 silly addNameRange '0.1.2',
326 silly addNameRange '0.1.3',
326 silly addNameRange '0.1.4',
326 silly addNameRange '0.2.0',
326 silly addNameRange '0.3.0',
326 silly addNameRange '0.3.1',
326 silly addNameRange '0.3.2',
326 silly addNameRange '0.3.3',
326 silly addNameRange '0.3.4',
326 silly addNameRange '0.3.5',
326 silly addNameRange '0.4.0',
326 silly addNameRange '0.5.0',
326 silly addNameRange '0.5.1',
326 silly addNameRange '0.6.0',
326 silly addNameRange '0.6.1',
326 silly addNameRange '0.7.0',
326 silly addNameRange '1.0.0',
326 silly addNameRange '1.0.1' ] ]
327 verbose addNamed [ 'grunt-recess', '1.0.1' ]
328 verbose addNamed [ '1.0.1', '1.0.1' ]
329 silly lockFile f8935c90-grunt-recess-1-0-1 [email protected]
330 verbose lock [email protected] /Users/sageloff/.npm/f8935c90-grunt-recess-1-0-1.lock
331 silly addNameRange number 2 { name: 'grunt-contrib-jscs',
331 silly addNameRange range: '>=0.1.8-0 <0.2.0-0',
331 silly addNameRange hasData: true }
332 silly addNameRange versions [ 'grunt-contrib-jscs', [] ]
333 error TypeError: Cannot read property 'latest' of undefined
333 error at next (/usr/local/lib/node_modules/npm/lib/cache.js:687:35)
333 error at /usr/local/lib/node_modules/npm/lib/cache.js:675:5
333 error at saved (/usr/local/lib/node_modules/npm/node_modules/npm-registry-client/lib/get.js:142:7)
333 error at /usr/local/lib/node_modules/npm/node_modules/graceful-fs/polyfills.js:133:7
333 error at Object.oncomplete (fs.js:107:15)
334 error If you need help, you may report this log at:
334 error http://github.com/isaacs/npm/issues
334 error or email it to:
334 error [email protected]
335 error System Darwin 13.4.0
336 error command "node" "/usr/local/bin/npm" "install"
337 error cwd /Users/sageloff/Git/huge/styleguide/styleguide/structure
338 error node -v v0.10.16
339 error npm -v 1.3.8
340 error type non_object_property_load
341 verbose exit [ 1, true ]

Custom SCSS imports

Hi,

I'm trying to import a custom Sass (SCSS) variables file which contains base brand colours.

The issue is that variables set in the structure.scss file are not being picked up because the modules are in an iframe and because each module has its own SCSS, how do we define variables such as colours to be used across all modules?

Importing the same variables file in to each module is not desirable.

Thanks.

Mac 10.11.3 - Error msg "Cannot find module 'websocket.io' "

On running the "start.app" file I am getting the following error at Function.Module._load(module.js:300:12)

Error: Cannot find module 'websocket.io'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object. (/Users/soham/Downloads/styleguide-master/styleguide/structure/_node-files/node_modules/livereload/lib/livereload.js:9:8)
    at Object. (/Users/soham/Downloads/styleguide-master/styleguide/structure/_node-files/node_modules/livereload/lib/livereload.js:220:4)
    at Module._compile (module.js:409:26)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
PROGRESS:100

I have no idea how to fix this.

Problem trying to compile

I'm having an issue trying to compile the styleguide: I have a bower_components/ folder on the root of my project with some dependencies in it (jquery, bootstrap...), but when i try to run harp compile on the root folder, it gives me this error:

{
  "source": "Less",
  "dest": "CSS",
  "filename": "C:\\xampp\\htdocs\\ndonline\\bower_components\\bootstrap\\less\\alerts.less",
  "lineno": 10,
  "name": "NameError",
  "message": "variable @alert-padding is undefined",
  "stack": "//\n// Alerts\n// --------------------------------------------------\n\n\n// Base styles\n// -------------------------\n\n.alert {\n  padding: @alert-padding;\n  margin-bottom: @line-height-computed;\n  border: 1px solid transparent;\n  border-radius: @alert-border-radius;\n\n  // Headings for larger alerts\n  h4 {\n    margin-top: 0;\n    // Specified for the h4 to prevent conflicts of changing @headings-color\n    color: inherit;\n  }\n\n  // Provide class for links that match alerts\n  .alert-link {\n    font-weight: @alert-link-font-weight;\n  }\n\n  // Improve alignment and spacing of inner content\n  > p,\n  > ul {\n    margin-bottom: 0;\n  }\n\n  > p + p {\n    margin-top: 5px;\n  }\n}\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.\n.alert-dismissible {\n  padding-right: (@alert-padding + 20);\n\n  // Adjust close link position\n  .close {\n    position: relative;\n    top: -2px;\n    right: -21px;\n    color: inherit;\n  }\n}\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n.alert-success {\n  .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);\n}\n\n.alert-info {\n  .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);\n}\n\n.alert-warning {\n  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);\n}\n\n.alert-danger {\n  .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);\n}\n"
}

it seems like harp is trying to compile some files from that bower_components/ folder.
what should i do?

I'm on a Windows10 PC.

Query: Converting harp compile to Gulp/Grunt

Hi,

I posted this question as a comment on another issue, but thought best to split it out.
How easy would it be to convert from the harp compile process to a Gulp/Grunt script?

I am happy to try do this myself, but if there are any tips or things to keep in mind, if you can post them here as a reply, that would help avoid unnecessary headache if I try to convert it.

Struggling with errors

Hey guys,

I've been trying to troubleshoot these errors all morning without any success, any help would be much appreciated.

I've tried running manually and all of the know error fixes.

LOG:

Styleguide. Welcome!
PROGRESS:50

Checking dependencies...

npm WARN package.json [email protected] No description
npm WARN package.json [email protected] No repository field.
npm WARN package.json [email protected] No README data
PROGRESS:80

Let's start this thing...
events.js:141
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE :::8374
at Object.exports._errnoException (util.js:837:11)
at exports._exceptionWithHostPort (util.js:860:20)
at Server._listen2 (net.js:1231:14)
at listen (net.js:1267:10)
at Server.listen (net.js:1363:5)
at Server.listen (/Applications/MAMP/htdocs/styleguide-master/styleguide/structure/_node-files/node_modules/livereload/lib/livereload.js:70:28)
at Object.exports.createServer (/Applications/MAMP/htdocs/styleguide-master/styleguide/structure/_node-files/node_modules/livereload/lib/livereload.js:216:12)
at Object.module.exports.start (/Applications/MAMP/htdocs/styleguide-master/styleguide/structure/_node-files/modules/livereloader.js:12:25)
at Object. (/Applications/MAMP/htdocs/styleguide-master/styleguide/structure/_node-files/watch.js:39:14)
at Module._compile (module.js:434:26)
PROGRESS:100

Just doesn't seem to be starting up after this?

Cheers,
Matt

Sass compile error visible after installation

Sass compile error visible in the page header after first (and second) start of the software:

"Sass -> CSS (expected a variable name (e.g. $x) or ')' for the parameter list for url) /Users/d2s/Documents/github/hugeinc/styleguide/styleguide/modules/6_forms/vendor/foundation-form.scss";”

screen shot 2015-07-18 at 1 58 30 pm huge style guide - firefox 39 - sass compile error

screen shot 2015-07-18 at 3 26 47 pm huge style guide - firefox 39 - sass compile error - web inspector

Steps to reproduce:

  • Install dependencies by starting the Start.app first time.
  • See visible error on the browser.
  • Restart the app to see if it would change the behavior.
  • See visible error on the browser again.

I did already have Node etc. already installed via nvm.

OS:
OS X 10.8.5

Browser:
Firefox 39.0

Console logs in the Start.app:

Styleguide. Welcome!
PROGRESS:50

Checking dependencies...

npm WARN package.json [email protected] No description
npm WARN package.json [email protected] No repository field.
npm WARN package.json [email protected] No README data
npm WARN package.json Dependency 'livereload' exists in both dependencies and devDependencies, using 'livereload@^0.3.6' from dependencies
npm WARN package.json Dependency 'watch' exists in both dependencies and devDependencies, using 'watch@^0.14.0' from dependencies
PROGRESS:80

Let's start this thing...
Starting Server..
PROGRESS:94


Done! Enjoy!
PROGRESS:100

Mistakenly closed the app after first start, so I don’t have the install logs (from first start of the program) available anymore.

Stuck on 94%

When running start.app I am getting stuck on 94% when launching a server.

I have tried running the two sudo npm commands on listed in the known issues section. But that hasn't worked.

Log below:

/Users/jwilliams/Documents/work/RHP/RHP Documents/styleguide-master/Start.app/Contents/Resources/script: line 58: /Users/jwilliams/.bashrc: No such file or directory
Styleguide. Welcome!
PROGRESS:50
/Users/jwilliams/Documents/work/RHP/RHP Documents/styleguide-master/Start.app/Contents/Resources/script: line 28: .bashrc: No such file or directory

Checking dependencies...

npm WARN EPACKAGEJSON [email protected] No description
npm WARN EPACKAGEJSON [email protected] No repository field.
PROGRESS:80

Let's start this thing...
Starting Server on port 9241..
PROGRESS:94

Implement tests and Travis CI

Use:

  • Karma (or not)
  • Nightwatch
  • Travis CI

Test:

  • Dependencies
  • Structure scripts and functions (unit testing)
  • DOM elements
  • Basic E2E

Logic of snippet block

OS: Windows 7
Browser: Google Chrome 44.0.2403.157 m
Error: not sure if it's error or a bug, but is there way to show in snippet only nested code? For example, currently snippets works like:

ul.snippet.list_huge
    li ...
    li ...
    li ...

In result we get code code like this:
image

It would be great if snippet block can be used only as wrap to show nested code. For example:

div.snippet
    ul.some-class
        li ...
        li ...

will return us

<ul class="some-class"><li>...</li><li>...</li></ul>

Thanks for answer.

bootstrap .container class overwriting the styleguide's one

Not really an issue, more like a sugestion of improvement: the whole styleguide is currently wrapped around a <main> tag with a .container class, which is the same name used by bootstrap to wrap it's grids, so when i import my website's css it just overwrites your styles and kinda breaks the whole thing.

Since bootstrap has one of the most popular grid frameworks, it makes sense to change the class name.

It is my first time using it and so far it's been simple and easy to understand, so thank you :)

Port conflict for users with php-fpm installed

OSX

After installing the app without issue, Chrome opens localhost:9000 and I get a "No data received - ERR_EMPTY_RESPONSE".

ERR_EMPTY_RESPONSE

I assume there may be a port conflict so I ran lsof -n -i4TCP:9000 | grep LISTEN and got

php-fpm  405 USERNAME    6u  IPv4 0xeed2746b5d24b21      0t0  TCP 127.0.0.1:cslistener (LISTEN)
php-fpm  546 USERNAME    0u  IPv4 0xeed2746b5d24b21      0t0  TCP 127.0.0.1:cslistener (LISTEN)
php-fpm  548 USERNAME    0u  IPv4 0xeed2746b5d24b21      0t0  TCP 127.0.0.1:cslistener (LISTEN)
php-fpm  551 USERNAME    0u  IPv4 0xeed2746b5d24b21      0t0  TCP 127.0.0.1:cslistener (LISTEN)
php-fpm 2369 USERNAME    0u  IPv4 0xeed2746b5d24b21      0t0  TCP 127.0.0.1:cslistener (LISTEN)

Rather than mess with my php install I went into watch.js and changed the PORT variable, after which all went well.

Perhaps allow a command line parameter to pass in a port manually, for users that may be affected by this, and add to the Known Issues?

Cheers,

A

Website Download Link for Windows/Linux is invalid

Hey there,

There wasn't anywhere to edit the site (on GH) nor a contact section but the Windows-Linux link is invalid and return 404 Not Found.

Perhaps this is what it should be.
https://github.com/hugeinc/styleguide/archive/release/windows-linux.zip

Error On npm install

Hey, I'm getting the following error when i run npm install

GERTY@GERTY-PC MINGW64 ~/styleguide-master/styleguide/structure/_node-files
$ npm install

> [email protected] install C:\Users\GERTY\styleguide-master\styleguide\structure\_node-files\node_modules\ws
> node install.js

[ws v0.4.20] Attempting to compile blazing fast native extensions.
[ws v0.4.20] Native code compile failed (but the module will still work):
[ws v0.4.20] The native extensions are faster, but not required.
[ws v0.4.20] On Windows, native extensions require Visual Studio and Python.
[ws v0.4.20] On Unix, native extensions require Python, make and a C++ compiler.
[ws v0.4.20] Start npm with --ws:verbose to show compilation output (if any).
npm WARN EPACKAGEJSON [email protected] No description
npm WARN EPACKAGEJSON [email protected] No repository field.

Using WIndows 7 and have Visual studio and Python installed, so i'm unsure where to go from here!

Mac Installer getting stuck at 94% but not solved by #34

Hi I am trying to install using the Mac installer, it looks like it is getting stuck so i looked at issue #34. I followed the instructions but its still not working. I am using the latest version of OSX and XCode. Do you have any ideas what might be going wrong. I have tried the manual install and am still getting the same error

Error: listen EADDRINUSE :::8374
    at Object.exports._errnoException (util.js:837:11)
    at exports._exceptionWithHostPort (util.js:860:20)
    at Server._listen2 (net.js:1231:14)
    at listen (net.js:1267:10)
    at Server.listen (net.js:1363:5)
    at Server.listen (/Users/BitGirl/development/styleguide-master 2/styleguide/structure/_node-files/node_modules/livereload/lib/livereload.js:70:28)
    at Object.exports.createServer (/Users/BitGirl/development/styleguide-master 2/styleguide/structure/_node-files/node_modules/livereload/lib/livereload.js:216:12)
    at Object.module.exports.start (/Users/BitGirl/development/styleguide-master 2/styleguide/structure/_node-files/modules/livereloader.js:12:25)
    at Object.<anonymous> (/Users/BitGirl/development/styleguide-master 2/styleguide/structure/_node-files/watch.js:39:14)
    at Module._compile (module.js:434:26)```

The StyleguideIndex object is polluting the global/window object

On the current way the StyleguideIndex object is being implemented, it is polluting the global/window object exposing all the properties and methods, creating security holes in the application.

The object shouldn't be globally accessible unless you want any other script to use it in some way.

Question: Approximate ETA of version 3.0.0

Hi there,

Not sure if you have a forum or general questions email address, so had to post here.

In the code there are references to an upcoming version 3.0.0. Do you know when this would be finished possibly? Very rough time lines would be great if its not known. Days, weeks, months?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.