2 Correct answers
the mainNavLinks slide up and fade in - but they just slide out and dont fade out if im not mistaken -
I tried to create a seperate animation (fadeDownOut) but its not working
By @REELHERO
Create a new '.mainNavLinks li.fadeOutDown' css class:
.mainNavLinks li.fadeOutDown {
transform: translateY(210px);
animation: fadeInDown ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
Under the function 'removeFadeInUp()' add the line in bold below:
else {
mainNavLinks[i].classList.remov
Alright, maybe if I post the complete code example (see below) it might help you to trace where it is you are going wrong. All I've changed is setting the opacity to 0 at 25% in the 'fadeInDown' keyframe animation so you can see more readily the fading out of the links and I've added a setTimeout function to delay the copyRight information sliding up.
I think the one bit of important info I left out in my previous post was to inform you to assign the copyRight <div> to a variable, which is inclu
...
33
Replies
It's the 'small things' that make the big difference...........that's why I prefer to code it myself and not get blinded by dependency on using a framework, which of course, can never entertain the 'small things' out of the box.
By @osgood_
A framework is no different to other mass produced items, they all look the same.
One could turn a 1966 Ford Edsel into a Batmobile or add bespoke CSS and JavaScript to Bootstrap to make them look different.
The other way is to start from scratch. Build a Batmobile using your own manufactured parts, or build a website starting with HTML, CSS and JavaScript from scratch.
Either way, the result is a motor vehicle or a website that is visually unique. But at what financial cost?
As a side note, when I use the Bootstrap framework, in reality I am using someone else's code. Isn't that what is happening here? Isn't @REELHERO using @osgood_'s code?
Apologies for my grumpiness, it comes with age.
My intention was to show the difference between a bespoke coded website and one based on a framework. The aside was aimed at historic remarks regarding frameworks.
By @BenPleysier
You're missing the point. A framework will only provide the basics by default. It cannot cover every conceivable requirement, that's where a knowledge of coding is required to make YOUR vision of what YOU require happen, not that of a framework.
To use your analogy l could buy an off the shelf suit cheaply that would probably be OK but if l wanted it to fit to my exact requirements l would need to be a tailor or seek the experience of a professional tailor.
Frameworks are for the purpose of cheap and cheerful, inexpensive solutions, mainly driven by an employers needs to turn a profit rather than the need to fill a passion to create something original and bespoke. Not coming from a creative background l accept that may be difficult for you to understand. For us it's usually not about the money it's more about the satisfaction to create something as an individual and be better at what we do.
In respect of reelhero using my code, partly true. He is one of only a few around here that can actually implement it and re style it if necessary so that tells me he is willing to learn and study something outside of his normal comfort zone to achieve his desired goals, which a framework cannot provide by default, that is truly admirable and just maybe l can convince a few others that if you know coding you can also realise YOUR vision and not be reliant on someone's else's vision.
I agree with most of what you are saying in the above. I admire the way that you (@osgood_) have been helping @REELHERO and I think that the resultant website is a fantastic creation. This must give both of you a great feeling of accomplisment.
But what of the person visiting the site.
- Is that what they want?
- When they dial in on the site using their mobile phone, are they told beforehand that 30 MB of data is being downloaded every 1 minute that they are watching the homescreen?
- What of the contrast ratio for the person with low vision?
- Why disable zooming for those same users with low vision?
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">- Why upset the semantic structure (and that of secreen readers) of the page by not having the heading elements in a sequentially-descending order?
I could go on. I just wanted to illustrate here that there is much more to a website than a beautiful creation. It is not only about creativity, it is more about the user of the site.
By @BenPleysier
All good points to take into consideration. So where is the balance to be found............provide a boring experience, mainly for minority groups and risk losing many users or provide a more exciting experience and risk losing a minority of users.
Obviously in this case the website is targeting the creative sector probably in ad agencies and they are mainly the younger generation with lots of visionary ideas, so need to be wowed. On the other hand it might not be so great a solution should it be appealing to sight challenged old age pensioners on dial up modems.
Anyway we've gone off subject, with or without a framework, which is what was being discussed, any of the above points you mention could result. I was more discussing the merits, benefits and satisfaction of understanding enough to be able to make the decisions, taking into account points raised and actually being able to create what feels personally right. Someone has to ultimately make that call and the more you know will obviously help in not only making those decisions but implementing them.
Interesting though and you're quite correct, it's about knowing your market. Our local coffee house has just gone all digital, you can only order on screen now and no cash. We'll l won't be going there again as it doesn't appeal to me but they obviously know their market and who spends the most and that certainly is not me. I'm a dinosaur in their eyes.........you can't please everyone.
AdChoices