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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024

ความคิดเห็น • 57

  • @SpanchOfficial
    @SpanchOfficial 5 ปีที่แล้ว +2

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

  • @cynthiahopkins963
    @cynthiahopkins963 4 ปีที่แล้ว +1

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

  • @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....

  • @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.

  • @Design475
    @Design475 4 ปีที่แล้ว

    I like the way you think! Great job!

  • @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

    • @Shay20188
      @Shay20188 ปีที่แล้ว

      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.

  • @jennifermatthews7320
    @jennifermatthews7320 5 ปีที่แล้ว +1

    This was pretty dope! Thank you so much!

  • @ccccccccccccccccc622
    @ccccccccccccccccc622 4 ปีที่แล้ว +2

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

  • @exsoworld1449
    @exsoworld1449 ปีที่แล้ว

    Your a genious

  • @aniketarya9114
    @aniketarya9114 4 ปีที่แล้ว +2

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

  • @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

  • @olarozej9107
    @olarozej9107 3 ปีที่แล้ว

    Amazing! Thank you ;-)

  • @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.

  • @suekhanaung1513
    @suekhanaung1513 5 ปีที่แล้ว

    Very nice

  • @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.

  • @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...

  • @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.

  • @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!!

  • @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.

  • @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.

  • @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?

  • @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

  • @Sendthehit
    @Sendthehit 3 ปีที่แล้ว

    💡

  • @pragyapriya2486
    @pragyapriya2486 4 ปีที่แล้ว

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

  • @mrperfectball4909
    @mrperfectball4909 5 ปีที่แล้ว +1

    that was. a good speed

  • @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..

  • @errandwowor
    @errandwowor 4 ปีที่แล้ว

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

  • @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.

  • @nircha9771
    @nircha9771 4 ปีที่แล้ว +1

    had to watch it at 0.75 speed

  • @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

  • @containableliving7642
    @containableliving7642 5 ปีที่แล้ว +1

    I like the work but way too fast

  • @mrperfectball4909
    @mrperfectball4909 5 ปีที่แล้ว +1

    BOSS, ARE U SERIOUS

  • @voltek9755
    @voltek9755 2 ปีที่แล้ว

    I got the crack

  • @sherylW315
    @sherylW315 2 ปีที่แล้ว

    Moving way too fast for me

  • @mrperfectball4909
    @mrperfectball4909 5 ปีที่แล้ว

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

  • @mrperfectball4909
    @mrperfectball4909 5 ปีที่แล้ว

    HAH?,ABU BU BU BU
    FATTY BEER
    BEEER