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.
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.
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
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.
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.
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.
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
–
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.
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?
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:
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
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.
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.