Menu icon Foundation

Designer

UX designer

My Posts



  • 8
    Replies
  • Nested pages with Panini

    By Sven

    panini

    I have a prototype with dozens of pages. Half of them use one type of layout, another half uses another layout.  How do I create nested pages? I tried creating subfolders /src/pages/subfolder/subpage but  {{> subfolder/subpage}} does not... (continued)

    Last Reply by Adam009 about 1 month ago



  • 2
    Replies
  • How to configure shake amplitude?

    By Sven

    Motion UIshake

    How to configure animations? More specifically, i want to reduce shake amplitude while using class="square linear shake“ I’m trying to use it to get attention to error forms, but current shake amplitude is something like 50 pixels. I want something l... (continued)

    Last Reply by Sven almost 2 years ago



  • 5
    Replies
  • Why doesn’t Yeti Launch do inlining?

    By Sven

    inliner

    Why does Yeti Launch include Foundation for Emails templates, but it does no inlining? I still have to do inlining on web form. That SASS/JS compilation, pages and templates and all that fancy stuff is kind of useless for e-mails (who does multipage e... (continued)

    Last Reply by Liam Fitzgerald over 1 year ago



  • 1
    Reply
  • How to make menu-bar responsive?

    By Sven

    menu-barResponsive

    Any ideas how to make .menu-bar responsive? I have a vertical menu bar that usually contains less than ten items. But it *might* contain well over 20 items. I can hide it easily for mobile, but any idea how to make it accessible on mobiles?

    Last Reply by Sven over 2 years ago



My Comments

Sven commented on Sven's post 27 days

Hmm…
Using .in-canvas-for-large instead of .reveal-for-medium screws up my layout completely…
 
Edit – had to rework my grid to make it work, thanks! 
I'm surprised, though, that you need to float layout pieces like that and framework does not contain tools to achieve layout you want without floating.
And settings do not work anymore if i use in-canvas-for-medium. Maybe they should'nt work, because it's not "off-canvas" anymore if using .in-canvas-for-medium. Don't know if it's a bug or feature…

Sven commented on Sven's post about 2 months

Thanks a thousand, Negativefix!
My day is saved.

Sven commented on Sven's post about 2 months

Let’s say I have 15 pages that have top bar and 15 pages that have off-canvas menu on the left (public-facing website and app itself). 
How do set up this with Panini? I thought I just create two folders so I can just link into them in my main page template
/src/pages/website/page_n
/src/pages/app/page_n
But it seems Handlebars can’t read all files in a folder.

Sven commented on Sven's post 2 months

Hardlink sounds better than copying files, though. Still very hacky solution, though. 
Mabye there’s something in Handlebars.js? 

Sven commented on Sven's post over 1 year

Yeah, thanks! 
This is how it works: 
<ul class="dropdown menu" data-dropdown-menu>
<li {{#ifpage 'competitions'}}class="is-active"{{/ifpage}}>
<a href="competitions.html">Competitions</a>
</li>
<li {{#ifpage 'courses'}}class="is-active"{{/ifpage}}>
<a href="courses.html">Courses</a>
</li>
<li {{#ifpage 'clubs'}}class="is-active"{{/ifpage}}>
<a href="clubs.html">Clubs</a>
</li>
</ul>

Sven commented on Sven's post almost 2 years

Yes, precisely, I’m using shake animation with error messages.

But I’m having trouble using these mixins (not really proficient with SASS yet). Writing

.shake {
    @include mui-animation($intensity 7%);
}

Gives me SASS compilation error :(

Sven commented on Sven's post almost 2 years

A-ha, restarting worked, thanks!

Sven commented on Sven's post about 2 years

Aha, that makes sense, thanks!

Sven commented on Sven's post over 2 years

Yeah, thanks, I don’t understand, but it worked :/

Sven commented on Sven's post over 2 years

Yeah, I target IE 10 and up.

Posts Followed

No Content

Following

    No Content

Followers

My Posts











My Comments

You commented on Sven's post 27 days

Hmm…
Using .in-canvas-for-large instead of .reveal-for-medium screws up my layout completely…
 
Edit – had to rework my grid to make it work, thanks! 
I'm surprised, though, that you need to float layout pieces like that and framework does not contain tools to achieve layout you want without floating.
And settings do not work anymore if i use in-canvas-for-medium. Maybe they should'nt work, because it's not "off-canvas" anymore if using .in-canvas-for-medium. Don't know if it's a bug or feature…

You commented on Sven's post about 2 months

Thanks a thousand, Negativefix!
My day is saved.

You commented on Sven's post about 2 months

Let’s say I have 15 pages that have top bar and 15 pages that have off-canvas menu on the left (public-facing website and app itself). 
How do set up this with Panini? I thought I just create two folders so I can just link into them in my main page template
/src/pages/website/page_n
/src/pages/app/page_n
But it seems Handlebars can’t read all files in a folder.

You commented on Sven's post 2 months

Hardlink sounds better than copying files, though. Still very hacky solution, though. 
Mabye there’s something in Handlebars.js? 

You commented on Sven's post over 1 year

Yeah, thanks! 
This is how it works: 
<ul class="dropdown menu" data-dropdown-menu>
<li {{#ifpage 'competitions'}}class="is-active"{{/ifpage}}>
<a href="competitions.html">Competitions</a>
</li>
<li {{#ifpage 'courses'}}class="is-active"{{/ifpage}}>
<a href="courses.html">Courses</a>
</li>
<li {{#ifpage 'clubs'}}class="is-active"{{/ifpage}}>
<a href="clubs.html">Clubs</a>
</li>
</ul>

You commented on Sven's post almost 2 years

Yes, precisely, I’m using shake animation with error messages.

But I’m having trouble using these mixins (not really proficient with SASS yet). Writing

.shake {
    @include mui-animation($intensity 7%);
}

Gives me SASS compilation error :(

You commented on Sven's post almost 2 years

A-ha, restarting worked, thanks!

You commented on Sven's post about 2 years

Aha, that makes sense, thanks!

You commented on Sven's post over 2 years

Yeah, thanks, I don’t understand, but it worked :/

You commented on Sven's post over 2 years

Yeah, I target IE 10 and up.

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content