Menu icon Foundation

Developer | Germany

I'm from Germany!

My Posts











My Comments

Jonas Marlo Loerken commented on Will Moody's post over 3 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 over 3 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 over 3 years

Please populate a link!

Jonas Marlo Loerken commented on Shane Sheppard's post over 3 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 over 3 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 over 3 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 over 3 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 over 3 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 almost 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 almost 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 over 3 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 over 3 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 over 3 years

Please populate a link!

You commented on Shane Sheppard's post over 3 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 over 3 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 over 3 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 over 3 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 over 3 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 almost 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 almost 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