Wix Design Tutorials: Creating a Column-Based Site with Dynamic Scroll Effects

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 57

  • @modzlifellc780
    @modzlifellc780 6 лет назад +30

    This is very cool but one thing I've noticed about these tutorials is that these kind of designs do not look good on the mobile version. I know that you guys recently updated and have an optimized button that allows to quickly optimize the site. I just wish Wix had more customizable options in the mobile editor which nowadays is extremely important. I love Wix and have made several sites but have moved to Wordpress and Elementor because of this very issue. Hopefully you'll have something in the near future that will allow for more customizing in the mobile editor.

    • @davidkonevky7372
      @davidkonevky7372 4 года назад +4

      The mobile version of wix websites still suck after 2 years. I mean, they STILL haven't implemented parallax, and you still can't make mobile only exclusive text/boxes/buttons and idk why they even do that.

  • @SpanchOfficial
    @SpanchOfficial 5 лет назад +2

    Thanks for the tutorial! I'm really glad I chose Wix to make my website. So much design power.

  • @chacecampbell2697
    @chacecampbell2697 5 лет назад +2

    These tutorials are fantastic, though I can't help but think that for all of the trouble of basically tricking the system into all of these layouts (with basically no mobile option), someone could've just as easily used Webflow and had a truly responsive and accessible site.

  • @BostonArtPassion
    @BostonArtPassion 5 лет назад +9

    Unfortunately it’s not fit for mobile version and I think you should mention it....

  • @Design475
    @Design475 4 года назад

    I like the way you think! Great job!

  • @cynthiahopkins963
    @cynthiahopkins963 4 года назад +1

    WOW, can you not??? Now I have to go redesign my entire website!! :,)

  • @xxTheJesterxx
    @xxTheJesterxx 4 года назад +1

    These tutorials are great and all, and produce some amazing looking sites. What I don't get though, is that you place some elements outside of the grid lines. Although this may look great on the a desktop monitor that the site was created on, these particular elements will likely overlap or otherwise look out of place at different resolutions and screen sizes.

    • @davidkonevky7372
      @davidkonevky7372 4 года назад +1

      I was thinking the same thing, wouldn't those things disappear the moment they are put on a square sized computer?

    • @emeru24
      @emeru24 4 года назад

      @@davidkonevky7372 they will be all messed up in different screens,curious to know why he'd do that

    • @sholas2088
      @sholas2088 Год назад

      You are supposed to use responsive template and make sure all the section strips are set to stretched in the layout section in order for it to fit all screens, hope this helps.

  • @ccccccccccccccccc622
    @ccccccccccccccccc622 4 года назад +2

    Nice and useful video! Can this way(for desktop) adapt to the mobile mode directly?

  • @jennifermatthews7320
    @jennifermatthews7320 5 лет назад +1

    This was pretty dope! Thank you so much!

  • @aniketarya9114
    @aniketarya9114 4 года назад +2

    This type of design is not looking good on the mobile view.
    Have you any solution?

  • @exsoworld1449
    @exsoworld1449 Год назад

    Your a genious

  • @suekhanaung1513
    @suekhanaung1513 5 лет назад

    Very nice

  • @sarahhusna4215
    @sarahhusna4215 4 года назад +1

    is there any way that I can keep my original image size in each wix slideshow without being stretched out whenever the second & third image are differ on sizes...

  • @meghnasehrawat3652
    @meghnasehrawat3652 5 лет назад +4

    Really awesome! But how can I find a “blank cross pattern?”

    • @csjintern1265
      @csjintern1265 4 года назад +2

      A year later and still no explanation love it !

    • @davidkonevky7372
      @davidkonevky7372 4 года назад +1

      idk they probably made one in adobe illustrator

  • @londonlady8118
    @londonlady8118 4 года назад +2

    Great video, however unable to add scroll effect to columns if there's no background image? How do I correct this please?

    • @NicoleACY
      @NicoleACY 4 года назад

      I notice this too.

  • @olarozej9107
    @olarozej9107 3 года назад

    Amazing! Thank you ;-)

  • @Goodlife562
    @Goodlife562 4 года назад

    I have multiple pages in website, I want them to scroll down page by page instead of only clicking on the navigator pannel. I added strips in parallax effect but they didnt "combine" multiple pages in with scroll. Can someone help with that? All I see you add scrolls in one single page and there is no way I can add parallax as a page transition.

  • @tonivanbuskirk3397
    @tonivanbuskirk3397 5 лет назад

    Great website and the effects. I'm trying to duplicate the non-scrolling numbers (the 01 and 02 in the boxes) you added towards the end of the video and I can't seem to get it to work. I placed a png graphic inside a strip and set the scroll to reveal so it would be static on the page, but in preview the png shifts position to the top of the page even though the strip is positioned at 140y. Maybe I'm missing something...what sizes are your png graphics? I played with your demo website but without the original pngs I couldn't figure it out.

  • @MasterOfAllChief
    @MasterOfAllChief 5 лет назад

    Need help on 3:00 - 3:12 when I followed your instruction, it not the same as your effect . It goes like this, after applying parallax the image zooms in is not fully image which is hard to see what the image. I hope you can help me ASAP, I NEED THIS FOR MY FINAL PROJECT. If you do not understand I will try to explained it better.

  • @jerrybustamente1046
    @jerrybustamente1046 5 лет назад

    OMG! I am not worthy. Yeah, amazing. Again. Thanks.

  • @NeoNorsk
    @NeoNorsk 4 года назад

    Please, how did you move the image inside the strip with the mouse as seen on 3:29?

  • @sjoerdalblas
    @sjoerdalblas 5 лет назад

    Awesome!!

  • @sushilb001
    @sushilb001 5 лет назад

    @High On Design
    I followed this tutorial to create paralax site. Which is looking stunning in desktop view. Now i'm optimizing it in mobile view. So the strips of which I have changed backgrounds are appearing big in mobile view and texts written are cutting which is obvious. How can I delete these strips and add new strip which will only be visible in mobile view.

    • @saptarshighosh16
      @saptarshighosh16 5 лет назад

      did you get your solution? I would like to know how you did it.

  • @andreitate
    @andreitate 4 года назад

    is there any way my page can be set horizontally? PLEASE :C

  • @alanhunter3998
    @alanhunter3998 5 лет назад

    Hi , great tutorial, I have one question, can you resize the image when you are changing the background image of the column . Everything is great when are adding an image of a person which is in Portrait format but if you add an image with a group of people in Landscape the image is clipped.

  • @julientovar7198
    @julientovar7198 6 лет назад +1

    Hi there, where can I find this blank "Cross pattern" ?
    Thanks

    • @julientovar7198
      @julientovar7198 6 лет назад

      Sorry for this stupid question, I created it myself :p

    • @saptarshighosh16
      @saptarshighosh16 5 лет назад

      @@julientovar7198 how did you create it?

  • @mrperfectball4909
    @mrperfectball4909 5 лет назад +1

    that was. a good speed

  • @pragyapriya2486
    @pragyapriya2486 4 года назад

    I don’t why I don’t have those parallax effect

  • @errandwowor
    @errandwowor 4 года назад

    Guys, There are more features since 2018 but you have not release new video....
    Please inspire us!

  • @Sendthehit
    @Sendthehit 3 года назад

    💡

  • @sushilb001
    @sushilb001 5 лет назад +6

    why was this tutorial so fast? I mean I can pause and do stuff but this speed makes it so easy to miss most of the things..

  • @nircha9771
    @nircha9771 4 года назад +1

    had to watch it at 0.75 speed

  • @mrperfectball4909
    @mrperfectball4909 5 лет назад +1

    BOSS, ARE U SERIOUS

  • @skymenroofing9557
    @skymenroofing9557 5 лет назад +1

    how do you make the png NOT scale to fit or tile? i try to put my pattern but it just looks crzy stretched out

  • @curleypubes3672
    @curleypubes3672 5 лет назад +1

    Please update the mobile editor. Almost no one uses desktops to view websites anymore

    • @AliceSvz021
      @AliceSvz021 4 года назад

      @@wixplayground7678 I have clearly seen how willing you are to help users that pay for your service. After wasting time creating this it doesn't work AT ALL on the mobile version. And your solution is to send me 2 links to read and mention that "complex solution designs" don't necessarily work on mobiles.
      This is 2020! Your answer to all of us complaining over and over again about the same issue is to keep our websites on the basic interface to ensure the functionality on the mobile.
      80% of all business is via mobile. This is such a shame and an absolute joke.
      Don't even create this type of tutorials if they only work on a desktop! Why do you do this?
      People actually pay good money to you to ensure support and professionalism!
      You should offer full disclosure to people prior to subscribing to your Premium service such as:
      - "Complex solution designs don't work on mobile"
      - 24/7 Support means sending links to the users to read and tell them to fix the issues created by WIX.

  • @containableliving7642
    @containableliving7642 5 лет назад +1

    I like the work but way too fast

  • @voltek9755
    @voltek9755 2 года назад

    I got the crack

  • @mrperfectball4909
    @mrperfectball4909 5 лет назад

    A 2 YEAR OLD ALSON KNOW THIS U HAVE TO SAY ONE MEH

  • @sherylW315
    @sherylW315 2 года назад

    Moving way too fast for me

  • @mrperfectball4909
    @mrperfectball4909 5 лет назад

    HAH?,ABU BU BU BU
    FATTY BEER
    BEEER