Menu icon Foundation

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 ?

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/

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

I only got horizontal lines in your example...

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

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 :-)

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.
 
;-)

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% )

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."

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 ?

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 ?

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/

You commented on Wiechert Hooghwinkel's post over 1 year

I only got horizontal lines in your example...

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

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 :-)

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.
 
;-)

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% )

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."

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 ?

Posts Followed

Following

  • No Content

Followers