Menu icon Foundation

Developer | Nice

@diminternet http://www.dimension-internet.com

My Posts

  • 3
    Replies
  • Orbit data-options doesn't work

    By Sven CAILTEUX

    Orbit

    Hi, I'm using FF 6.3.1 but even with the latest version 6.4.0 with the basic example from the doc, I can't use data-options, it doesn't work.Any idea ? <!doctype html> <html class="no-js" lang="en" dir="ltr"> <head> <meta c... (continued)

    Last Reply by Sven CAILTEUX over 1 year ago

  • 1
    Reply
  • Using retina logo

    By Sven CAILTEUX

    retinadata-interchange

    Hi, I got a logo and I want to make a retina version so I double the size of the image, then I used datainterchange : <img data-interchange="[/assets/images/site/logo.png, default],[/assets/images/site/logo-retina.png, retina]" alt="Logo Monaco Topo"... (continued)

    Last Reply by Rafi Benkual about 2 years ago

My Comments

Sven CAILTEUX commented on Sven CAILTEUX's post over 1 year

Many thanks Rafi.I've followed => https://youtu.be/ofiNeA40QJA
by installing scrollify with npm, (it works), then put it in app.js with require, and then I got an error :
Module not found :...
doesn't exist or is not a directory
So I've put the js file directly in the right folder and it works like a charm but do you have any idea of what's going on ?

Helpful 0
Sven CAILTEUX commented on Elisandro Martinez's post over 1 year

Sorry Klaudia actually if a page take 2-3 secs it's terrible !By using WP under 1-2 sec it's okBut if you don't use any CMS and make it all by hand it's from 0.5 to 1sec.This site was build with Zurb and WP look at the score and loading time :https://tools.pingdom.com/#!/tzMiv/https://kcsmonaco.com/

Helpful 0
Sven CAILTEUX commented on Wiechert Hooghwinkel's post over 1 year

I only got horizontal lines in your example...

Helpful 0
Sven CAILTEUX commented on Kris Jones's post over 1 year

Header
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
Footer
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
 
And have a look into the console to see what's happen

Helpful 1
Sven CAILTEUX commented on Sven CAILTEUX's post over 1 year

Thx Ryan it works like a charm with
data-timer-delay="3000"
have a nice day :-)

Helpful 0
Sven CAILTEUX commented on YH's post over 1 year

http://foundation.zurb.com/sites/docs/orbit.html#js-options
 

Helpful 0
Sven CAILTEUX commented on Adam Sherman's post about 2 years

https://foundation.zurb.com/sites/docs/grid.html
Foundation is mobile-first. Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.
 
;-)

Helpful 0
Sven CAILTEUX commented on Jay Thatcher's post about 2 years

Have you tried "dark" class ?
Now you can use SASS functions :
darken( $base-color, 10% )
lighten( $base-color, 10% )

saturate( $base-color, 20% )
desaturate( $base-color, 20% )

adjust-hue( $base-color, 20% )

tint( $base-color, 10% )
shade( $base-color, 10% )

Helpful 0
Sven CAILTEUX commented on Gian Nicola Caggiano's post over 2 years

"When building for production, the CSS is also compressed with clean-css, and pruned with UnCSS. UnCSS scans the HTML of your pages and removes any CSS classes you didn't use."

Helpful 0
Sven CAILTEUX commented on Robert Sneed's post over 2 years

Yeah that's why the problem comes from the mobile detection only.
Maybe some interference, have you tried to remove errors or debug ?

Helpful 0

Posts Followed

  • 26
    Replies
  • PageSpeed Insights

    By Elisandro Martinez

    Googleoptimization

    A colleague suggested that I run my website through Google's PageSpeed Insight optimizer. &nbsp;I ran my site through the optimizer and my site scored a 40. &nbsp;I then ran many sites through the optimzer including foundation.zurb.com and it scored 64! ... (continued)

    Last Reply by David Wood 7 months ago

  • 2
    Replies
  • js files not loading

    By Kris Jones

    installation js jquery

    I installed Foundation using CLI. Everything looks like it went smoothly. I have my project set up now. I pasted in the basic template and it cannot load the js scripts. Here's what I pasted in: &lt;script src="js/vendor/jquery.js"&gt;&lt;/script&gt; &lt... (continued)

    Last Reply by holmescreek over 1 year ago

  • 9
    Replies
  • Change Orbit slider transition

    By YH

    Orbitslider

      Hello, I cant find where the sass transition for the slider is given, either in the standard foundation css or the MUI sass settings. It removes the class with the transition which makes it hard to see the exact css etc.  Thanks!

    Last Reply by Rafi Benkual 2 months ago

Following

    No Content

Followers

My Posts

My Comments

You commented on Sven CAILTEUX's post over 1 year

Many thanks Rafi.I've followed => https://youtu.be/ofiNeA40QJA
by installing scrollify with npm, (it works), then put it in app.js with require, and then I got an error :
Module not found :...
doesn't exist or is not a directory
So I've put the js file directly in the right folder and it works like a charm but do you have any idea of what's going on ?

Helpful 0
You commented on Elisandro Martinez's post over 1 year

Sorry Klaudia actually if a page take 2-3 secs it's terrible !By using WP under 1-2 sec it's okBut if you don't use any CMS and make it all by hand it's from 0.5 to 1sec.This site was build with Zurb and WP look at the score and loading time :https://tools.pingdom.com/#!/tzMiv/https://kcsmonaco.com/

Helpful 0
You commented on Wiechert Hooghwinkel's post over 1 year

I only got horizontal lines in your example...

Helpful 0
You commented on Kris Jones's post over 1 year

Header
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
Footer
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
 
And have a look into the console to see what's happen

Helpful 1
You commented on Sven CAILTEUX's post over 1 year

Thx Ryan it works like a charm with
data-timer-delay="3000"
have a nice day :-)

Helpful 0
You commented on YH's post over 1 year

http://foundation.zurb.com/sites/docs/orbit.html#js-options
 

Helpful 0
You commented on Adam Sherman's post about 2 years

https://foundation.zurb.com/sites/docs/grid.html
Foundation is mobile-first. Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.
 
;-)

Helpful 0
You commented on Jay Thatcher's post about 2 years

Have you tried "dark" class ?
Now you can use SASS functions :
darken( $base-color, 10% )
lighten( $base-color, 10% )

saturate( $base-color, 20% )
desaturate( $base-color, 20% )

adjust-hue( $base-color, 20% )

tint( $base-color, 10% )
shade( $base-color, 10% )

Helpful 0
You commented on Gian Nicola Caggiano's post over 2 years

"When building for production, the CSS is also compressed with clean-css, and pruned with UnCSS. UnCSS scans the HTML of your pages and removes any CSS classes you didn't use."

Helpful 0
You commented on Robert Sneed's post over 2 years

Yeah that's why the problem comes from the mobile detection only.
Maybe some interference, have you tried to remove errors or debug ?

Helpful 0

Posts Followed

Following

  • No Content

Followers

Register Today

Get all the answers in our
Foundation Classes

Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.

See Upcomming Classes

Or if you prefer, contact the Foundation Team at training@zurb.com or (408) 341-0600 x635