[Pro] Call for ideas

I’ve been trying to get exhibeo to create a slider for me. I’ve tried Carousel2, but could not get that to work well for me (I’m sure it was me).

I want my “slides” to be HTML elements, and so I produced a slideshow with Exhibeo and tweaked the CSS to make it as flexible as I could, then fit it into my inline/in-flow/box-model layout. Yet, for the life of me, some of the containers cannot have a flexible height as they collapse all the way down. Right now, the main viewer is a fixed height, it would be nice if it scaled with the image - a technique I normally can do, but for some unknown reason this keeps kickin’ my butt.

So, here is a link to what I’ve done for anyone who wants to dissect and work out where my blind spot is. Sorry, no original files – but the html and css are extremely pretty.

http://cssway.thebigerns.com/workbench/exhibeo-flexibilty/


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie, try this:

#mainslider, #mainslider_exibid { height:0 !important; padding-bottom:60%; }

Tada!


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s absolutely brilliant, Caleb… and I have to admit that I have no idea
why it works!

http://cssway.thebigerns.com/workbench/exhibeo-flexibilty/


Ernie Simpson

2013/9/19 Caleb Grove email@hidden

Ernie, try this:

#mainslider, #mainslider_exibid { height:0 !important;

padding-bottom:60%; }

Tada!


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s absolutely brilliant, Caleb… and I have to admit that I have no idea why it works!

Thank you for the compliment Mr Erns.

As to how it works, it is essentially creating a div that scales proportionately (like an image).

Remember how a div with a height value of 50% would not be half the height of its parent, but rather it’s height would be equal to half of the parent’s width?

Padding works the same way, but instead of being relative to the parent’s width, it is relative to the width of the element itself.

Therefor, by declaring the height to be 0 and the bottom-padding to be 60%, the height of the div will always be 60% of its width.

For more info on this technique, see this great article from A List Apart: Creating Intrinsic Ratios for Video.


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Now, where is my prize for knowing a CSS trick that Ernie doesn’t understand?


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Lol, you have my gratitude. I’ve been working with width:intrinsic for a
while now, and chomping at the bit for width:calc() – works in Chrome.
Heights though are still mysterious to me, but as long as the numbers work
(or a hammer) I’m fine with that.

Many thanks,


Ernie Simpson

Now, where is my prize for knowing a CSS trick that Ernie doesn’t

understand?


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Good work! We’re not far off offering this out of the box.

Joe


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What be be great too - would be to get the text to scale too -


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What be be great too - would be to get the text to scale too -

You could simply make it part of the image - in a graphic program - before
bringing it into Exhibeo. But then, it isn’t really text anymore and I
assume everyone knows how I feel about that.

Even now, as text, it can be made responsive through CSS just like the
slideshow now can. The first big step to Responsive design is Flexible
design. Actually, it’s more like steps 1 through 9, and Responsiveness is
step 10.

:slight_smile:


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Im working on this WP theme and enjoying its slider thats truly responsive if only we had this for FW sigh…

http://205.237.193.98/~expressy/


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 23 Sep 2013, 2:45 am, Justin Easthall wrote:

Im working on this WP theme and enjoying its slider thats truly responsive if only we had this for FW sigh…

http://205.237.193.98/~expressy/

Yes, that’s one of the reasons I’ve been playing around with Wordpress. There’s a real appeal to having a website development platform that’s “responsive ready” out of the box.


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, that’s one of the reasons I’ve been playing around with Wordpress.
There’s a real appeal to having a website development platform that’s
“responsive ready” out of the box.

I like Wordpress myself - but for it’s value as an easy-to-use content
manager. Otherwise I view it as I do Rapidweaver - far more difficult to
customize layouts and producing mostly bloated code. However, I suppose
it’s a good fit for Freeway Pro users as it doesn’t involve them in the
mechanical details and uses loads of plug-ins and add-ons to make up for
that.

I happily use it when I care more about ease-of-use from a content creation
pov than I do layout design or code quality.


Ernie Simpson


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Really? I didn’t realize you used Wordpress. What do you think your ratio of FP to Wordpress or other web development platforms is?

Also, what’s the best way to learn Wordpress? Lynda.com, books, etc.


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Let me clarify - as a designer, I hate Wordpress. Only in situations where
the client wants or needs constant and easy content control, outweighing
needs for semantic or design control, do I consider this. Or if the
client’s budget is just too low to get something that is lovingly designed
and built. That said, I’ve made at least a third of my sites with
Wordpress.

But you don’t really “make” a WP site - you slap a template built by
someone else onto a free CMS, throw in a few free plugins, maybe mess a bit
with the CSS… is THAT web design? I think not.

As a mere user, caring only for simplicity of content management, I truly
like Wordpress. As a designer, for me it’s the equivalent of the !important
attribute in CSS.

Hope that makes it clear :slight_smile:


Ernie Simpson

On Mon, Sep 23, 2013 at 1:31 AM, RavenManiac email@hidden wrote:

Really? I didn’t realize you used Wordpress. What do you think your ratio
of FP to Wordpress or other web development platforms is?

Also, what’s the best way to learn Wordpress? Lynda.com, books, etc.


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Anyway whats the chances of see a truly responsive slider for FW???


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Anyway whats the chances of see a truly responsive slider for FW???

What’s your criteria for responsiveness? What functionality are you looking
for? How is the flexible slider that I built out of only Freeway and
Exhibeo not working for you?


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I see what you have done and its great but… heres a demo of a fully loaded responsive slider -

http://dimsemenov.com/plugins/royal-slider/

Lots of options…

note this one, text avoids covering image

http://dimsemenov.com/plugins/royal-slider/full-width/

Some of the demos - can adjust to height too…


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I did some testings with rs and even purchased it for a current project. Royalslider is not too bad (honestly I love it) but it should be noted, that things are not really to integrate the Freeway-way (some are, some not) which simply means MarkUp and Coding.

Not a big deal, so I don’t care about this lil extra work cause finally it’s worth to do regarding the results. And as Justin already said:

Lots of options.

Cheers

Thomas


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 23 Sep 2013, 5:58 am, The Big Erns wrote:

Let me clarify - as a designer, I hate Wordpress. Only in situations where
the client wants or needs constant and easy content control, outweighing
needs for semantic or design control, do I consider this. Or if the
client’s budget is just too low to get something that is lovingly designed
and built. That said, I’ve made at least a third of my sites with
Wordpress.

But you don’t really “make” a WP site - you slap a template built by
someone else onto a free CMS, throw in a few free plugins, maybe mess a bit
with the CSS… is THAT web design? I think not.

As a mere user, caring only for simplicity of content management, I truly
like Wordpress. As a designer, for me it’s the equivalent of the !important
attribute in CSS.

Hope that makes it clear :slight_smile:

Ernie Simpson

On Mon, Sep 23, 2013 at 1:31 AM, RavenManiac

Perfectly clear and the reasons you pointed out are exactly why I’m considering adding to my toolbox of web development apps. :slight_smile:


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve worked some with WP sites, and each time I feel like I’ve died and gone to the opposite of heaven.

It was built as a blogging platform, and it is great at that. However, it has been hacked into working as a full blown CMS. If you need a true elephant-in-the-living-room kind of CMS, I’d look into EE before WP.


Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options