Menu icon Foundation

Developer | Nouméa, New Caledonia

If you need any help, add me on Skype : Lyn-Tweefox.

My Posts



My Comments

Lyn commented on Nick Dart's post about 5 years

Hey there Nick,

From the quick look I've took at jscroll, it seems you won't be able to do it like you want unless you modify the javascript code a bit.

So You can either do that or you can look for another "infinite-scrolling" jQuery plugin if javascript isn't your thing.

Regards,

Lyn.

Lyn commented on qwe's post about 5 years

Hey there,

Could we get the full code or, even better, a link to that page so we could take a look at it ?

Regards,

Lyn.

Lyn commented on Sim's post about 5 years

Hey there,

Just to say you don't NEED all this stuff to code with Foundation.

You can download the package from here : http://foundation.zurb.com/develop/download.html
And then you can simply follow this to get started : http://foundation.zurb.com/docs/css.html

Regards,

Lyn.

Lyn commented on Michael Thies's post about 5 years

Hey there,

As always, it would be nice if we had a piece of code (codepen, jsfiddle) or, even better, the actual page to look at to help you.

Regards,

Lyn.

Lyn commented on Nick Dart's post about 5 years

Edit : Oh I think I got what you meant ! You want the images that get loaded to be added into the existing grid-block instead of having the script creating a new one, is that it ?
Do the pages (the ones which need to be loaded) only contains li tags ?
Are you calling jscroll on the main ul tag ?

We will definitely need some page to look at to be more efficient. :)


Hey there,

I'm not sure I understood what you want to do either and if you give us something to look at I'm pretty sure we'll be much more usefull :)

Just in case I got it, did you simply try to put block-grids inside a block-grid ?
Something like this : http://codepen.io/Lynesth/pen/vayGk

Regards,

Lyn.

Lyn commented on romainlange's post about 5 years

Hey there,

@Rafi : If you scroll down the website on large screen you'll notice that the map of France on the right gets sticky when it reaches the top of the window (like the sticky behavior of the topbar).
He's asking if there will be, someday, in Foundation, a simple class/data-attribute to get that behavior.

@Romainlange : Salut ! Ca n'existe pas actuellement inclus dans Foundation à part pour la topbar (http://foundation.zurb.com/docs/components/topbar.html#sticky-top-bar) mais ça ne devrait pas être très difficile de faire un petit plugin jQuery qui permettrait de généraliser ce comportement en fait.

Regards,

Lyn.

Lyn commented on Ryan Hellerud's post about 5 years

Hey there Ryan,

Looking really quiclky at the code, there are indeed a few flaws...
As Rafi said, you should have your CSS customization into a separate file to look out for bugs more easily.

A couple of things though :

1) You either have to change the height of the logo (.logo class) to match the height of the topbar (45px) or, if you want to keep the fact that it overflows the topbar, you can just set the ul.title-area to absolute positioning (this should do the trick, but be aware it's not fully tested).

2) About the "Take the tour" button which isn't centered at all, I would change the content of your header tags to this :

<div class="row"> 
    <div class="small-12 columns text-center">
        <a id="topbutton" href="#" class="button large radius button">Take the tour!</a>
    </div>
</div>

Those are really quick fixes to give you a hand.
Feel free to ask for more help here (even though we still don't get mails (Rafi !)) but don't think we're gonna do it all for you :)

Kind regards,

Lyn.

PS : Check your code I'm pretty sure you're missing some closing tags (like the div.row in the header :))

Lyn commented on andrea tagliazucchi's post about 5 years

Hey there,

Actually I think you could remove the "!important" part of it, this should work (even better since it currently would be disrupting other modal classes like "tiny", "small" and so on).
About scss, unfortunatly, I still didn't get any time to look at it so I can't help you with that.

Kind regards,

Lyn.

Lyn commented on andrea tagliazucchi's post about 5 years

Hey there,

Did you simply try this css :

.reveal-modal {
    width: 80% !important;
}

Regards,

Lyn.

Lyn commented on Jo Mourad's post about 5 years

Hey there,

I don't think you can achieve what you want there just using push and pull.
You'd have to use either visibility classes or the interchange plugin in my opinion.

Here is a very simple example about what you can do with visibility classes, which is a good choice if you don't have a lot of content to hide/show : http://codepen.io/Lynesth/pen/lEjdk

Regards,

Lyn.

PS : I may be wrong, of course :)

Posts Followed

No Content

Following

    No Content

Followers

  • mobile nav drop down issue

    Hi all Can anyone help me? My mobile navigation is fine but when I click on the "work with me" tab it doesn't seem to want to know the drop downs that are listed when in desktop mode. Can anyone help? The web url is http://raphaellecox.com/ Read More

    View More Posts by Chris

My Posts

My Comments

You commented on Nick Dart's post about 5 years

Hey there Nick,

From the quick look I've took at jscroll, it seems you won't be able to do it like you want unless you modify the javascript code a bit.

So You can either do that or you can look for another "infinite-scrolling" jQuery plugin if javascript isn't your thing.

Regards,

Lyn.

You commented on qwe's post about 5 years

Hey there,

Could we get the full code or, even better, a link to that page so we could take a look at it ?

Regards,

Lyn.

You commented on Sim's post about 5 years

Hey there,

Just to say you don't NEED all this stuff to code with Foundation.

You can download the package from here : http://foundation.zurb.com/develop/download.html
And then you can simply follow this to get started : http://foundation.zurb.com/docs/css.html

Regards,

Lyn.

You commented on Michael Thies's post about 5 years

Hey there,

As always, it would be nice if we had a piece of code (codepen, jsfiddle) or, even better, the actual page to look at to help you.

Regards,

Lyn.

You commented on Nick Dart's post about 5 years

Edit : Oh I think I got what you meant ! You want the images that get loaded to be added into the existing grid-block instead of having the script creating a new one, is that it ?
Do the pages (the ones which need to be loaded) only contains li tags ?
Are you calling jscroll on the main ul tag ?

We will definitely need some page to look at to be more efficient. :)


Hey there,

I'm not sure I understood what you want to do either and if you give us something to look at I'm pretty sure we'll be much more usefull :)

Just in case I got it, did you simply try to put block-grids inside a block-grid ?
Something like this : http://codepen.io/Lynesth/pen/vayGk

Regards,

Lyn.

You commented on romainlange's post about 5 years

Hey there,

@Rafi : If you scroll down the website on large screen you'll notice that the map of France on the right gets sticky when it reaches the top of the window (like the sticky behavior of the topbar).
He's asking if there will be, someday, in Foundation, a simple class/data-attribute to get that behavior.

@Romainlange : Salut ! Ca n'existe pas actuellement inclus dans Foundation à part pour la topbar (http://foundation.zurb.com/docs/components/topbar.html#sticky-top-bar) mais ça ne devrait pas être très difficile de faire un petit plugin jQuery qui permettrait de généraliser ce comportement en fait.

Regards,

Lyn.

You commented on Ryan Hellerud's post about 5 years

Hey there Ryan,

Looking really quiclky at the code, there are indeed a few flaws...
As Rafi said, you should have your CSS customization into a separate file to look out for bugs more easily.

A couple of things though :

1) You either have to change the height of the logo (.logo class) to match the height of the topbar (45px) or, if you want to keep the fact that it overflows the topbar, you can just set the ul.title-area to absolute positioning (this should do the trick, but be aware it's not fully tested).

2) About the "Take the tour" button which isn't centered at all, I would change the content of your header tags to this :

<div class="row"> 
    <div class="small-12 columns text-center">
        <a id="topbutton" href="#" class="button large radius button">Take the tour!</a>
    </div>
</div>

Those are really quick fixes to give you a hand.
Feel free to ask for more help here (even though we still don't get mails (Rafi !)) but don't think we're gonna do it all for you :)

Kind regards,

Lyn.

PS : Check your code I'm pretty sure you're missing some closing tags (like the div.row in the header :))

You commented on andrea tagliazucchi's post about 5 years

Hey there,

Actually I think you could remove the "!important" part of it, this should work (even better since it currently would be disrupting other modal classes like "tiny", "small" and so on).
About scss, unfortunatly, I still didn't get any time to look at it so I can't help you with that.

Kind regards,

Lyn.

You commented on andrea tagliazucchi's post about 5 years

Hey there,

Did you simply try this css :

.reveal-modal {
    width: 80% !important;
}

Regards,

Lyn.

You commented on Jo Mourad's post about 5 years

Hey there,

I don't think you can achieve what you want there just using push and pull.
You'd have to use either visibility classes or the interchange plugin in my opinion.

Here is a very simple example about what you can do with visibility classes, which is a good choice if you don't have a lot of content to hide/show : http://codepen.io/Lynesth/pen/lEjdk

Regards,

Lyn.

PS : I may be wrong, of course :)

Posts Followed

No Content

Following

  • No Content

Followers

  • mobile nav drop down issue

    Hi all Can anyone help me? My mobile navigation is fine but when I click on the "work with me" tab it doesn't seem to want to know the drop downs that are listed when in desktop mode. Can anyone help? The web url is http://raphaellecox.com/ Read More

    View More Posts by Chris