Menu icon Foundation

Developer | Germany

I'm from Germany!

My Posts











My Comments

Jonas Marlo Loerken commented on Will Moody's post about 4 years

Try to use background instead of background-image:

.banner {
  background: url('../../assets/img/4.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
} 

Jonas Marlo Loerken commented on Paper9oll's post about 4 years

Load your "not-working-website" up and post a link. At the moment we can't help you :-)

Jonas Marlo Loerken commented on Paper9oll's post about 4 years

Please populate a link!

Jonas Marlo Loerken commented on Shane Sheppard's post about 4 years

I'm using waypoints.js, quite cleaner in my opinion.

http://imakewebthings.com/waypoints/

Bind the waypoints.js (I prefer the jQuery vesion) script in the footer and add this to your app.js

         $(document).foundation();
      if(matchMedia){
        var matchingMediumAndLargeScreens = matchMedia('only all and (min-width: 680px)');
        if(matchingMediumAndLargeScreens && matchingMediumAndLargeScreens.matches){
          $('.animation-wrapper)').waypoint(function(direction){
            if(direction === 'down'){
              $(this).addClass('is-animating');
            }
          }, { offset: '0%' });
        }
      }  

Jonas Marlo Loerken commented on Meg Seegmiller's post about 4 years

Good question! I think there isn't an option like that so far. But you can use your own media-query as well

<div class="row" data-equalizer>
    <div class="large-6 columns custom-class" data-equalizer-wach></div>
    <div class="large-6 columns custom-class" data-equalizer-wach></div>
</div>

.custom-class {
    @include breakpoint(small only) {
        height: auto !important;
    }
}

This snippet will result an auto-height for small devices.

Jonas Marlo Loerken commented on Jeremy Alexander's post about 4 years

Especially the /bower_components/foundation-sites/docs_old directory is quite large (something about 8-10 MB). I think this isn't needed so far...

Jonas Marlo Loerken commented on Jonas Marlo Loerken's post about 4 years

Thank you, Brian!

I used Foundation 5 Sass so far, so Xcode, node.js so bower is still installed. I only have to run
"$ bower update". I will try it out later the day! :-)

Jonas Marlo Loerken commented on Jonas Marlo Loerken's post about 4 years

Thank you, Brian! Im using the Yeti Launcher for creating and compiling my project. Is there aan option to update it?

Jonas Marlo Loerken commented on Jonas Marlo Loerken's post about 4 years

@FoundationDeck
Thank you! I will try out these solution. I will keep you up to date!

Jonas Marlo Loerken commented on Jonas Marlo Loerken's post about 4 years

The form is something like a search engine. The user types something in and a PHP-Script searches for some goals in my MySQL table. After submitting the form a Reveal Modal should open an display the Results.

The PHP works fine so far.

Posts Followed











Following

    No Content

Followers

My Posts

My Comments

You commented on Will Moody's post about 4 years

Try to use background instead of background-image:

.banner {
  background: url('../../assets/img/4.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
} 

You commented on Paper9oll's post about 4 years

Load your "not-working-website" up and post a link. At the moment we can't help you :-)

You commented on Paper9oll's post about 4 years

Please populate a link!

You commented on Shane Sheppard's post about 4 years

I'm using waypoints.js, quite cleaner in my opinion.

http://imakewebthings.com/waypoints/

Bind the waypoints.js (I prefer the jQuery vesion) script in the footer and add this to your app.js

         $(document).foundation();
      if(matchMedia){
        var matchingMediumAndLargeScreens = matchMedia('only all and (min-width: 680px)');
        if(matchingMediumAndLargeScreens && matchingMediumAndLargeScreens.matches){
          $('.animation-wrapper)').waypoint(function(direction){
            if(direction === 'down'){
              $(this).addClass('is-animating');
            }
          }, { offset: '0%' });
        }
      }  

You commented on Meg Seegmiller's post about 4 years

Good question! I think there isn't an option like that so far. But you can use your own media-query as well

<div class="row" data-equalizer>
    <div class="large-6 columns custom-class" data-equalizer-wach></div>
    <div class="large-6 columns custom-class" data-equalizer-wach></div>
</div>

.custom-class {
    @include breakpoint(small only) {
        height: auto !important;
    }
}

This snippet will result an auto-height for small devices.

You commented on Jeremy Alexander's post about 4 years

Especially the /bower_components/foundation-sites/docs_old directory is quite large (something about 8-10 MB). I think this isn't needed so far...

You commented on Jonas Marlo Loerken's post about 4 years

Thank you, Brian!

I used Foundation 5 Sass so far, so Xcode, node.js so bower is still installed. I only have to run
"$ bower update". I will try it out later the day! :-)

You commented on Jonas Marlo Loerken's post about 4 years

Thank you, Brian! Im using the Yeti Launcher for creating and compiling my project. Is there aan option to update it?

You commented on Jonas Marlo Loerken's post about 4 years

@FoundationDeck
Thank you! I will try out these solution. I will keep you up to date!

You commented on Jonas Marlo Loerken's post about 4 years

The form is something like a search engine. The user types something in and a PHP-Script searches for some goals in my MySQL table. After submitting the form a Reveal Modal should open an display the Results.

The PHP works fine so far.

Posts Followed

Following

  • No Content

Followers

  • No Content