Menu icon Foundation

My Posts











My Comments

Alex Humphries commented on Alex Humphries's post 3 months

Thank you Daniel - this worked (I had to run in an elevated console)!

Alex Humphries commented on Alex Humphries's post 3 months

Hi, 
I have NPM 5.8.0 and Nove v8.11.1.
This is what happens when I try to install Node ini
> node-sass@3.13.1 install C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node":

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.

  export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

  npm config set proxy http://example.com:8080

> node-sass@3.13.1 postinstall C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-sass
> node scripts/build.js

Building: C:\Program Files\nodejs\node.exe C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ 'C:\Program Files\nodejs\node.exe',
gyp verb cli 'C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using node-gyp@3.6.2
gyp info using node@8.11.1 | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python2 { Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python2\n at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)\n at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)\n at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which failed Error: not found: python
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python { Error: not found: python
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python\n at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)\n at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)\n at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack at PythonFinder.<anonymous> (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 10.0.16299
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-sass
gyp ERR! node -v v8.11.1
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
Build failed with error code: 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@3.13.1 postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@3.13.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Alex\AppData\Roaming\npm-cache_logs\2018-04-13T13_41_23_722Z-debug.log

Alex Humphries commented on Alex Humphries's post almost 3 years

I seem to have figured it out - I have put this in my app.js:

$(document)
  .foundation({
    abide : {
      patterns: {
        dashes_only: /[0-9]+$/
      }
    }
  });

Alex Humphries commented on Alex Humphries's post almost 3 years

Thanks again, but I would simply like the user to be able to put a number in, with + or - symbols, I think forcing them to follow this format is probably bad UX and will put off inquiries.

Either way, I'd prefer to use the foundation validation. When I put the above code into app.js, the abide validation no longer works. Just to confirm if I'm doing this right, this is my app.js file:

// Foundation JavaScript
// Documentation can be found at: http://foundation.zurb.com/docs
$(document)
  .foundation({
    abide : {
      patterns: {
        dashes_only: ^07([\d]{3})[(\D\s)]?[\d]{3}[(\D\s)]?[\d]{3}$
      }
    }
  });

Alex Humphries commented on Alex Humphries's post almost 3 years

Thanks for you help.

For some reason after doing this, the HTML 5 validation kicks in and it won't let me submit the form with a + in the phone number. Any ideas?

You can see the site in question at:
http://t-sticks.co.uk/contact.php

Alex Humphries commented on Alex Humphries's post about 3 years

Thanks again Rafi.

Unfortunately this doesn't work for a couple of reasons. Firstly, wrapping the content in 'article' and adding the CSS classes from your example seems to clash with the wow.js onScroll reveal animations. Secondly, as it is a shrunken nav on scroll the absolute positioning doesn't seem to work either.

Am close to giving up - but feel there must be a solution!

Alex Humphries commented on Alex Humphries's post about 3 years

Thanks Rafi - for the advice and the complement :)

I think the fixed navigation is going to be more important on other pages - so when for example browsing products the user can check there basket without being taken away from what they are browsing. As you say, taking the user out of context isn't ideal UX.

I can't quite figure out how to apply what you have to my site. How do you mean make the content scrollable? I've tried implementing all the CSS from your example and it seems to make no difference.

Alex Humphries commented on Alex Humphries's post about 3 years

To some extent, by making it fixed (rather than absolute) positioned. However, this makes it incompatible with smaller screens, so have created a media query to redirect to the contact page instead for these. Not ideal, but workable I guess.

Alex Humphries commented on Alex Humphries's post over 3 years

Ahh apologies! I had accidently put the modal off the page, if you check again at the below link, it should work:

http://www.royaltstick.co.uk/tsticks/horeca.php

Many Thanks!

Alex Humphries commented on Alex Humphries's post over 3 years

All version of IE... This is the page: http://www.royaltstick.co.uk/tsticks/corporate-gifting.php

Posts Followed








Following

    No Content

Followers

My Posts

My Comments

You commented on Alex Humphries's post 3 months

Thank you Daniel - this worked (I had to run in an elevated console)!

You commented on Alex Humphries's post 3 months

Hi, 
I have NPM 5.8.0 and Nove v8.11.1.
This is what happens when I try to install Node ini
> node-sass@3.13.1 install C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node":

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.

  export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

  npm config set proxy http://example.com:8080

> node-sass@3.13.1 postinstall C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-sass
> node scripts/build.js

Building: C:\Program Files\nodejs\node.exe C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ 'C:\Program Files\nodejs\node.exe',
gyp verb cli 'C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using node-gyp@3.6.2
gyp info using node@8.11.1 | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python2 { Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python2\n at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)\n at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)\n at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which failed Error: not found: python
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed python { Error: not found: python
gyp verb which failed at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb which failed stack: 'Error: not found: python\n at getNotFoundError (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:13:12)\n at F (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:68:19)\n at E (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:80:29)\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\which\which.js:89:16\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\index.js:42:5\n at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack at PythonFinder.<anonymous> (C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack at C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 10.0.16299
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\Alex\Desktop\XAMPP\htdocs\node_modules\node-sass
gyp ERR! node -v v8.11.1
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
Build failed with error code: 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@3.13.1 postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@3.13.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Alex\AppData\Roaming\npm-cache_logs\2018-04-13T13_41_23_722Z-debug.log

You commented on Alex Humphries's post almost 3 years

I seem to have figured it out - I have put this in my app.js:

$(document)
  .foundation({
    abide : {
      patterns: {
        dashes_only: /[0-9]+$/
      }
    }
  });

You commented on Alex Humphries's post almost 3 years

Thanks again, but I would simply like the user to be able to put a number in, with + or - symbols, I think forcing them to follow this format is probably bad UX and will put off inquiries.

Either way, I'd prefer to use the foundation validation. When I put the above code into app.js, the abide validation no longer works. Just to confirm if I'm doing this right, this is my app.js file:

// Foundation JavaScript
// Documentation can be found at: http://foundation.zurb.com/docs
$(document)
  .foundation({
    abide : {
      patterns: {
        dashes_only: ^07([\d]{3})[(\D\s)]?[\d]{3}[(\D\s)]?[\d]{3}$
      }
    }
  });

You commented on Alex Humphries's post almost 3 years

Thanks for you help.

For some reason after doing this, the HTML 5 validation kicks in and it won't let me submit the form with a + in the phone number. Any ideas?

You can see the site in question at:
http://t-sticks.co.uk/contact.php

You commented on Alex Humphries's post about 3 years

Thanks again Rafi.

Unfortunately this doesn't work for a couple of reasons. Firstly, wrapping the content in 'article' and adding the CSS classes from your example seems to clash with the wow.js onScroll reveal animations. Secondly, as it is a shrunken nav on scroll the absolute positioning doesn't seem to work either.

Am close to giving up - but feel there must be a solution!

You commented on Alex Humphries's post about 3 years

Thanks Rafi - for the advice and the complement :)

I think the fixed navigation is going to be more important on other pages - so when for example browsing products the user can check there basket without being taken away from what they are browsing. As you say, taking the user out of context isn't ideal UX.

I can't quite figure out how to apply what you have to my site. How do you mean make the content scrollable? I've tried implementing all the CSS from your example and it seems to make no difference.

You commented on Alex Humphries's post about 3 years

To some extent, by making it fixed (rather than absolute) positioned. However, this makes it incompatible with smaller screens, so have created a media query to redirect to the contact page instead for these. Not ideal, but workable I guess.

You commented on Alex Humphries's post over 3 years

Ahh apologies! I had accidently put the modal off the page, if you check again at the below link, it should work:

http://www.royaltstick.co.uk/tsticks/horeca.php

Many Thanks!

You commented on Alex Humphries's post over 3 years

All version of IE... This is the page: http://www.royaltstick.co.uk/tsticks/corporate-gifting.php

Posts Followed

Following

  • No Content

Followers

  • No Content