Highlighted

Help with Parallax Scrolling?

Community Beginner ,
Mar 29, 2018

Copy link to clipboard

Copied

Hello!

So I'm working on a project in my Web design Class. I am not super experienced with Dreamweaver yet (more specifically Javascript) but I'm willing to learn and adapt. I want to create this parallax scrolling effect: Campo Santo - Firewatch  and I found a really excellent tutorial that provided the code for me: https://medium.com/@hamstu/recreating-the-firewatch-parallax-effect-213694d42f4e

My issue is, I would like to have this effect on more than just the top of my screen, that is, when you scroll down there is another scene below the first one that has the same parallax effect. But I'm not sure how to go about this. I've tried copy-pasting the code and renaming everything, but I cannot seem to lower the image or it remains static. For now, I would just like help to figure out the code, as I plan on using my own images later on. Any help is appreciated! Thank you!

TOPICS
Learn Dreamweaver

Views

3.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Help with Parallax Scrolling?

Community Beginner ,
Mar 29, 2018

Copy link to clipboard

Copied

Hello!

So I'm working on a project in my Web design Class. I am not super experienced with Dreamweaver yet (more specifically Javascript) but I'm willing to learn and adapt. I want to create this parallax scrolling effect: Campo Santo - Firewatch  and I found a really excellent tutorial that provided the code for me: https://medium.com/@hamstu/recreating-the-firewatch-parallax-effect-213694d42f4e

My issue is, I would like to have this effect on more than just the top of my screen, that is, when you scroll down there is another scene below the first one that has the same parallax effect. But I'm not sure how to go about this. I've tried copy-pasting the code and renaming everything, but I cannot seem to lower the image or it remains static. For now, I would just like help to figure out the code, as I plan on using my own images later on. Any help is appreciated! Thank you!

TOPICS
Learn Dreamweaver

Views

3.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 29, 2018 0
Adobe Community Professional ,
Mar 29, 2018

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 29, 2018 0
Community Beginner ,
Mar 30, 2018

Copy link to clipboard

Copied

That's for basic Parallax scrolling, which I already know and understand. The type of scrolling that I am looking for help in is a bit different.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 30, 2018 0
Adobe Community Professional ,
Mar 30, 2018

Copy link to clipboard

Copied

The top of the screen is a clever overlapping of 9 transparent background PNGs.

HTML

<div class="keyart" id="parallax">

<div class="keyart_layer parallax" id="keyart-0" data-speed="2"></div> <!-- 00.0 -->

<div class="keyart_layer parallax" id="keyart-1" data-speed="5"></div> <!-- 12.5 -->

<div class="keyart_layer parallax" id="keyart-2" data-speed="11"></div> <!-- 25.0 -->

<div class="keyart_layer parallax" id="keyart-3" data-speed="16"></div> <!-- 37.5 -->

<div class="keyart_layer parallax" id="keyart-4" data-speed="26"></div> <!-- 50.0 -->

<div class="keyart_layer parallax" id="keyart-5" data-speed="36"></div> <!-- 62.5 -->

<div class="keyart_layer parallax" id="keyart-6" data-speed="49"></div> <!-- 75.0 -->

<div class="keyart_layer" id="keyart-scrim"></div>

<div class="keyart_layer parallax" id="keyart-7" data-speed="69"></div> <!-- 87.5 -->

<div class="keyart_layer" id="keyart-8" data-speed="100"></div> <!-- 100. -->

</div>

CSS

/* PARALLAX */

.keyart, .keyart_layer {

    height: 1000px;

}

#parallax {

    display: none;

}

#nonparallax {

    display: block;

}

#nonparallax {

    background-image: url('../images/keyart-mobile.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto 100%;

}

.keyart {

    position: relative;

    z-index: 10;

}

.keyart_layer {

    background-position: bottom center;

    background-size: auto 1038px;

    background-repeat: repeat-x;

    width: 100%;

    position: absolute;

}

.keyart_layer.parallax {

    position: fixed;

}

    #keyart-0 {

        background-image: url('../images/parallax/parallax0.png');

        background-color: #ffaf1b;

    }

    #keyart-1 {

        background-image: url('../images/parallax/parallax1.png');

    }

    #keyart-2 {

        background-image: url('../images/parallax/parallax2.png');

    }

    #keyart-3 {

        background-image: url('../images/parallax/parallax3.png');

    }

    #keyart-4 {

        background-image: url('../images/parallax/parallax4.png');

    }

    #keyart-5 {

        background-image: url('../images/parallax/parallax5.png');

    }

    #keyart-6 {

        background-image: url('../images/parallax/parallax6.png');

    }

    #keyart-7 {

        background-image: url('../images/parallax/parallax7.png');

    }

    #keyart-8 {

        background-image: url('../images/parallax/parallax8.png');

    }

    #keyart-scrim {

        background-color: #ffaf00;

        opacity: 0;

    }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){

       #keyart-0 {

        background-image: url('../images/parallax/parallax0@2x.png');

        background-color: #ffaf1b;

    }

    #keyart-1 {

        background-image: url('../images/parallax/parallax1@2x.png');

    }

    #keyart-2 {

        background-image: url('../images/parallax/parallax2@2x.png');

    }

    #keyart-3 {

        background-image: url('../images/parallax/parallax3@2x.png');

    }

    #keyart-4 {

        background-image: url('../images/parallax/parallax4@2x.png');

    }

    #keyart-5 {

        background-image: url('../images/parallax/parallax5@2x.png');

    }

    #keyart-6 {

        background-image: url('../images/parallax/parallax6@2x.png');

    }

    #keyart-7 {

        background-image: url('../images/parallax/parallax7@2x.png');

    }

    #keyart-8 {

        background-image: url('../images/parallax/parallax8@2x.png');

    }

}

IDs are unique identifiers and can be used only 1x per page.  To duplicate this effect on same page will require new code with new images, IDs and CSS.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 30, 2018 1
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

I know that on this forum, some users have not sassed, or do not want to admit that it can be useful to use sass ... and some says that it takes away from real control of css ...

here is an example which allows us to glimpse some flexibility in the writing of the code ... and especially to be able to return there very easily and to make it evolve so simply ...

I take into account in this example neither the aspect responsive, nor the aspect object, nor the optimal appearance ... just I'm slamming the door.


By the way, I want to make it clear that this does not compromise the quality of code produced by Nancy ... that is not the point...

so open https://www.sassmeister.com/​ and in the left part of the window paste the below code

@for $i from 0 through 8 {

   #keyart-#{$i} {

     background-image: url('../images/parallax/parallax#{$i}.png');

   }

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 1
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

This is accomplished easily using a javascript or jquery loop and whats more the actual <divs> are automatically appended to the html code. This is a perfect example where inline css styles can be used to good effect.

Sass on the other hand has no such solution.

If youre using php such as l am it gets even more of a simple task - no extra files needed  or to manage for either a javascript or php workflow. And of course as l keep saying  the code is completely portable, regardless of what might happen in the future.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

so perhaps I miss understood what you said (as usually)... but where everyone àon earth try to adopt a full separation in between structure, rendering and engine... (in other word having HTML, CSS and JS) fully separated... ... what you try to explain is to merge everything (HTML, CSS and JS) in the midddle of JavaScript...

well... that makes sense... I will have to think about it... you are probably right...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

Everyone, sadly youre incorrect or just reading bullcrap again or not totally understanding , which may be the case.

For eons everyone has been bullcraping about what you should and shouldnt do. If you apply the same thoughts to your own workflow you wouldnt be using Wordpress or Bootstrap which create larger amounts of redundant and garbage coding than most, which in a past time would have not been acceptable to those that preach about what you should do and what you shouldnt do. Stop listening to the preachers (brain washers) and start listening to yourself.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

yep, precisely, listening to me, I like having HTML structures on the one hand, with a wide range of semantics provided by JSON-LD (also apart).

on the side of the display and the visual, here too I like having all the CSS totally independent and dissociated from the structure.

as far as the functional, dynamic and interactive aspects are concerned, again, I like Javscript to be completely autonomous and independent. AJAX requests can wish to draw in Mongo as well as in SQL. And this according to the heritage of datas provided.

the complexity lies in the implementation of markers within HTML (useful for CSS, metadata as well as for JS pointers) which must be evolutionary, not absolute and rely on an oriented object notion ( Bem, OOCSS, respecting a nature Atomic Design).

I took a few years to get rid of my old habits of spaghetti code in which I tried to mix everything, believing to do well.

years passed, and languages ​​like Sass ... supported by Susy, and all the big family of cores and gems (ruby) was here ... under hands...

... and then came Node ... ah ... node who came to join the panoply with all its distillery packages ... and inevitably task automators could only result ...

and that's when ... realizing this vastness of possibilities ... I said to myself ... how lucky I was to have been able to listen to myself and not to have mixed apples and pears, and have learned over time to separate HTML, CSS and JavaScript and keep them independent, interchangeable and modular ... in short ... be well oriented objects ...

I've met so many people around the world that work that way... that I almost forgot that at start I had listen my feeling on how to handle web development... in an agile method

ah yes ... wordpress ... I forgot this old miser... and his friend themeforest (envato) ... what is it worth to be able to mount a project in a working day. .. with these two wonderful tools, and so, just charge customers a small contribution, half day or even a day of work ...., while their purse is not necessarily garnished ... and hop ... a beautiful responsive web site ...

so keep the development of craftsman for the big projects applications

with this toolbox under the keyboard and preserving to listen to me ... everyone is happy ... and work is a pleasure that is renewed every morning when the alarm clock sounds ....

thank you...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 1
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

woaw ... by posting I just realized how I was talkative ... yop... it is now to go join my family around a good pot-au-feu that has simmered for a few hours ... a good red Côte du Rhône  who has chambered ... and a leavened bread all crispy ...

tomorrow there is the egg hunt and chocolate bells ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 1
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

If it works for you thats fine but dont sell forum users short by keep bleating on about a work flow, SASS, which is essentially unneccessary and has huge flaws associated with it.

You are definitely in the camp of l will use a workflow and conceal the real truth behind it if that workflow suits your poor practices.

Happy Wordpressing and Bootstrapping. QUICK  DOESNT ALWAYS EQUATE TO GOOD.

Tomorrow, next week, next year when a new trend emerges which says you have been doing it all wrong and this is the correct way to be doing it you will jump on that band wagon....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Mentor ,
Mar 31, 2018

Copy link to clipboard

Copied

@osgood_

Do you have a site or work that can be reviewed? I have been wondering for a while now when seeing your posts and comments, it must be beyond impressive given your discussions. ** I am serious not being sarcastic here. ** I would love to see something to put examples in conjunction with your comments.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

My work is NOT beyond impressive, just clean and simple. Only clients get to view it because lm not interested in critisim from anyone else but clients and l get quite enough of that - whether others like it or hate is immaterial to me and design is hugely subjective.

Lets put it this way ld be embarrased to show off what most post in this forum but  l have been an admirer of one or two posters work in the past, but they cant code. I guess you cant have everything.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 1
Mentor ,
Mar 31, 2018

Copy link to clipboard

Copied

Your post commenced a rather lively discussion.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 2
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

W_J_T  wrote

Your post commenced a rather lively discussion.

LOL

Just my 2 pence.

I always found that KISS, was the best method of managment, workflow, and coding. The more complicated I made it, the more I had to add/use something else as well, just because of those added workflows/so-called-helpers.

Now I always advise students/clients to have a good look at what they do and how they do it, then ask one simple question -

"why am I doing it that way, and is it really required"?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 1
Mentor ,
Mar 31, 2018

Copy link to clipboard

Copied

100% agree

Edit: well maybe 98.78326491 %

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

W_J_T  wrote

Your post commenced a rather lively discussion.

<shaking head>  I don't know why. </shaking head>

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

Uses Wordpress, probably poorly coded Wordpress widgets and Bootstrap and says hes got rid of old habits of producing spaghetti code, blokes in denial.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

I think... that few lines

so open https://www.sassmeister.com/ and in the left part of the window paste the below code

@for $i from 0 through 8 {

   #keyart-#{$i} {

     background-image: url('../images/parallax/parallax#{$i}.png');

   }

}

give the fire on the brain... arf arf....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

it happens quite regularly that an association, a very small company that starts, a village needs a website ... but the problem is that the budget is not necessarily there ...

so, yes, to meet the needs of this type of structures, namely to have a content that is not very expensive (1/2, even 1 day of work man) and especially not to leave them with a site that is old, with a rendering dating from another era ... yes at that moment I leave the wordpress box, and themeforest (envato) ...

of course my main activity is the HTML / CS / JS coding with SASS (ruby) and Node (console) ... for large internal applications ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

the pot-au-feu... was delicious... now it's time to go to bed and go tell a story to the kids ... as I say tomorrow morning ... eggs and chocolate bunny in the meadow ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

osgood_  wrote

Uses Wordpress, probably poorly coded Wordpress widgets and Bootstrap and says hes got rid of old habits of producing spaghetti code, blokes in denial.

You are all in denial, the way I do things is the one and only proper way to do anything . (May not come through on email but have inserted 'devil').

The problem with any workflow is that it is a very personal thing, and even though I think Birnou is probably over complicating what he is doing. He is the one who must justify it to clients, and not to us.

It's the same as rwd, I would say desktop first, clean code and use the latest html, css features even if that must include the use of pollyfills. Develop for now, not the past, fallback code is never hard to include, updating the site just because a developer could not be bothered to keep-up originally should never be required.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 1
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

The problem l have with posters who use stuff like Bootstrap, Wordpress, Sass is that they never accept that there are any flaws in the worflow any never address them.

Obviously in the case of Wordpress it uses excessive class names, can call as many as 15 css files or 15 js files. l wont go into security risks or widgets that could stop working or not kept uptodate by the developer and at some stage when Wordpress is updated. stop working.

Bootstrap is not exactly renowned for its  streamline output, almost always using a lot of refundant divs that if you write the same construction manually could be dispatched. Most users, even ptofessionals, will be linked to a bloated css file.

Then we come to Sass, l dont know where that fits in, not with my workflow which might only be 20 pages and of course the one big problem l have with it is its a build file, which is not an integral part of the final files. Its not portable as l would say. This could render it useless further down the line depending on what happens, who is involved with the upkeep of the website after its been released.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
LEGEND ,
Mar 31, 2018

Copy link to clipboard

Copied

I agree with you Os, but as I say, it is not my (or your) problem.

The excuses I read for using solutions just because they are easy and/or cheap, are now being felt by Muse users. It is the implied 'you should use these' that I disagree with, and using acronyms that are for management then adding 'sass' to the end is never justified, and will always cause disagreements.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Mar 31, 2018

Copy link to clipboard

Copied

The problem with any workflow is that it is a very personal thing, and even though I think Birnou is probably over complicating what he is doing. He is the one who must justify it to clients, and not to us.

There is no way that customers want to know about workflows or technology, they are only interested in a good looking and functional website that shows as number one in a Google search. Then, when you tell them about security, they will add that as their third preference.

Workflows are personal. I like the way that I work, Birnou likes the way he works. Incidentally, I have been looking at Birnou's workflow which is followed by many web-developers that are much smarter than I. The problem is that I do not have enough time to set it up, time I would have had if I had adopted the workflow.

Bootstrap has also been mentioned, Some thickheads cannot understand that Bootstrap is a library of ready made widgets and style rules. As in any library, you can take out all of the books, which is an overkill, or you can take out those books that you need.

Like Birnou's workflow, Bootstrap is a time-saver and that is what our game is about if we want to beat the likes of WIX, Webflow et al.

@osgood_  Why should we accept a workflow that you aspire to when you will not even listen to our workflow? Just stop being a bigot.

Edit: Forgot to say that Sass is my mate when selecting my books.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

Paula when you say... "... I think Birnou is probably over complicating what he is doing.  ...."

  • is that ... fully separate the HTML structure from the CSS formatting and Javascript interaction is something complicated ???
    I'm not talking about Aria ... but hey you understand that this is an integral part of the structure description ...
  • is the use of Sass to overcome the lack of flexibility in writing CSS is complicated ???? moreover why deprive yourself of all the wonderful tools that ruby brings us for this purpose ... (susy, breakpoint, scut, typesettings ...)
  • is the use of Json-LD to introduce metadata, without unnecessarily overloading the HTML structure, is complicated ????
  • What is complicated about the use of automation tools that will help us minimize our tasks and controls? thank you Node

honestly ... I do not see what is complicated or makes my workflow complicated .... ??? I just use the tools we all have ... and free ... please.

and when you say "... He is the one who must justify it to clients, and not to us..."

generally what my customers want is to have a result that suits them, that is always in response to their need, that my responsiveness is constant and that the price paid is the cheapest possible ... how I realize all this, does not matter to them ... once again the result and the price interest them not the technology, nor the tools

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

reading you I finally understood why I continued to share on forums ... it's called listening, opening, sharing the exchange and acceptance of the other as other. thank you

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
LEGEND ,
Apr 01, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

The problem with any workflow is that it is a very personal thing, and even though I think Birnou is probably over complicating what he is doing. He is the one who must justify it to clients, and not to us.

@osgood_  Why should we accept a workflow that you aspire to when you will not even listen to our workflow? Just stop being a bigot.

I'm listening to your workflows and constantly pointing out why I think they are at fault. I'm not asking you to change your workflow, I'm asking you to consider being honest about the workflow rather than this attitude of 'denial' that I encounter all the time.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
LEGEND ,
Apr 01, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

Bootstrap has also been mentioned, Some thickheads cannot understand that Bootstrap is a library of ready made widgets and style rules. As in any library, you can take out all of the books, which is an overkill, or you can take out those books that you need.

As soon as you get personal (I'll assume you are now infering that I am a thickhead - how did that get through the moderation - some biased going on here I think) you have lost the plot and are in retreat, your views are somewhat discounted, its not smart to have to defend your workflows using personal insults.

All I am saying is using Bootstrap perhaps gives the developer a false sense of security which prevents them from exploring beyond what it includes rather than perhaps expanding their skills by introducing more innovative or better solutions. Humans, by nature, are lazy in general and if you hand something to them as a package, on a plate, they then don't hunt for their own food.

It doesnt actually appear that you have 'removed many books from the library' where bunch of blokes is concerned. Do you really need, and are you really using ALL of that css in your bootstrap linked css file?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

you said "Do you really need, and are you really using ALL of that css in your bootstrap linked css file?"...

my answer is 100%... not... and for sure no one will use all of the rules present in the CSS file... you're right... and that's why one can use... a simple task called remove unused... that will do the job in a black box... then a nice concat will merge the bootstrap and the personal file... and a small nono to make them smaller as they can be... so one clik handle all... and the libray will make the dev happy... don't you think...???

arf arf...

and by the way... personnaly I don't use Bootstrap at all... but those who do... doesn't bother me... and if they want that I write the package.json (including the bowwer) for them... it will be one of my gterae pleasure...

hmmm... by the way two... that is also one part of my dev job to write scripts for folks that can't... scripts for automating their workflow...

and hmmmm by the way three.... I never... and I say never push anyblody to change their workflow.... everyone is free to do how they want... either if it is to stay stuck in the dark age....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
LEGEND ,
Apr 01, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

The problem with any workflow is that it is a very personal thing, and even though I think Birnou is probably over complicating what he is doing. He is the one who must justify it to clients, and not to us.

There is no way that customers want to know about workflows or technology, they are only interested in a good looking and functional website that shows as number one in a Google search. Then, when you tell them about security, they will add that as their third preference.

Workflows are personal. I like the way that I work, Birnou likes the way he works. Incidentally, I have been looking at Birnou's workflow which is followed by many web-developers that are much smarter than I. The problem is that I do not have enough time to set it up, time I would have had if I had adopted the workflow.

You are misunderstanding my comment, probably because we work on different types and sizes of sites.

I work on very large browser based applications, (selling or promoting nothing) with large groups of co-workers. This means that any workflow must include managing and co-ordinating different specialities not just design and development. So any workflow must be one that takes into account multiple requirerments, and is understood by everyone from senior managment to the 'newbie' (the one who makes the coffee, we have all been there ).

if you are working alone, or constantly with the same one or two people then the workflow becomes something you must only justify to yourself.

when working with large groups, you cannot just do something when you want to, as everything becomes a part of the overall workflow.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Participant ,
Apr 01, 2018

Copy link to clipboard

Copied

Birnou, you're good in dev and we thank you for your help

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

If you take my general term of thickheads to apply to you, then so be it. After all, I have plenty of examples of similar terms thrown at my person.

Good to see that you have had a look at BunchOBlokes. There is more to it than what the public area shows. There are two secured areas, one for registered users and one for admins. The registered users section is divided into personal areas for privacy while the admin section allows for content management and other utilities such as a mass mailing system.

In other words, the public area has required a fraction of my time compared to the other two sections where there is plenty of back-end activity. .


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
LEGEND ,
Apr 01, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

If you take my general term of thickheads to apply to you, then so be it. After all, I have plenty of examples of similar terms thrown at my person.

.

I don't think you are worthy of your place as a ACP. You have a seriously bad attitude issue but the I guess you fit in well with Adobes attitude in abusing their users and participants, 2 of a kind.

BenPleysier  wrote

Good to see that you have had a look at BunchOBlokes. There is more to it than what the public area shows. There are two secured areas, one for registered users and one for admins. The registered users section is divided into personal areas for privacy while the admin section allows for content management and other utilities such as a mass mailing system.

In other words, the public area has required a fraction of my time compared to the other two sections where there is plenty of back-end activity. .

Nice to see you are doing exactly as I expected, avoiding the truth, once again and trying to cover it up by waffling about something else. Were you a politician in an earlier life by any chance?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
LEGEND ,
Apr 01, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/B+i+r+n+o+u  wrote

you said "Do you really need, and are you really using ALL of that css in your bootstrap linked css file?"...

my answer is 100%... not... and for sure no one will use all of the rules present in the CSS file... you're right... and that's why one can use... a simple task called remove unused... that will do the job in a black box... then a nice concat will merge the bootstrap and the personal file... and a small nono to make them smaller as they can be... so one clik handle all... and the libray will make the dev happy... don't you think...???

The preacher is not doing as he preachers, which is the problem I have.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
LEGEND ,
Apr 01, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/B+i+r+n+o+u  wrote

either if it is to stay stuck in the dark age....

Sounds as though it actually is troubling you.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

Paula Said

I work on very large browser based applications, (selling or promoting nothing) with large groups of co-workers. This means that any workflow must include managing and co-ordinating different specialities not just design and development. So any workflow must be one that takes into account multiple requirerments, and is understood by everyone from senior managment to the 'newbie' (the one who makes the coffee, we have all been there ).

I am also involved in very large projects (web applications, which also have nothing to promote or sell ...

the teams are very often broken up through different companies both in France and in Europe ...


at the beginning of each project we define all together the workflow, the technologies and the tools a... then from that...  a technical specification is adopted and setted (often on a wiki) ... everyone has to refer to it ...


Of course, pure designers, expert user, content manager, (you kno what I mean) do not know Node, Sass, Bower, Aria, RDF or even Json-LD ... as for GIT, they know how to push .. but few are the ones who pitch projects ... anyway, there is always someone available to do it for them ... and yet and that's the case ... in 95% of cases, these are the technologies that are selected ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

The preacher is not doing as he preachers, which is the problem I have.

sorry ... I admit I do not understand the substance of your answer, could you please specify ... I always liked when nested in the hollow of the semantics a religious dogma is hidden .... (to preach) ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
Adobe Community Professional ,
Apr 01, 2018

Copy link to clipboard

Copied

Sounds as though it actually is troubling you.

as I always told... nothing trouble me... everyone is free to run its way as liked... 

but, I noticed that you react to this sentence ... I did not aim at you particularly ... sorry, if you feel it, it was an extreme that counterpointed the whole of the subject ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2018 0
New Here ,
Oct 02, 2018

Copy link to clipboard

Copied

I found this just after I saw this post and thought i'd share, it helped me. How To Create a Cool Parallax Scrolling Effect For Your Websites - YouTube

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 02, 2018 0